From 6beb557179943f808f7f5b059eab1357a73cebe8 Mon Sep 17 00:00:00 2001 From: Paul Adam Davis Date: Sat, 12 Jul 2014 11:42:05 +0100 Subject: [PATCH] Add transparent border to add-user button Closes #63 --- core/client/assets/sass/layouts/settings.scss | 3 ++- core/client/docs/dist/css/ghost-ui.min.css | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/core/client/assets/sass/layouts/settings.scss b/core/client/assets/sass/layouts/settings.scss index e395b742fd..b82f65b721 100644 --- a/core/client/assets/sass/layouts/settings.scss +++ b/core/client/assets/sass/layouts/settings.scss @@ -322,6 +322,7 @@ .button-add { position: relative; padding-left: 50px; + border: rgba(0,0,0,0.07) 1px solid; @include icon($i-add, 1.4em, rgba(255,255,255,0.6)) { position: absolute; top: 0; @@ -329,7 +330,7 @@ left: 9px; bottom: 0; width: 26px; - border-right: darken($green, 8%) 1px solid; + border-right: rgba(0,0,0,0.07) 1px solid; }; } } // > header diff --git a/core/client/docs/dist/css/ghost-ui.min.css b/core/client/docs/dist/css/ghost-ui.min.css index 380a6bb31c..4eeda63438 100644 --- a/core/client/docs/dist/css/ghost-ui.min.css +++ b/core/client/docs/dist/css/ghost-ui.min.css @@ -12,7 +12,7 @@ nav ul{list-style:none;margin:0;padding:0;border-top:#edece4 1px solid}nav li a{ .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}.invite-new-user .modal-body:after{content:"";display:table;clear:both}.invite-new-user .modal-body fieldset{margin:1em 0 0 0}.invite-new-user .form-group{margin-bottom:0;padding:0}.invite-new-user .form-group label{position:static;display:block;text-align:left}.invite-new-user .form-group:nth-of-type(1){float:left;width:60%}.invite-new-user .form-group:nth-of-type(2){float:right;width:35%}.invite-new-user .form-group input,.invite-new-user .form-group select{margin-top:1px;width:100%}.invite-new-user .button-add{width:100%;padding:0.85rem 1.9rem;font-size:14px;line-height:16px}.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:"GhostIcons";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{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 .post-setting-item.no-padding{padding:0}.post-settings-menu .author-select-wrapper{display:inline-block;position:relative;height:36px;width:100%}.post-settings-menu .author-select-wrapper:before{content:attr(data-select-text);position:absolute;top:0;right:0;bottom:0;left:0;font-size:1.1em;color:#e2edf2;line-height:36px;text-indent:10px}.post-settings-menu .author-select-wrapper: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:"\e001";font-size:0.85em;color:#e2edf2;position:absolute;top:50%;right:0.8em;position:absolute;margin-top:-0.425em;pointer-events:none}.post-settings-menu .author-select-wrapper:hover{text-decoration:none}.post-settings-menu .author-select-wrapper select{opacity:0;width:100%;margin-bottom:0;height:36px}.post-settings-menu .author-select-wrapper:hover{background:#35393b}@media (max-width: 550px){.post-settings-menu .author-select-wrapper,.post-settings-menu .author-select-wrapper:before,.post-settings-menu .author-select-wrapper select{height:41px}.post-settings-menu .author-select-wrapper:before{line-height:41px}}.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 .select-wrapper{width:calc(100% - 10px)}.post-settings-menu .delete{display:block;padding:10px 15px;cursor:pointer}.post-settings-menu .delete: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:"\e023";position:relative;top:-1px;margin-right:10px}.post-settings-menu .delete:hover{text-decoration:none}.post-settings-menu .delete:hover{background:#e25440}.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{top:-55px;margin-top:55px;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:"GhostIcons";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 .about a: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"}.settings-menu .about a:hover{text-decoration:none}.settings-menu .general a: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:"\e006"}.settings-menu .general a:hover{text-decoration:none}.settings-menu .publishing a: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:"\e02d"}.settings-menu .publishing a:hover{text-decoration:none}.settings-menu .services a: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:"\e020"}.settings-menu .services a:hover{text-decoration:none}.settings-menu .users a: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:"\e002"}.settings-menu .users a:hover{text-decoration:none}.settings-menu .appearance a: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:"\e021"}.settings-menu .appearance a:hover{text-decoration:none}.settings-menu .apps a: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:"\e00b"}.settings-menu .apps a:hover{text-decoration:none}.settings-menu .code a: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:"\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 .settings-general 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-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;display:block}.settings-content>header .button-back:before{left:-9px;border-width:15px 9px 15px 0}}.settings-content>header .header-inner{position:absolute;top:0;left:0;right:0;height:100px;outline:1px solid red}.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-save{min-height:0;height:30px;padding:0.5em 1.37em}}.settings-content .page-actions.page-actions-alt{left:40px}.settings-content .page-actions .button-add{position:relative;padding-left:50px}.settings-content .page-actions .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";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:26px;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 textarea,.settings-content .bio-container textarea{min-height:115px}.settings-content .word-count{float:right;font-weight:bold;color:#9e9d95}@media (max-width: 550px){.settings-content textarea{max-width:100%}.settings-content textarea+p{max-width:100%}} +.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:"GhostIcons";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 .about a: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"}.settings-menu .about a:hover{text-decoration:none}.settings-menu .general a: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:"\e006"}.settings-menu .general a:hover{text-decoration:none}.settings-menu .publishing a: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:"\e02d"}.settings-menu .publishing a:hover{text-decoration:none}.settings-menu .services a: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:"\e020"}.settings-menu .services a:hover{text-decoration:none}.settings-menu .users a: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:"\e002"}.settings-menu .users a:hover{text-decoration:none}.settings-menu .appearance a: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:"\e021"}.settings-menu .appearance a:hover{text-decoration:none}.settings-menu .apps a: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:"\e00b"}.settings-menu .apps a:hover{text-decoration:none}.settings-menu .code a: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:"\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 .settings-general 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-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;display:block}.settings-content>header .button-back:before{left:-9px;border-width:15px 9px 15px 0}}.settings-content>header .header-inner{position:absolute;top:0;left:0;right:0;height:100px;outline:1px solid red}.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-save{min-height:0;height:30px;padding:0.5em 1.37em}}.settings-content .page-actions.page-actions-alt{left:40px}.settings-content .page-actions .button-add{position:relative;padding-left:50px;border:rgba(0,0,0,0.07) 1px solid}.settings-content .page-actions .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";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:26px;border-right:rgba(0,0,0,0.07) 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 textarea,.settings-content .bio-container textarea{min-height:115px}.settings-content .word-count{float:right;font-weight:bold;color:#9e9d95}@media (max-width: 550px){.settings-content textarea{max-width:100%}.settings-content textarea+p{max-width:100%}} .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{color:#e2edf2;font-weight:300}@media (max-width: 550px){.setup-form label{width:100%}}.setup-form input{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}.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:"GhostIcons";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:"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: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-actions-cog{margin-right:6px}.settings .user-actions-menu{top:49px;right:69px;width:145px}.settings .user-actions-menu .delete:hover{background:#e25440}.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:35px;bottom:34px;min-height:34px;height:34px;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-image+.form-group{margin-top:155px;max-width:500px}@media (min-width: 651px) and (max-width: 1000px){.settings .user-image+.form-group{width:calc(100% - 201px)}}@media (min-width: 651px){.settings .user-image+.form-group{min-width:285px;margin-top:0;top:-110px;left:40px}}@media (min-width: 1001px){.settings .user-image+.form-group{width:calc(100% - 221px)}}.settings .user-profile{position:relative;top:-110px;z-index:1}@media (min-width: 651px){.settings .user-profile{padding-left:143px}}.settings .user-profile fieldset{padding:0 40px}.settings .user-profile textarea{min-width:240px}@media (max-width: 650px){.settings fieldset.user-details-top{margin-bottom:10px}}@media (min-width: 651px){.settings fieldset.user-details-top{margin-bottom:0;padding:0}.settings fieldset.user-details-top p{color:#fff}}@media (max-width: 550px){.settings fieldset.user-details-top,.settings fieldset.user-details-bottom{padding-left:15px;padding-right:15px}}.settings .user-image{display:block;position:relative;width:126px;height:126px;float:left;margin-left:34px;margin-right:20px;text-align:center;border-radius:100%;overflow:hidden;padding:3px;background:#fff;z-index:2;margin-left:-104px}@media (max-width: 550px){.settings .user-image{margin-left:0px}}@media (min-width: 551px) and (max-width: 650px){.settings .user-image{margin-left:20px}}.settings .user-image .img{display:block;width:120px;height:120px;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:3px;right:3px;bottom:3px;left:3px;border-radius:100%;background:rgba(0,0,0,0.5);opacity:0;color:#fff;line-height:120px;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: 651px){.settings label[for='user-name']{visibility:hidden}.settings #user-name{border-color:#fff;font-size:1.5rem;padding:3px 12px}}.settings .user-details-bottom{padding:0 40px}@media (min-width: 651px){.settings .user-details-bottom{margin:-104px 0 0 0}} @media (max-width: 800px){.users-back{display:none}}@media (max-width: 650px){.page-actions .user-actions-cog{padding:7px 0;min-height:30px}.page-actions .user-actions-cog .icon-settings{margin-left:8px;margin-right:8px}.settings .user-actions-menu{top:43px;right:66px}.settings-content .user-settings-header{height:0;padding:0;margin:0;border-bottom:0}.user-settings-header .title,.settings-content .settings-user:before{display:none}}