From 8d7d96767d63cd1017df149aa561a7271c1afc4c Mon Sep 17 00:00:00 2001 From: Benny M Date: Sat, 20 Jun 2015 06:21:29 -0400 Subject: [PATCH] Added UI for filtering columns --- .gitignore | 6 ++++++ .../blue_mgnt/static/css/console-min.css | 2 +- .../blue_mgnt/static/less/style.less | 17 ++++++++++++++--- .../blue_mgnt/templates/base.html | 2 +- .../blue_mgnt/templates/users.html | 19 ++++--------------- .../blue_management/blue_mgnt/views/users.py | 10 ++++++---- 6 files changed, 32 insertions(+), 24 deletions(-) diff --git a/.gitignore b/.gitignore index 63fd3f4..4b0b6b5 100644 --- a/.gitignore +++ b/.gitignore @@ -16,3 +16,9 @@ django/apps/blue_management/blue_mgnt/fonts* django/apps/blue_management/blue_mgnt/fonts/* django/omva/settings.py *.pyc + +#Added by benny +bin/bin +django/apps/blue_management/blue_mgnt/static/fonts/* +upgrade/resources/* + diff --git a/django/apps/blue_management/blue_mgnt/static/css/console-min.css b/django/apps/blue_management/blue_mgnt/static/css/console-min.css index 6585bba..57033c7 100644 --- a/django/apps/blue_management/blue_mgnt/static/css/console-min.css +++ b/django/apps/blue_management/blue_mgnt/static/css/console-min.css @@ -1 +1 @@ -@import "../css/fonts.css";*{margin:0;padding:0}html,button,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{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}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.widget-table-details{width:880px}.widget-table-details tr td:first-of-type>label label{font-family:ProximaNovaA-Semibold}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-size:16px;font-family:ProximaNova-Regular;color:#505050;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:ProximaNovaA-Semibold;color:#505050}h1 span.header-note,h2 span.header-note,h3 span.header-note,h4 span.header-note,h5 span.header-note,h6 span.header-note{float:right;font-weight:normal;font-size:12px}a{color:#268bc9}strong,.strong,table thead th{font-family:ProximaNovaA-Semibold}::-webkit-input-placeholder{color:#c8c8c8}::-moz-placeholder{color:#c8c8c8}:-moz-placeholder{color:#c8c8c8}::-ms-input-placeholder{color:#c8c8c8}.overlord{width:880px;margin:0 auto;position:relative}#bg-gradient{width:100%}#bg-gradient div{width:100%;position:absolute;top:43px;height:277px;background-image:url(/static/blue_mgnt/img/bg_gradient.png);background-repeat:repeat-x;background-position:0 0}header{height:45px;background-color:#363636;position:relative;overflow:hidden}header div{width:880px;margin:0 auto}header h1{float:left}header h1 img{height:38px;width:48px;position:relative;top:-2px}header ul{float:right;font-size:14px;line-height:45px;list-style-type:none;font-family:ProximaNova-Bold}header ul li{float:left;color:#aeaeae;margin-left:30px}header ul li.line{border-left:1px solid #e0e0e0;padding:0 10px 0 7px}header ul li.line:last-of-type{border-right:1px solid #e0e0e0;margin-left:6px}header ul li a{cursor:pointer;color:#aeaeae;text-decoration:none}header ul li a .ss-icon{font-size:10px;padding:0 5px}nav{width:100%}.navtab-widget{height:78px;list-style-type:none;padding:0;margin:0 auto;border-bottom:1px solid #e0e0e0;overflow:hidden}.navtab-widget li{float:left;margin-right:1px;font-family:ProximaNova-Bold;position:relative}.navtab-widget li a{float:left;width:219px;height:70px;text-decoration:none;cursor:pointer;-webkit-transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;transition:height .2s}.navtab-widget li a:hover{height:78px}.navtab-widget li.active a{height:78px}.navtab-widget li img,.navtab-widget li i{position:absolute}.navtab-widget li img{top:-4px;right:5px}.navtab-widget li i{top:0;right:5px;color:white;font-size:45px;opacity:.3}.navtab-widget li span{padding-top:43px;padding-left:10px;display:block;color:white;text-transform:uppercase;font-size:16px;text-shadow:0 -1px 0 rgba(0,0,0,0.4),0 1px 0 rgba(255,255,255,0.3)}.navtab-widget li.navtab-item-users a{background-color:#0d50a1}.navtab-widget li.navtab-item-shares a{background-color:#2089ca}.navtab-widget li.navtab-item-manage a{background-color:#21b1e6}.navtab-widget li.navtab-item-reports a{background-color:#5ac5f1}.account-overview{height:50px;color:#bcbcbc}.account-overview ul{text-align:center;list-style-type:none;padding-top:8px;font-size:13px}.account-overview ul li{display:inline-block;margin-left:3em;white-space:nowrap}.account-overview ul li i{margin-right:5px;position:relative;top:2px}.account-overview ul li:first-child{margin-left:0}div.breadcrumb{height:35px;font-size:10px}h1.page-header{height:50px;position:relative;margin-bottom:20px}h1.page-header:after{display:block;clear:both;content:""}h1.page-header .ss-icon{font-size:23px;color:#929292}h1.page-header .actions{float:right}h1.page-header .actions form{display:inline-block;position:relative}h1.page-header .actions:after{display:block;clear:both;content:""}h1.page-header .actions .widget-search-input{width:300px;height:39px;border-radius:5px;border:1px solid #e0e0e0;padding-left:12px;color:#767677;font:15px / 19px ProximaNova-Regular;overflow:hidden}h1.page-header .actions .search-button{height:37px;width:34px;font-size:16px;position:absolute;top:9px;right:1px;background-color:#f4f4f4;border:none;border-top-right-radius:3px;border-bottom-right-radius:3px;color:#c7c7c7}h1.page-header .actions .search-button:hover{color:#fff;background-color:#929292}.footer{margin-top:60px;margin-bottom:30px;padding-top:20px;border-top:1px solid #ddd;color:#ccc;font-size:14px}.footer a{color:#ccc;text-decoration:none}.footer p{float:left}.footer ul{list-style-type:none;float:right}.footer ul li{float:left;padding:0 10px;border-left:1px solid #ddd}.footer ul li:first-child{border-left:none}.widget-table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto;border:1px solid #ddd;background-color:#fff;font-size:15px}.widget-table:after{display:block;clear:both;content:""}.widget-table>thead>tr>th{padding:16px 8px 4px 8px;border-bottom:2px solid #ddd;text-align:left;font-weight:bold}.widget-table>thead>tr>th:hover{text-decoration:none}.widget-table>tbody>tr:hover>td{background-color:#e6e6e6}.widget-table>tbody>tr:hover>td .fixWidth-fader{display:none}.widget-table>tbody>tr>td{padding:14px 4px 14px 8px;border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-table>tbody>tr:nth-child(odd){background-color:#fafafa}.widget-table input[type='text'],.widget-table select,.widget-table textarea,.widget-table input[type='password']{width:auto;height:30px;border-radius:5px;border:1px solid #e0e0e0;padding-left:7px;color:#767677;font:13px / 23px ProximaNova-Regular}.widget-table td>label,.widget-table td>div>label{font-family:ProximaNova-Bold}.widget-table li>label{font-family:ProximaNova-Regular}.widget-table .ordering{text-decoration:none}.widget-table .ordering i{font-size:10px}.widget-manage-blocks{width:425px;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:18px;background-color:#fff;position:relative}.widget-manage-blocks .manage-icon{font-size:60px;color:#c7c7c7;padding:10px;text-align:center;vertical-align:top;display:inline-block;position:relative;top:18px;left:10px;width:24%}.widget-manage-blocks .manage-icon i{margin:0 auto;vertical-align:baseline}.widget-manage-blocks div.manage-content{border-left:1px solid #e0e0e0;padding:10px 10px 10px 18px;display:inline-block;width:65%;position:relative;left:17px;min-height:125px}.widget-manage-blocks div.manage-content h3{font-size:16px}.widget-manage-blocks div.manage-content h3 span{float:right;font-size:10px;font-family:ProximaNova-Regular}.widget-manage-blocks div.manage-content p{font-size:12px;margin:3px 0 8px;min-height:32px}.widget-manage-blocks div.manage-content a.button{display:inline-block;text-align:center;padding:8px 10px}.widget-add-user{display:none}.widget-add-user-option{text-align:center}.modal-wrapper{background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:none;z-index:9000}.modal-content{position:absolute;width:600px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.modal-content.confirm{width:330px}.modal-content.confirm h2{height:45px}.modal-content input#expiry_interval_days{width:100px;display:inline}.modal-content .cancel-action{position:relative;left:20px}.modal-content label{font-family:ProximaNovaA-Semibold}.modal-content input[type='text'],.modal-content select,.modal-content textarea,.modal-content input[type='password']{width:auto;height:30px;border-radius:5px;border:1px solid #e0e0e0;padding-left:12px;color:#767677;font:13px / 23px ProximaNova-Regular}.modal-content select{max-width:135px;display:inline-block}.modal-content input[type='submit']{float:right;position:relative;right:20px}.modal-content .modal-table-label{width:30%;padding-left:20px}.modal-content h2.page-header{border-bottom:1px solid #e0e0e0;text-align:left;padding:10px}.modal-content h2.page-header i{padding-right:10px;font-size:18px}.modal-content h2.page-header .actions{float:right;cursor:pointer;margin-bottom:20px}.modal-content h2.page-header .actions:hover{color:#e5e5e5}.modal-content .lower-content{padding:20px}.modal-content .lower-content .description{margin-bottom:20px}.modal-content .option-box{position:relative;display:inline-block;margin:10px;border-radius:4px;border:1px solid #e0e0e0;text-align:center;padding:40px}.modal-content .option-box p{font-family:ProximaNovaA-Semibold;margin-bottom:20px}.modal-content .permissions ul{height:145px;list-style:none;column-fill:auto;column-width:140px;column-gap:0;-moz-column-fill:auto;-moz-column-width:140px;-moz-column-gap:0;-webkit-column-fill:auto;-webkit-column-width:140px;-webkit-column-gap:0}.modal-content .permissions ul label{font-size:12px}.widget-pagination{padding:20px 0}.widget-pagination ul{text-align:center;list-style-type:none;font-size:13px}.widget-pagination ul li{display:inline-block;padding:2px 5px;color:#4b4b4b}.widget-pagination ul li.active{background-color:#4b4b4b;color:#fff}.widget-actions{margin:20px 0}.widget-actions.center-left{width:160px;margin:20px auto;display:inline-block}.widget-actions.center-right{width:160px;margin:20px auto;display:inline-block;float:right}.widget-actions.short-right{float:right;width:250px}.widget-actions .rhs{float:right}.widget-actions:after{display:block;clear:both;content:""}.widget-splitactions.float{width:625px;float:left;margin:20px 0}.widget-splitactions form{display:inline-block;position:relative;z-index:1}.widget-splitactions .rhs{float:right}.widget-splitactions .lhs a{margin:0 8px}.widget-fieldset{border:1px solid #ccc;margin-bottom:1em;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.widget-fieldset>div{border-top:1px solid #ccc;padding:20px 20px 20px 200px;position:relative}.widget-fieldset>div:first-child{border-top:none}.widget-fieldset label{font-family:ProximaNova-Bold;font-size:18px;position:absolute;left:20px}button,.button{font-family:ProximaNova-Bold;font-size:16px;padding:10px 15px;text-decoration:none;cursor:pointer;border-radius:4px;white-space:nowrap}button.thin,.button.thin{padding:1px 18px;font-family:ProximaNova-Regular;font-size:14px}.button-primary-basic{color:#fff;background-color:#22a2d9;border:1px solid #22a2d9}.button-primary-basic:hover{background-color:#219bd0}.button-secondary{color:#fff;background-color:#cf3940;border:1px solid #cf3940}.button-secondary:hover{background-color:#cc3239}.button-muted{color:#fff;background-color:#a0a0a0;border:1px solid #a0a0a0}.button-muted:hover{background-color:#9b9b9b}.code-extra-info{margin-top:8px}#usage-report{width:520px;text-align:center;margin:20px auto}body.home td:first-of-type input{width:130px}body.home .delete-fill{color:#aeaeae}body.errors{text-align:center}body.errors .content{margin:18% auto}body.errors h1{font:42px / 62px ProximaNova-Light;margin-bottom:20px}body.errors p{font:18px / 22px ProximaNova-Regular}body.errors p a{text-decoration:none}body.errors p a:hover{text-decoration:underline}.log-toggle{font-size:8px;cursor:pointer}#delete-group th{width:30%}.user_detail .widget-table{table-layout:fixed}body.logs .widget-table td{overflow:visible;text-overflow:clip;white-space:normal;padding:5px 14px;font:12px / 22px monospace}header li>a[href='/logout/']:hover,header li>a[href='']:hover{color:#c0c0c0}.permissions td{vertical-align:top}.permissions ul{min-height:145px;column-fill:auto;column-width:180px;column-gap:0;-moz-column-fill:auto;-moz-column-width:180px;-moz-column-gap:0;-webkit-column-fill:auto;-webkit-column-width:180px;-webkit-column-gap:0}.group_detail .widget-table tr>td:last-of-type,.group_detail .widget-table tr>td:first-of-type{width:25%}.shares_detail .widget-table tr>td:first-of-type{width:28%}#add_ip_block{margin-left:20px}body.admin_groups th{width:22%}body.admin_groups th#perms{width:38%}body.admin_groups th:last-child{width:90px}body.admin_groups td{vertical-align:top}.radio-submit{vertical-align:middle;margin:0 1px}.radio-submit:nth-of-type(2){margin:0 1px 0 14px}.error{color:#cc3239}body.login h1{font-family:ProximaNovaT-Thin;font-size:42px;text-align:center;margin-bottom:30px}body.login h2{font-family:ProximaNova-Light;text-align:center;font-size:20px}body.login h3{font-family:ProximaNova-Regular;font-weight:100;font-size:22px;line-height:48px}body.login .content{margin:4% auto}body.login:after{display:block;clear:both;content:""}body.login .login-wrapper{margin:3% auto;width:750px;background-color:#fff}body.login .login-wrapper .right-col{width:385px;margin-left:50px}body.login .login-wrapper .right-col div:first-of-type{margin-bottom:40px}body.login .login-wrapper .right-col img{float:left;margin-right:18px;margin-bottom:85px;position:relative;top:18px}body.password .login-wrapper{margin-top:50px;background-color:#fff;width:860px;padding:45px 0 0 45px;position:relative;top:-20px}body.password .login-wrapper .login-form-wrapper input:first-of-type{margin-bottom:20px}body.password .login-wrapper .right-col{width:385px;margin-left:75px;margin-top:18px}body.password .login-wrapper .right-col h3{font-family:ProximaNova-Regular;font-weight:100;font-size:22px;line-height:48px}body.password .login-wrapper .right-col div:first-of-type{margin-bottom:40px}body.password .login-wrapper .right-col img{float:left;margin-right:18px;margin-bottom:85px;position:relative;top:18px}body.login .image-wrapper,body.errors .image-wrapper,body.password .image-wrapper{width:120px;margin:2% auto}body.login .image-wrapper img,body.errors .image-wrapper img,body.password .image-wrapper img{width:120px}body.login label,body.errors label,body.password label{font-family:ProximaNovaA-Semibold}body.login input[type='text'],body.errors input[type='text'],body.password input[type='text'],body.login select,body.errors select,body.password select,body.login textarea,body.errors textarea,body.password textarea,body.login input[type='password'],body.errors input[type='password'],body.password input[type='password']{width:auto;height:30px;border-radius:5px;border:1px solid #e0e0e0;padding-left:12px;color:#767677;font:13px / 23px ProximaNova-Regular}body.login select,body.errors select,body.password select{max-width:135px;display:inline-block}body.login input[type='submit'],body.errors input[type='submit'],body.password input[type='submit']{float:right;position:relative;right:20px}body.login .widget-login label,body.errors .widget-login label,body.password .widget-login label{display:block;text-transform:uppercase;font-family:ProximaNova-Regular;font-size:14px;color:#b7b7b7}body.login .widget-login input[type='text'],body.errors .widget-login input[type='text'],body.password .widget-login input[type='text'],body.login .widget-login input[type='password'],body.errors .widget-login input[type='password'],body.password .widget-login input[type='password']{width:300px;height:40px;font-size:18px}body.login input[type='submit'],body.errors input[type='submit'],body.password input[type='submit']{padding:12px 30px;float:left;right:0;font-size:16px}.widget-usage-info{width:520px;position:relative;top:-30px}.widget-usage-info .digits{text-align:center;width:100%;margin:0 auto}.widget-usage-info .digits p{width:100px;display:inline;font-size:12px}.widget-usage-info .digits p.space-used{color:#0d50a1;font-family:ProximaNova-Bold}.widget-usage-info .digits p.space-used span{font-family:ProximaNova-Regular}.widget-usage-info .digits p.space-allocated{color:#5ac5f1;font-family:ProximaNova-Bold}.widget-usage-info .digits p.space-allocated span{font-family:ProximaNova-Regular}.widget-usage-info .usage-bar-wrapper{position:relative;overflow:hidden;height:24px;width:518px;background-color:#5ac5f1;background:-moz-linear-gradient(#5ac5f1, #21b1e6);background:-webkit-linear-gradient(#5ac5f1, #21b1e6);background:-o-linear-gradient(#5ac5f1, #21b1e6);background:linear-gradient(#5ac5f1, #21b1e6);border-radius:4px;border:1px solid #e0e0e0}.widget-usage-info .usage-bar-wrapper .usage-bar-space-used{position:absolute;height:26px;width:519px;top:-1px;background-color:#2089ca;background:-moz-linear-gradient(#2089ca, #0d50a1);background:-webkit-linear-gradient(#2089ca, #0d50a1);background:-o-linear-gradient(#2089ca, #0d50a1);background:linear-gradient(#2089ca, #0d50a1)}.widget-usage-info .usage-bar-wrapper .usage-bar-space-used.usage-warning{background-color:#fcdc3b;background:-moz-linear-gradient(#fcdc3b, #ecc504);background:-webkit-linear-gradient(#fcdc3b, #ecc504);background:-o-linear-gradient(#fcdc3b, #ecc504);background:linear-gradient(#fcdc3b, #ecc504)}.widget-usage-info .usage-bar-wrapper .usage-bar-space-used.usage-danger{background-color:#f00;background:-moz-linear-gradient(#f00, #b80000);background:-webkit-linear-gradient(#f00, #b80000);background:-o-linear-gradient(#f00, #b80000);background:linear-gradient(#f00, #b80000)}.widget-usage-info .usage-bar-wrapper .usage-bar-space-used.usage-danger span{color:#fff;font:14px / 16px ProximaNova-Regular;float:right;padding:4px;margin-right:10px;text-shadow:#5e2612 1px 1px 4px}.tag{padding:8px 10px;font-size:.62em;color:#fff;background-color:#4c4c4c;text-transform:uppercase;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.enabled{font-weight:bold}.spacer{clear:both;height:1px;margin-top:-1px}.left-col{display:inline-block;margin-right:9px;vertical-align:top}.right-col{display:inline-block;margin-left:9px;vertical-align:top}.set-top{vertical-align:top}.permissions-options{max-width:180px;display:inline-block;font-size:12px}.space-20none{margin:20px 0}#hint{white-space:normal;overflow:visible}#hint span{font-size:12px}.link-primary{font-family:ProximaNova-Bold;color:#2089ca}.link-primary:visited{color:#2089ca}.toggle-controller{cursor:pointer;font-size:14px}.toggle-controller i{font-size:8px}.toggle-controller:hover{text-decoration:underline}.status-message{background-color:#fff;border-radius:4px;border:1px solid #e0e0e0;max-width:800px;margin:20px auto;padding:10px;display:inline-block}.status-message .actions{float:right;cursor:pointer}.status-message .actions:hover{color:#e5e5e5}.status-message .status-content code{font-size:12px}.status-message i{vertical-align:middle;margin-right:12px;font-size:18px}.status-message h2{border-bottom:1px solid #e0e0e0}.shield{position:absolute;z-index:10000;height:100%;width:100%;background-color:rgba(240,240,240,0.7);top:0;left:0;right:0;bottom:0}.collapse{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;padding:5px 14px !important}.edit-status{display:inline-block;font-size:12px;color:#bababa;vertical-align:bottom;margin-right:5px}.cancel-action{padding:10px 35px}.delete-notice{text-align:center;font:16px / 22px ProximaNovaA-Semibold}.loader{position:relative}select{max-width:135px}#saved{background-color:#28a32e;color:#fff;margin-bottom:10px;padding:10px;border-radius:4px}.error-alert{border:1px solid #cc3239;background-color:#28a32e;color:#fff;margin-bottom:10px;padding:10px;border-radius:4px}.error-alert p{color:#fff;white-space:nowrap}.error-alert p.error-list{position:relative;left:20px}.error-alert.center{text-align:center;width:80%;margin:5px auto}.error-alert a{color:#fff;float:right;top:-5px;position:relative;font-size:12px;text-decoration:none}.error-alert a:hover{color:#efefef}span.error-highlight input{border-color:#cc3239 !important;background-color:#f5d5d7}span.error-highlight .error-tag{border:1px solid #cc3239;background-color:#d14248;padding:4px;border-radius:4px;color:#fff;font-size:12px;vertical-align:middle;margin-left:10px;text-shadow:0 0 1px #000}#clear-search{font:14px / 16px ProximaNova-Regular;display:block;position:absolute;right:8px;top:-8px}tr>td{height:60px}.csv-note{margin:10px auto;width:565px}.csv-note p{margin:20px}.csv-note pre{font-size:14px;color:#444;margin-left:60px}.row{display:block;margin:20px auto;height:127px;width:855px}.row:first-of-type{margin-top:0}.row div{display:inline-block}.row .widget-manage-blocks{margin:0 10px}.report-stat{border:1px solid #e0e0e0;width:180px;height:100%;border-radius:4px;margin:0 10px;text-align:center;padding:18px 5px;background-color:#fff;vertical-align:top}.report-stat .stat-number{font:50px / 55px ProximaNova-Light;color:#c7c7c7}.report-stat .stat-description{font:14px / 16px ProximaNova-Bold}.reboot-message-wrapper{display:none;position:absolute;top:0;right:0;bottom:0;left:0}.reboot-message-wrapper .reboot-message{width:300px;background-color:#fff;text-align:center;padding:20px;border:1px solid #000;position:absolute}.reboot-message-wrapper .reboot-message img{width:60px;margin:10px auto}.reboot-message-wrapper .reboot-message .reboot-message-close{font-size:10px;float:right;display:none;position:relative;top:-18px;right:-16px;cursor:pointer}.reboot-message-wrapper .reboot-message .reboot-message-close:hover{color:#e0e0e0}#modal-refer-change_user_password{width:600px}#modal-refer-change_user_password .widget-table{width:100% !important}#modal-refer-change_user_password .widget-table input[type=password]{width:220px}td.first-time-user:hover{background-color:#fff !important}td.first-time-user div{width:600px;margin:30px auto 120px;text-align:center}td.first-time-user div p{font-size:20px;color:#adadad;line-height:34px;padding:60px 0}td.first-time-user div button{margin:0 10px}.inline-short{width:100px;display:inline-block}.inline-medium{max-width:261px;display:inline-block}.billing .billing-nav{width:700px;margin:60px auto 80px auto;position:relative;border:2px solid #999;color:#999}.billing .billing-nav ul{list-style-type:none}.billing .billing-nav li{position:absolute;top:-27.5px}.billing .billing-nav li.billing-nav-1{left:-27.5px}.billing .billing-nav li.billing-nav-2{left:322.5px}.billing .billing-nav li.billing-nav-3{right:-27.5px}.billing .billing-nav li span{display:block;width:57px;height:57px;-webkit-border-radius:27.5px;-moz-border-radius:27.5px;border-radius:27.5px;padding:5px;background-color:#fff;border:1px solid #999}.billing .billing-nav li span a{text-decoration:none;font-family:ProximaNova-Bold;display:block;width:45px;height:45px;-webkit-border-radius:22.5px;-moz-border-radius:22.5px;border-radius:22.5px;background-color:#999;text-align:center;line-height:45px;font-size:23px;color:#fff}.billing .billing-nav li.billing-nav-active span a{background-color:#22a2d9}.billing .billing-nav li>a{font-family:ProximaNova-Bold;position:absolute;display:block;width:165px;text-align:center;left:-55px;padding-top:5px;text-decoration:none;color:#999}.billing .billing-nav li.billing-nav-active>a{color:#22a2d8}.billing .billing-select-size p.size-note{text-align:center;font-size:18px;margin-top:20px;margin-bottom:30px}.billing .billing-select-size .plans{width:940px;position:relative;margin-top:10px;left:-20px}.billing .billing-select-size .plans ul{list-style-type:none}.billing .billing-select-size .plans ul li{cursor:pointer;font-family:ProximaNova-Bold;text-align:center;border:1px solid #ccc;color:#999;float:left;width:130px;height:72px;margin-left:21px;margin-bottom:20px}.billing .billing-select-size .plans ul li:hover,.billing .billing-select-size .plans ul li.active{background-color:#4c4c4c;color:#fff}.billing .billing-select-size .plans ul li p{display:block;font-size:19px;line-height:20px;margin-top:18px}.billing .billing-select-size .plans ul li span{display:block;font-size:14px;margin-top:1px}.billing .billing-select-size .plans ul li.over-two-hundred span{font-size:12px}.billing .billing-select-frequency,.billing .billing-payment-method{margin-bottom:30px}.billing .billing-select-frequency ul,.billing .billing-payment-method ul{list-style-type:none}.billing .billing-select-frequency ul li,.billing .billing-payment-method ul li{cursor:pointer;float:left;font-family:ProximaNova-Bold;font-size:19px;text-align:center;border:1px solid #ccc;color:#999;height:72px;width:427px;line-height:72px}.billing .billing-select-frequency ul li:hover,.billing .billing-payment-method ul li:hover,.billing .billing-select-frequency ul li.active,.billing .billing-payment-method ul li.active{background-color:#4c4c4c;color:#fff}.billing .billing-select-frequency ul li.monthly-frequency,.billing .billing-payment-method ul li.monthly-frequency,.billing .billing-select-frequency ul li.payment-new,.billing .billing-payment-method ul li.payment-new{margin-left:23px}.billing .billing-select-coupon{margin-bottom:30px}.billing .billing-select-coupon h2 span{font-size:18px;font-family:ProximaNova-Regular;margin-left:10px;position:relative;top:-3px}.billing .billing-select-coupon input{float:left}.billing .billing-select-coupon .button{float:left;margin-left:20px}.billing .billing-select-coupon .alert{width:380px}.billing .billing-cost-preview h3{padding:1em}.billing #show_more a{float:right;position:relative;top:-8px;cursor:pointer;text-decoration:underline}.billing .payment-memo{text-align:right;float:right;margin-right:20px;margin-top:6px;font-size:13px}.billing .billing-stripe-payment .alert{width:350px}.billing .billing-stripe-payment .cc_type{position:absolute;top:0;right:0;height:100%;width:360px;color:#fff;list-style-type:none}.billing .billing-stripe-payment .cc_type ul{line-height:47px;padding:20px 0}.billing .billing-stripe-payment .cc_type li{float:left;margin-right:5px;opacity:.05}.billing .billing-stripe-payment .cc_type li.active{opacity:1}.billing .billing-next{margin-top:1em}.billing .billing-next button{float:right}.billing .billing-next p{clear:both;float:right;text-align:right}.billing .billing-summary fieldset{margin-bottom:20px}.billing .billing-summary fieldset label{color:#4c4c4c;float:left;line-height:34px}.billing .billing-summary fieldset p{float:left;line-height:34px;color:#999}.billing .billing-summary fieldset span.edit{float:right;line-height:34px}.billing .billing-summary fieldset span.edit a{text-decoration:none;color:#22a2d9}.billing .billing-summary fieldset .billing-summary-total{background-color:#e8e8e8}.billing .billing-summary fieldset .billing-summary-total p{color:#4c4c4c}.billing .billing-summary .next-payment-notification{margin-bottom:20px}.so-form fieldset{background-color:#fff;margin-bottom:10px;border:1px solid #ccc;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.so-form fieldset>div{border-top:1px solid #ccc;padding:20px;position:relative}.so-form fieldset>div .alert{position:absolute;top:0;right:0;height:100%;color:#fff}.so-form fieldset>div .alert p{line-height:47px;font-family:ProximaNova-Bold;padding:20px}.so-form fieldset>div .alert-error{background-color:#c72027;border-left:4px solid #951a1f}.so-form fieldset>div .alert-success{background-color:#8ac721;border-left:4px solid #689715}.so-form fieldset>div .alert-progress{color:#333;background-color:#ccc;border-left:4px solid #999}.so-form fieldset>div:first-child{border-top:none}.so-form fieldset label{font-family:ProximaNova-Bold;font-size:18px;display:inline-block;width:165px}.so-form fieldset input,.so-form fieldset select{font-family:ProximaNova-Regular;padding:10px;color:#999;font-size:18px}.so-form fieldset input{width:310px;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.so-form fieldset .radio-form-field input{width:auto}.so-form fieldset input.disabled{border:none;background-color:transparent}.so-form .bubbly_strongs{color:#999;line-height:34px}.so-form .bubbly_strongs strong{margin:0 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px;font-size:16px;font-family:ProximaNova-Bold;line-height:34px;color:#fff;background-color:#4c4c4c}.dismiss_block{position:relative}.dismiss_block.center{text-align:center}.dismiss_block span.dismiss{position:absolute;top:0;right:5px}.dismiss_block span.dismiss a{color:#fff;padding:0;margin:0;text-decoration:none}.dismiss_block span.dismiss a:hover{text-decoration:underline} \ No newline at end of file +@import "../css/fonts.css";*{margin:0;padding:0}html,button,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{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}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.widget-table-details{width:880px}.widget-table-details tr td:first-of-type>label label{font-family:ProximaNovaA-Semibold}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-size:16px;font-family:ProximaNova-Regular;color:#505050;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:ProximaNovaA-Semibold;color:#505050}h1 span.header-note,h2 span.header-note,h3 span.header-note,h4 span.header-note,h5 span.header-note,h6 span.header-note{float:right;font-weight:normal;font-size:12px}a{color:#268bc9}strong,.strong,table thead th{font-family:ProximaNovaA-Semibold}::-webkit-input-placeholder{color:#c8c8c8}::-moz-placeholder{color:#c8c8c8}:-moz-placeholder{color:#c8c8c8}::-ms-input-placeholder{color:#c8c8c8}.overlord{width:880px;margin:0 auto;position:relative}#bg-gradient{width:100%}#bg-gradient div{width:100%;position:absolute;top:43px;height:277px;background-image:url(/static/blue_mgnt/img/bg_gradient.png);background-repeat:repeat-x;background-position:0 0}header{height:45px;background-color:#363636;position:relative;overflow:hidden}header div{width:880px;margin:0 auto}header h1{float:left}header h1 img{height:38px;width:48px;position:relative;top:-2px}header ul{float:right;font-size:14px;line-height:45px;list-style-type:none;font-family:ProximaNova-Bold}header ul li{float:left;color:#aeaeae;margin-left:30px}header ul li.line{border-left:1px solid #e0e0e0;padding:0 10px 0 7px}header ul li.line:last-of-type{border-right:1px solid #e0e0e0;margin-left:6px}header ul li a{cursor:pointer;color:#aeaeae;text-decoration:none}header ul li a .ss-icon{font-size:10px;padding:0 5px}nav{width:100%}.navtab-widget{height:78px;list-style-type:none;padding:0;margin:0 auto;border-bottom:1px solid #e0e0e0;overflow:hidden}.navtab-widget li{float:left;margin-right:1px;font-family:ProximaNova-Bold;position:relative}.navtab-widget li a{float:left;width:219px;height:70px;text-decoration:none;cursor:pointer;-webkit-transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;transition:height .2s}.navtab-widget li a:hover{height:78px}.navtab-widget li.active a{height:78px}.navtab-widget li img,.navtab-widget li i{position:absolute}.navtab-widget li img{top:-4px;right:5px}.navtab-widget li i{top:0;right:5px;color:white;font-size:45px;opacity:.3}.navtab-widget li span{padding-top:43px;padding-left:10px;display:block;color:white;text-transform:uppercase;font-size:16px;text-shadow:0 -1px 0 rgba(0,0,0,0.4),0 1px 0 rgba(255,255,255,0.3)}.navtab-widget li.navtab-item-users a{background-color:#0d50a1}.navtab-widget li.navtab-item-shares a{background-color:#2089ca}.navtab-widget li.navtab-item-manage a{background-color:#21b1e6}.navtab-widget li.navtab-item-reports a{background-color:#5ac5f1}.account-overview{height:50px;color:#bcbcbc}.account-overview ul{text-align:center;list-style-type:none;padding-top:8px;font-size:13px}.account-overview ul li{display:inline-block;margin-left:3em;white-space:nowrap}.account-overview ul li i{margin-right:5px;position:relative;top:2px}.account-overview ul li:first-child{margin-left:0}div.breadcrumb{height:35px;font-size:10px}h1.page-header{height:50px;position:relative;margin-bottom:20px}h1.page-header:after{display:block;clear:both;content:""}h1.page-header .ss-icon{font-size:23px;color:#929292}h1.page-header .actions{float:right}h1.page-header .actions form{display:inline-block;position:relative}h1.page-header .actions:after{display:block;clear:both;content:""}h1.page-header .actions .widget-search-input{width:300px;height:39px;border-radius:5px;border:1px solid #e0e0e0;padding-left:12px;color:#767677;font:15px / 19px ProximaNova-Regular;overflow:hidden}h1.page-header .actions .search-button{height:37px;width:34px;font-size:16px;position:absolute;top:9px;right:1px;background-color:#f4f4f4;border:none;border-top-right-radius:3px;border-bottom-right-radius:3px;color:#c7c7c7}h1.page-header .actions .search-button:hover{color:#fff;background-color:#929292}h1.page-header .actions .dropdown i{font-size:10px;color:#fff;padding:0 0 0 4px;vertical-align:bottom}h1.page-header .actions .filter-menu{visibility:hidden;background-color:#fff;position:absolute;width:500px;text-align:center;padding-left:35px}h1.page-header .actions .filter-menu form{width:470px;margin:10px auto;text-align:left}h1.page-header .actions .filter-menu a.button{padding:3px 18px}h1.page-header .actions .filter-menu button{float:none;margin:20px 50px 0 0}h1.page-header .actions .filter-menu ul{list-style-type:none;columns:3;-webkit-columns:3;-moz-columns:3}h1.page-header .actions .filter-menu label{font-size:12px;vertical-align:middle}h1.page-header .actions .filter-menu label[for=id_columns_0]{display:none}h1.page-header .actions .filter-menu .options-filter-apply{display:block;width:100%;text-align:center}.footer{margin-top:60px;margin-bottom:30px;padding-top:20px;border-top:1px solid #ddd;color:#ccc;font-size:14px}.footer a{color:#ccc;text-decoration:none}.footer p{float:left}.footer ul{list-style-type:none;float:right}.footer ul li{float:left;padding:0 10px;border-left:1px solid #ddd}.footer ul li:first-child{border-left:none}.widget-table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto;border:1px solid #ddd;background-color:#fff;font-size:15px}.widget-table:after{display:block;clear:both;content:""}.widget-table>thead>tr>th{padding:16px 8px 4px 8px;border-bottom:2px solid #ddd;text-align:left;font-weight:bold}.widget-table>thead>tr>th:hover{text-decoration:none}.widget-table>tbody>tr:hover>td{background-color:#e6e6e6}.widget-table>tbody>tr:hover>td .fixWidth-fader{display:none}.widget-table>tbody>tr>td{padding:14px 4px 14px 8px;border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-table>tbody>tr:nth-child(odd){background-color:#fafafa}.widget-table input[type='text'],.widget-table select,.widget-table textarea,.widget-table input[type='password']{width:auto;height:30px;border-radius:5px;border:1px solid #e0e0e0;padding-left:7px;color:#767677;font:13px / 23px ProximaNova-Regular}.widget-table td>label,.widget-table td>div>label{font-family:ProximaNova-Bold}.widget-table li>label{font-family:ProximaNova-Regular}.widget-table .ordering{text-decoration:none}.widget-table .ordering i{font-size:10px}.widget-manage-blocks{width:425px;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:18px;background-color:#fff;position:relative}.widget-manage-blocks .manage-icon{font-size:60px;color:#c7c7c7;padding:10px;text-align:center;vertical-align:top;display:inline-block;position:relative;top:18px;left:10px;width:24%}.widget-manage-blocks .manage-icon i{margin:0 auto;vertical-align:baseline}.widget-manage-blocks div.manage-content{border-left:1px solid #e0e0e0;padding:10px 10px 10px 18px;display:inline-block;width:65%;position:relative;left:17px;min-height:125px}.widget-manage-blocks div.manage-content h3{font-size:16px}.widget-manage-blocks div.manage-content h3 span{float:right;font-size:10px;font-family:ProximaNova-Regular}.widget-manage-blocks div.manage-content p{font-size:12px;margin:3px 0 8px;min-height:32px}.widget-manage-blocks div.manage-content a.button{display:inline-block;text-align:center;padding:8px 10px}.widget-add-user{display:none}.widget-add-user-option{text-align:center}.modal-wrapper{background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:none;z-index:9000}.modal-content{position:absolute;width:600px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.modal-content.confirm{width:330px}.modal-content.confirm h2{height:45px}.modal-content input#expiry_interval_days{width:100px;display:inline}.modal-content .cancel-action{position:relative;left:20px}.modal-content label{font-family:ProximaNovaA-Semibold}.modal-content input[type='text'],.modal-content select,.modal-content textarea,.modal-content input[type='password']{width:auto;height:30px;border-radius:5px;border:1px solid #e0e0e0;padding-left:12px;color:#767677;font:13px / 23px ProximaNova-Regular}.modal-content select{max-width:135px;display:inline-block}.modal-content input[type='submit']{float:right;position:relative;right:20px}.modal-content .modal-table-label{width:30%;padding-left:20px}.modal-content h2.page-header{border-bottom:1px solid #e0e0e0;text-align:left;padding:10px}.modal-content h2.page-header i{padding-right:10px;font-size:18px}.modal-content h2.page-header .actions{float:right;cursor:pointer;margin-bottom:20px}.modal-content h2.page-header .actions:hover{color:#e5e5e5}.modal-content .lower-content{padding:20px}.modal-content .lower-content .description{margin-bottom:20px}.modal-content .option-box{position:relative;display:inline-block;margin:10px;border-radius:4px;border:1px solid #e0e0e0;text-align:center;padding:40px}.modal-content .option-box p{font-family:ProximaNovaA-Semibold;margin-bottom:20px}.modal-content .permissions ul{height:145px;list-style:none;column-fill:auto;column-width:140px;column-gap:0;-moz-column-fill:auto;-moz-column-width:140px;-moz-column-gap:0;-webkit-column-fill:auto;-webkit-column-width:140px;-webkit-column-gap:0}.modal-content .permissions ul label{font-size:12px}.widget-pagination{padding:20px 0}.widget-pagination ul{text-align:center;list-style-type:none;font-size:13px}.widget-pagination ul li{display:inline-block;padding:2px 5px;color:#4b4b4b}.widget-pagination ul li.active{background-color:#4b4b4b;color:#fff}.widget-actions{margin:20px 0}.widget-actions.center-left{width:160px;margin:20px auto;display:inline-block}.widget-actions.center-right{width:160px;margin:20px auto;display:inline-block;float:right}.widget-actions.short-right{float:right;width:250px}.widget-actions .rhs{float:right}.widget-actions:after{display:block;clear:both;content:""}.widget-splitactions.float{width:625px;float:left;margin:20px 0}.widget-splitactions form{display:inline-block;position:relative;z-index:1}.widget-splitactions .rhs{float:right}.widget-splitactions .lhs a{margin:0 8px}.widget-fieldset{border:1px solid #ccc;margin-bottom:1em;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.widget-fieldset>div{border-top:1px solid #ccc;padding:20px 20px 20px 200px;position:relative}.widget-fieldset>div:first-child{border-top:none}.widget-fieldset label{font-family:ProximaNova-Bold;font-size:18px;position:absolute;left:20px}button,.button{font-family:ProximaNova-Bold;font-size:16px;padding:10px 15px;text-decoration:none;cursor:pointer;border-radius:4px;white-space:nowrap}button.thin,.button.thin{padding:1px 18px;font-family:ProximaNova-Regular;font-size:14px}.button-primary-basic{color:#fff;background-color:#22a2d9;border:1px solid #22a2d9}.button-primary-basic:hover{background-color:#219bd0}.button-secondary{color:#fff;background-color:#cf3940;border:1px solid #cf3940}.button-secondary:hover{background-color:#cc3239}.button-muted{color:#fff;background-color:#a0a0a0;border:1px solid #a0a0a0}.button-muted:hover{background-color:#9b9b9b}.code-extra-info{margin-top:8px}#usage-report{width:520px;text-align:center;margin:20px auto}body.home td:first-of-type input{width:130px}body.home .delete-fill{color:#aeaeae}body.errors{text-align:center}body.errors .content{margin:18% auto}body.errors h1{font:42px / 62px ProximaNova-Light;margin-bottom:20px}body.errors p{font:18px / 22px ProximaNova-Regular}body.errors p a{text-decoration:none}body.errors p a:hover{text-decoration:underline}.log-toggle{font-size:8px;cursor:pointer}#delete-group th{width:30%}.user_detail .widget-table{table-layout:fixed}body.logs .widget-table td{overflow:visible;text-overflow:clip;white-space:normal;padding:5px 14px;font:12px / 22px monospace}header li>a[href='/logout/']:hover,header li>a[href='']:hover{color:#c0c0c0}.permissions td{vertical-align:top}.permissions ul{min-height:145px;column-fill:auto;column-width:180px;column-gap:0;-moz-column-fill:auto;-moz-column-width:180px;-moz-column-gap:0;-webkit-column-fill:auto;-webkit-column-width:180px;-webkit-column-gap:0}.group_detail .widget-table tr>td:last-of-type,.group_detail .widget-table tr>td:first-of-type{width:25%}.shares_detail .widget-table tr>td:first-of-type{width:28%}#add_ip_block{margin-left:20px}body.admin_groups th{width:22%}body.admin_groups th#perms{width:38%}body.admin_groups th:last-child{width:90px}body.admin_groups td{vertical-align:top}.radio-submit{vertical-align:middle;margin:0 1px}.radio-submit:nth-of-type(2){margin:0 1px 0 14px}.error{color:#cc3239}body.login h1{font-family:ProximaNovaT-Thin;font-size:42px;text-align:center;margin-bottom:30px}body.login h2{font-family:ProximaNova-Light;text-align:center;font-size:20px}body.login h3{font-family:ProximaNova-Regular;font-weight:100;font-size:22px;line-height:48px}body.login .content{margin:4% auto}body.login:after{display:block;clear:both;content:""}body.login .login-wrapper{margin:3% auto;width:750px;background-color:#fff}body.login .login-wrapper .right-col{width:385px;margin-left:50px}body.login .login-wrapper .right-col div:first-of-type{margin-bottom:40px}body.login .login-wrapper .right-col img{float:left;margin-right:18px;margin-bottom:85px;position:relative;top:18px}body.password .login-wrapper{margin-top:50px;background-color:#fff;width:860px;padding:45px 0 0 45px;position:relative;top:-20px}body.password .login-wrapper .login-form-wrapper input:first-of-type{margin-bottom:20px}body.password .login-wrapper .right-col{width:385px;margin-left:75px;margin-top:18px}body.password .login-wrapper .right-col h3{font-family:ProximaNova-Regular;font-weight:100;font-size:22px;line-height:48px}body.password .login-wrapper .right-col div:first-of-type{margin-bottom:40px}body.password .login-wrapper .right-col img{float:left;margin-right:18px;margin-bottom:85px;position:relative;top:18px}body.login .image-wrapper,body.errors .image-wrapper,body.password .image-wrapper{width:120px;margin:2% auto}body.login .image-wrapper img,body.errors .image-wrapper img,body.password .image-wrapper img{width:120px}body.login label,body.errors label,body.password label{font-family:ProximaNovaA-Semibold}body.login input[type='text'],body.errors input[type='text'],body.password input[type='text'],body.login select,body.errors select,body.password select,body.login textarea,body.errors textarea,body.password textarea,body.login input[type='password'],body.errors input[type='password'],body.password input[type='password']{width:auto;height:30px;border-radius:5px;border:1px solid #e0e0e0;padding-left:12px;color:#767677;font:13px / 23px ProximaNova-Regular}body.login select,body.errors select,body.password select{max-width:135px;display:inline-block}body.login input[type='submit'],body.errors input[type='submit'],body.password input[type='submit']{float:right;position:relative;right:20px}body.login .widget-login label,body.errors .widget-login label,body.password .widget-login label{display:block;text-transform:uppercase;font-family:ProximaNova-Regular;font-size:14px;color:#b7b7b7}body.login .widget-login input[type='text'],body.errors .widget-login input[type='text'],body.password .widget-login input[type='text'],body.login .widget-login input[type='password'],body.errors .widget-login input[type='password'],body.password .widget-login input[type='password']{width:300px;height:40px;font-size:18px}body.login input[type='submit'],body.errors input[type='submit'],body.password input[type='submit']{padding:12px 30px;float:left;right:0;font-size:16px}.widget-usage-info{width:520px;position:relative;top:-30px}.widget-usage-info .digits{text-align:center;width:100%;margin:0 auto}.widget-usage-info .digits p{width:100px;display:inline;font-size:12px}.widget-usage-info .digits p.space-used{color:#0d50a1;font-family:ProximaNova-Bold}.widget-usage-info .digits p.space-used span{font-family:ProximaNova-Regular}.widget-usage-info .digits p.space-allocated{color:#5ac5f1;font-family:ProximaNova-Bold}.widget-usage-info .digits p.space-allocated span{font-family:ProximaNova-Regular}.widget-usage-info .usage-bar-wrapper{position:relative;overflow:hidden;height:24px;width:518px;background-color:#5ac5f1;background:-moz-linear-gradient(#5ac5f1, #21b1e6);background:-webkit-linear-gradient(#5ac5f1, #21b1e6);background:-o-linear-gradient(#5ac5f1, #21b1e6);background:linear-gradient(#5ac5f1, #21b1e6);border-radius:4px;border:1px solid #e0e0e0}.widget-usage-info .usage-bar-wrapper .usage-bar-space-used{position:absolute;height:26px;width:519px;top:-1px;background-color:#2089ca;background:-moz-linear-gradient(#2089ca, #0d50a1);background:-webkit-linear-gradient(#2089ca, #0d50a1);background:-o-linear-gradient(#2089ca, #0d50a1);background:linear-gradient(#2089ca, #0d50a1)}.widget-usage-info .usage-bar-wrapper .usage-bar-space-used.usage-warning{background-color:#fcdc3b;background:-moz-linear-gradient(#fcdc3b, #ecc504);background:-webkit-linear-gradient(#fcdc3b, #ecc504);background:-o-linear-gradient(#fcdc3b, #ecc504);background:linear-gradient(#fcdc3b, #ecc504)}.widget-usage-info .usage-bar-wrapper .usage-bar-space-used.usage-danger{background-color:#f00;background:-moz-linear-gradient(#f00, #b80000);background:-webkit-linear-gradient(#f00, #b80000);background:-o-linear-gradient(#f00, #b80000);background:linear-gradient(#f00, #b80000)}.widget-usage-info .usage-bar-wrapper .usage-bar-space-used.usage-danger span{color:#fff;font:14px / 16px ProximaNova-Regular;float:right;padding:4px;margin-right:10px;text-shadow:#5e2612 1px 1px 4px}.tag{padding:8px 10px;font-size:.62em;color:#fff;background-color:#4c4c4c;text-transform:uppercase;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.enabled{font-weight:bold}.spacer{clear:both;height:1px;margin-top:-1px}.left-col{display:inline-block;margin-right:9px;vertical-align:top}.right-col{display:inline-block;margin-left:9px;vertical-align:top}.set-top{vertical-align:top}.permissions-options{max-width:180px;display:inline-block;font-size:12px}.space-20none{margin:20px 0}#hint{white-space:normal;overflow:visible}#hint span{font-size:12px}.link-primary{font-family:ProximaNova-Bold;color:#2089ca}.link-primary:visited{color:#2089ca}.toggle-controller{cursor:pointer;font-size:14px}.toggle-controller i{font-size:8px}.toggle-controller:hover{text-decoration:underline}.status-message{background-color:#fff;border-radius:4px;border:1px solid #e0e0e0;max-width:800px;margin:20px auto;padding:10px;display:inline-block}.status-message .actions{float:right;cursor:pointer}.status-message .actions:hover{color:#e5e5e5}.status-message .status-content code{font-size:12px}.status-message i{vertical-align:middle;margin-right:12px;font-size:18px}.status-message h2{border-bottom:1px solid #e0e0e0}.shield{position:absolute;z-index:10000;height:100%;width:100%;background-color:rgba(240,240,240,0.7);top:0;left:0;right:0;bottom:0}.collapse{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;padding:5px 14px !important}.edit-status{display:inline-block;font-size:12px;color:#bababa;vertical-align:bottom;margin-right:5px}.cancel-action{padding:10px 35px}.delete-notice{text-align:center;font:16px / 22px ProximaNovaA-Semibold}.loader{position:relative}select{max-width:135px}#saved{background-color:#28a32e;color:#fff;margin-bottom:10px;padding:10px;border-radius:4px}.error-alert{border:1px solid #cc3239;background-color:#28a32e;color:#fff;margin-bottom:10px;padding:10px;border-radius:4px}.error-alert p{color:#fff;white-space:nowrap}.error-alert p.error-list{position:relative;left:20px}.error-alert.center{text-align:center;width:80%;margin:5px auto}.error-alert a{color:#fff;float:right;top:-5px;position:relative;font-size:12px;text-decoration:none}.error-alert a:hover{color:#efefef}span.error-highlight input{border-color:#cc3239 !important;background-color:#f5d5d7}span.error-highlight .error-tag{border:1px solid #cc3239;background-color:#d14248;padding:4px;border-radius:4px;color:#fff;font-size:12px;vertical-align:middle;margin-left:10px;text-shadow:0 0 1px #000}#clear-search{font:14px / 16px ProximaNova-Regular;display:block;position:absolute;right:8px;top:-8px}tr>td{height:60px}.csv-note{margin:10px auto;width:565px}.csv-note p{margin:20px}.csv-note pre{font-size:14px;color:#444;margin-left:60px}.row{display:block;margin:20px auto;height:127px;width:855px}.row:first-of-type{margin-top:0}.row div{display:inline-block}.row .widget-manage-blocks{margin:0 10px}.report-stat{border:1px solid #e0e0e0;width:180px;height:100%;border-radius:4px;margin:0 10px;text-align:center;padding:18px 5px;background-color:#fff;vertical-align:top}.report-stat .stat-number{font:50px / 55px ProximaNova-Light;color:#c7c7c7}.report-stat .stat-description{font:14px / 16px ProximaNova-Bold}.reboot-message-wrapper{display:none;position:absolute;top:0;right:0;bottom:0;left:0}.reboot-message-wrapper .reboot-message{width:300px;background-color:#fff;text-align:center;padding:20px;border:1px solid #000;position:absolute}.reboot-message-wrapper .reboot-message img{width:60px;margin:10px auto}.reboot-message-wrapper .reboot-message .reboot-message-close{font-size:10px;float:right;display:none;position:relative;top:-18px;right:-16px;cursor:pointer}.reboot-message-wrapper .reboot-message .reboot-message-close:hover{color:#e0e0e0}#modal-refer-change_user_password{width:600px}#modal-refer-change_user_password .widget-table{width:100% !important}#modal-refer-change_user_password .widget-table input[type=password]{width:220px}td.first-time-user:hover{background-color:#fff !important}td.first-time-user div{width:600px;margin:30px auto 120px;text-align:center}td.first-time-user div p{font-size:20px;color:#adadad;line-height:34px;padding:60px 0}td.first-time-user div button{margin:0 10px}.inline-short{width:100px;display:inline-block}.inline-medium{max-width:261px;display:inline-block}.inline-standard{display:inline-block}.billing .billing-nav{width:700px;margin:60px auto 80px auto;position:relative;border:2px solid #999;color:#999}.billing .billing-nav ul{list-style-type:none}.billing .billing-nav li{position:absolute;top:-27.5px}.billing .billing-nav li.billing-nav-1{left:-27.5px}.billing .billing-nav li.billing-nav-2{left:322.5px}.billing .billing-nav li.billing-nav-3{right:-27.5px}.billing .billing-nav li span{display:block;width:57px;height:57px;-webkit-border-radius:27.5px;-moz-border-radius:27.5px;border-radius:27.5px;padding:5px;background-color:#fff;border:1px solid #999}.billing .billing-nav li span a{text-decoration:none;font-family:ProximaNova-Bold;display:block;width:45px;height:45px;-webkit-border-radius:22.5px;-moz-border-radius:22.5px;border-radius:22.5px;background-color:#999;text-align:center;line-height:45px;font-size:23px;color:#fff}.billing .billing-nav li.billing-nav-active span a{background-color:#22a2d9}.billing .billing-nav li>a{font-family:ProximaNova-Bold;position:absolute;display:block;width:165px;text-align:center;left:-55px;padding-top:5px;text-decoration:none;color:#999}.billing .billing-nav li.billing-nav-active>a{color:#22a2d8}.billing .billing-select-size p.size-note{text-align:center;font-size:18px;margin-top:20px;margin-bottom:30px}.billing .billing-select-size .plans{width:940px;position:relative;margin-top:10px;left:-20px}.billing .billing-select-size .plans ul{list-style-type:none}.billing .billing-select-size .plans ul li{cursor:pointer;font-family:ProximaNova-Bold;text-align:center;border:1px solid #ccc;color:#999;float:left;width:130px;height:72px;margin-left:21px;margin-bottom:20px}.billing .billing-select-size .plans ul li:hover,.billing .billing-select-size .plans ul li.active{background-color:#4c4c4c;color:#fff}.billing .billing-select-size .plans ul li p{display:block;font-size:19px;line-height:20px;margin-top:18px}.billing .billing-select-size .plans ul li span{display:block;font-size:14px;margin-top:1px}.billing .billing-select-size .plans ul li.over-two-hundred span{font-size:12px}.billing .billing-select-frequency,.billing .billing-payment-method{margin-bottom:30px}.billing .billing-select-frequency ul,.billing .billing-payment-method ul{list-style-type:none}.billing .billing-select-frequency ul li,.billing .billing-payment-method ul li{cursor:pointer;float:left;font-family:ProximaNova-Bold;font-size:19px;text-align:center;border:1px solid #ccc;color:#999;height:72px;width:427px;line-height:72px}.billing .billing-select-frequency ul li:hover,.billing .billing-payment-method ul li:hover,.billing .billing-select-frequency ul li.active,.billing .billing-payment-method ul li.active{background-color:#4c4c4c;color:#fff}.billing .billing-select-frequency ul li.monthly-frequency,.billing .billing-payment-method ul li.monthly-frequency,.billing .billing-select-frequency ul li.payment-new,.billing .billing-payment-method ul li.payment-new{margin-left:23px}.billing .billing-select-coupon{margin-bottom:30px}.billing .billing-select-coupon h2 span{font-size:18px;font-family:ProximaNova-Regular;margin-left:10px;position:relative;top:-3px}.billing .billing-select-coupon input{float:left}.billing .billing-select-coupon .button{float:left;margin-left:20px}.billing .billing-select-coupon .alert{width:380px}.billing .billing-cost-preview h3{padding:1em}.billing #show_more a{float:right;position:relative;top:-8px;cursor:pointer;text-decoration:underline}.billing .payment-memo{text-align:right;float:right;margin-right:20px;margin-top:6px;font-size:13px}.billing .billing-stripe-payment .alert{width:350px}.billing .billing-stripe-payment .cc_type{position:absolute;top:0;right:0;height:100%;width:360px;color:#fff;list-style-type:none}.billing .billing-stripe-payment .cc_type ul{line-height:47px;padding:20px 0}.billing .billing-stripe-payment .cc_type li{float:left;margin-right:5px;opacity:.05}.billing .billing-stripe-payment .cc_type li.active{opacity:1}.billing .billing-next{margin-top:1em}.billing .billing-next button{float:right}.billing .billing-next p{clear:both;float:right;text-align:right}.billing .billing-summary fieldset{margin-bottom:20px}.billing .billing-summary fieldset label{color:#4c4c4c;float:left;line-height:34px}.billing .billing-summary fieldset p{float:left;line-height:34px;color:#999}.billing .billing-summary fieldset span.edit{float:right;line-height:34px}.billing .billing-summary fieldset span.edit a{text-decoration:none;color:#22a2d9}.billing .billing-summary fieldset .billing-summary-total{background-color:#e8e8e8}.billing .billing-summary fieldset .billing-summary-total p{color:#4c4c4c}.billing .billing-summary .next-payment-notification{margin-bottom:20px}.so-form fieldset{background-color:#fff;margin-bottom:10px;border:1px solid #ccc;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.so-form fieldset>div{border-top:1px solid #ccc;padding:20px;position:relative}.so-form fieldset>div .alert{position:absolute;top:0;right:0;height:100%;color:#fff}.so-form fieldset>div .alert p{line-height:47px;font-family:ProximaNova-Bold;padding:20px}.so-form fieldset>div .alert-error{background-color:#c72027;border-left:4px solid #951a1f}.so-form fieldset>div .alert-success{background-color:#8ac721;border-left:4px solid #689715}.so-form fieldset>div .alert-progress{color:#333;background-color:#ccc;border-left:4px solid #999}.so-form fieldset>div:first-child{border-top:none}.so-form fieldset label{font-family:ProximaNova-Bold;font-size:18px;display:inline-block;width:165px}.so-form fieldset input,.so-form fieldset select{font-family:ProximaNova-Regular;padding:10px;color:#999;font-size:18px}.so-form fieldset input{width:310px;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.so-form fieldset .radio-form-field input{width:auto}.so-form fieldset input.disabled{border:none;background-color:transparent}.so-form .bubbly_strongs{color:#999;line-height:34px}.so-form .bubbly_strongs strong{margin:0 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px;font-size:16px;font-family:ProximaNova-Bold;line-height:34px;color:#fff;background-color:#4c4c4c}.dismiss_block{position:relative}.dismiss_block.center{text-align:center}.dismiss_block span.dismiss{position:absolute;top:0;right:5px}.dismiss_block span.dismiss a{color:#fff;padding:0;margin:0;text-decoration:none}.dismiss_block span.dismiss a:hover{text-decoration:underline} \ No newline at end of file diff --git a/django/apps/blue_management/blue_mgnt/static/less/style.less b/django/apps/blue_management/blue_mgnt/static/less/style.less index 66f30dd..2edfaa6 100644 --- a/django/apps/blue_management/blue_mgnt/static/less/style.less +++ b/django/apps/blue_management/blue_mgnt/static/less/style.less @@ -367,9 +367,12 @@ h1.page-header { margin: 10px auto; text-align: left; } + a.button { + padding: 3px 18px; + } button { - float: right; - margin: -30px 50px 0 0; + float: none; + margin: 20px 50px 0 0; } ul { list-style-type: none; @@ -377,9 +380,17 @@ h1.page-header { -webkit-columns: 3; -moz-columns: 3; } - span.text { + label { font-size: 12px; vertical-align: middle; + &[for=id_columns_0]{ + display: none; + } + } + .options-filter-apply { + display: block; + width: 100%; + text-align: center; } } } diff --git a/django/apps/blue_management/blue_mgnt/templates/base.html b/django/apps/blue_management/blue_mgnt/templates/base.html index 2cae06e..0426172 100644 --- a/django/apps/blue_management/blue_mgnt/templates/base.html +++ b/django/apps/blue_management/blue_mgnt/templates/base.html @@ -11,7 +11,7 @@ {% block base_styles %} {% endblock base_styles %} - {% with dev=True %} + {% with dev=False %} {% block styles %} diff --git a/django/apps/blue_management/blue_mgnt/templates/users.html b/django/apps/blue_management/blue_mgnt/templates/users.html index 4e5bf01..b2c0dec 100644 --- a/django/apps/blue_management/blue_mgnt/templates/users.html +++ b/django/apps/blue_management/blue_mgnt/templates/users.html @@ -14,22 +14,11 @@

{{ column_form }} +
+ Reset + +
- {% comment %} -
-
    - {% for item in all_user_columns %} -
  • - - {{ item.header }} -
    • - {% endfor %} -
- -
- {% endcomment %}
diff --git a/django/apps/blue_management/blue_mgnt/views/users.py b/django/apps/blue_management/blue_mgnt/views/users.py index 22a78d7..130690f 100644 --- a/django/apps/blue_management/blue_mgnt/views/users.py +++ b/django/apps/blue_management/blue_mgnt/views/users.py @@ -346,7 +346,9 @@ def users(request, api, account_info, config, username, saved=False): default_columns = 'name,email,group_id,bytes_stored' else: default_columns = 'username,name,email,group_id,bytes_stored' - column_arg = request.GET.get('columns', default_columns) + column_arg = request.GET.getlist('columns', default_columns) + if type(column_arg) is list: + column_arg = ','.join(map(str, column_arg)) columns = [x.strip() for x in column_arg.split(',')] user_columns, error = get_user_columns(columns) for column in user_columns: @@ -397,11 +399,11 @@ def users(request, api, account_info, config, username, saved=False): )) class UserColumnsForm(forms.Form): - checkfield = forms.MultipleChoiceField(required=False, + columns = forms.MultipleChoiceField(required=False, choices=[(item.name, item.header) for item in USER_COLUMNS], widget=forms.CheckboxSelectMultiple) - column_form = UserColumnsForm() + column_form = UserColumnsForm(initial={'columns': columns}) if request.method == 'POST': if request.POST.get('form', '') == 'csv': @@ -446,7 +448,7 @@ class UserColumnsForm(forms.Form): user_rows=user_rows, pagination=pagination, all_user_columns=all_user_columns, - coulmn_form=column_form, + column_form=column_form, ), RequestContext(request))