diff --git a/cms/static/cms/css/cms.base.css b/cms/static/cms/css/cms.base.css index 9df0ca620ab..2ba05903101 100644 --- a/cms/static/cms/css/cms.base.css +++ b/cms/static/cms/css/cms.base.css @@ -1,3 +1,3 @@ /*! * @copyright: https://github.com/divio/django-cms - */@-webkit-keyframes cms-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes cms-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.cms-reset a,.cms-reset a:active,.cms-reset a:focus,.cms-reset a:hover,.cms-reset div,.cms-reset fieldset,.cms-reset form,.cms-reset input,.cms-reset label,.cms-reset li,.cms-reset p,.cms-reset textarea,.cms-reset ul{color:#222;font:400 13px/20px Helvetica,Arial,sans-serif;text-align:left;text-decoration:none;height:auto;margin:0;padding:0;border:none;outline:0;list-style-type:none;background:0 0;transition:none}#cms-toolbar .cms-messages a:hover,#cms-toolbar .cms-screenblock-inner a:hover{text-decoration:underline}@font-face{font-family:django-cms-iconfont;src:url(../fonts/django-cms-iconfont.eot?v=3.2.0);src:url(../fonts/django-cms-iconfont.eot?v=3.2.0#iefix) format("eot"),url(../fonts/django-cms-iconfont.woff?v=3.2.0) format("woff"),url(../fonts/django-cms-iconfont.ttf?v=3.2.0) format("truetype"),url(../fonts/django-cms-iconfont.svg?v=3.2.0#django-cms-iconfont) format("svg");font-weight:400;font-style:normal}#cms-toolbar .cms-clipboard .cms-clipboard-empty a,#cms-toolbar .cms-clipboard .cms-clipboard-numbers a,#cms-toolbar .cms-structure .cms-dragbar .cms-dragbar-title:before,#cms-toolbar .cms-structure .cms-dragitem-collapsable:before,#cms-toolbar .cms-submenu-quicksearch:before,#cms-toolbar .cms-submenu:before,#cms-toolbar .cms-toolbar-item-logo a,#cms-toolbar .cms-tooltip:before,.cms-icon{display:inline-block;font:normal normal normal 14px/1 django-cms-iconfont;font-size:inherit;text-rendering:auto;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#cms-toolbar .cms-structure .cms-dragbar .cms-dragbar-title:before,#cms-toolbar .cms-structure .cms-dragitem-collapsable:before,.cms-icon-arrow-wide:before{content:"\E001"}.cms-icon-arrow:before{content:"\E002"}#cms-toolbar .cms-clipboard .cms-clipboard-empty a:before,.cms-icon-bin:before{content:"\E003"}.cms-icon-close:before{content:"\E004"}#cms-toolbar .cms-clipboard .cms-clipboard-numbers a:before,.cms-icon-copy:before{content:"\E005"}.cms-icon-handler:before{content:"\E006"}.cms-icon-home:before{content:"\E007"}#cms-toolbar .cms-toolbar-loader a span:before,.cms-icon-loader:before{content:"\E008"}#cms-toolbar .cms-toolbar-item-logo a:before,.cms-icon-logo:before{content:"\E009"}#cms-toolbar .cms-submenu:before,.cms-icon-menu:before{content:"\E00A"}.cms-icon-minus:before{content:"\E00B"}#cms-toolbar .cms-tooltip:before,.cms-icon-pencil:before{content:"\E00C"}#cms-toolbar .cms-modal-collapsed:before,.cms-icon-plus:before{content:"\E00D"}.cms-icon-scissors:before{content:"\E00E"}#cms-toolbar .cms-submenu-quicksearch:before,.cms-icon-search:before{content:"\E00F"}.cms-icon-window:before{content:"\E010"}#cms-toolbar .cms-tooltip{visibility:hidden;position:absolute;top:0;left:0;font-size:11px;font-weight:700;color:#e6e6e6;line-height:11px;white-space:nowrap;padding:5px 7px 5px 22px;margin:0;border-radius:3px;background:#454545}#cms-toolbar .cms-tooltip:before{font-size:14px;position:absolute;left:4px;top:3px}#cms-toolbar .cms-tooltip span{position:absolute;top:18px;right:0;float:right;color:#fff;font-weight:400;padding:5px 7px;border-radius:3px 0 3px 3px;background:#454545}#cms-toolbar .cms-btn{color:#666;border:1px solid #e6e6e6;border-radius:3px;background:#e6e6e6;background:linear-gradient(to bottom,#f2f2f2,#e6e6e6);box-shadow:inset #f2f2f2 0 1px 0}#cms-toolbar .cms-btn:active,#cms-toolbar .cms-btn:focus,#cms-toolbar .cms-btn:hover{border:1px solid #e6e6e6;background:#e6e6e6;box-shadow:none}#cms-toolbar .cms-btn:active,#cms-toolbar .cms-btn:focus{border:1px solid #ccc;background:#ccc}#cms-toolbar .cms-btn-disabled{border-top:1px solid #ccc;border-right:1px solid #ccc;background:#ededed;box-shadow:inset 0 1px 0 #e6e6e6}#cms-toolbar .cms-btn-disabled:active,#cms-toolbar .cms-btn-disabled:focus,#cms-toolbar .cms-btn-disabled:hover{background-color:#e6e6e6}#cms-toolbar .cms-btn-active{color:#fff;border:1px solid #333!important;border-bottom:none!important;background:#666;background:linear-gradient(to bottom,#666,#333);box-shadow:inset 0 1px 0 #999}#cms-toolbar .cms-btn-active:active,#cms-toolbar .cms-btn-active:focus,#cms-toolbar .cms-btn-active:hover{background:#454545;box-shadow:none}#cms-toolbar .cms-btn-active:active,#cms-toolbar .cms-btn-active:focus{background:#000}#cms-toolbar .cms-btn-action{color:#fff;border:1px solid #0e72ec!important;background:#0eaaec;background:linear-gradient(to bottom,#0e97ec,#0e72ec);box-shadow:inset #3abcf3 0 1px 0}#cms-toolbar .cms-btn-action:active,#cms-toolbar .cms-btn-action:focus,#cms-toolbar .cms-btn-action:hover{background:#0e72ec;box-shadow:none}#cms-toolbar .cms-btn-action:active,#cms-toolbar .cms-btn-action:focus{background:#0b5bbc}#cms-toolbar .cms-btn-caution{color:#fff;border:1px solid #ff4000!important;background:red;background:linear-gradient(to bottom,#ff1500,#ff4000);box-shadow:inset #f66 0 1px 0}#cms-toolbar .cms-btn-caution:active,#cms-toolbar .cms-btn-caution:focus,#cms-toolbar .cms-btn-caution:hover{background:#ff4000;box-shadow:none}#cms-toolbar .cms-btn-caution:active,#cms-toolbar .cms-btn-caution:focus{background:#c30}#cms-toolbar .cms-btn-publish{display:none}#cms-toolbar .cms-btn-publish-active{display:block}#cms-toolbar .cms-loader{background:url(../img/loader.gif) center center no-repeat #fcfcfc!important}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:1.25dppx){#cms-toolbar .cms-loader{background-image:url(../img/loader@2x.gif)!important;background-size:32px!important}}.cms-plugin{display:inline}.cms-placeholder{overflow:hidden;height:0}.cms-render-model-add,.cms-render-model-icon{display:inline-block;width:18px;height:18px;cursor:pointer}.cms-render-model-icon{margin:0;padding:0}.cms-render-model-icon img{position:relative;max-width:none;margin:0!important;padding:0!important;background:url(../img/toolbar/render_model_icon.png) no-repeat}.cms-render-model-add{margin:0;padding:0}.cms-render-model-add img{position:relative;max-width:none;margin:0!important;padding:0!important;background:url(../img/toolbar/render_model_add.png) no-repeat}#cms-toolbar{position:absolute;top:5px;left:0;z-index:9999999;width:100%}#cms-toolbar .cms-toolbar{display:none;position:fixed;top:0;left:0;z-index:999999;width:100%;min-width:320px;height:30px;border-bottom:1px solid #666!important;background:#fcfcfc;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2)}#cms-toolbar .cms-toolbar .cms-toolbar-left{position:relative;float:left;z-index:10;padding-left:10px}#cms-toolbar .cms-toolbar .cms-toolbar-right{position:relative;float:right;z-index:10;padding-right:32px}#cms-toolbar .cms-toolbar .cms-toolbar-left .cms-toolbar-item{margin-left:10px}#cms-toolbar .cms-toolbar .cms-toolbar-right .cms-toolbar-item{margin-right:20px}#cms-toolbar .cms-toolbar .cms-toolbar-item{float:left}#cms-toolbar .cms-toolbar .cms-toolbar-item-buttons a{border-bottom:none!important}@media only screen and (max-width:800px){#cms-toolbar .cms-toolbar-right{display:none}}#cms-toolbar.cms-toolbar-debug .cms-toolbar,#cms-toolbar.cms-toolbar-debug .cms-toolbar-trigger{top:5px!important}#cms-toolbar.cms-toolbar-debug .cms-debug-bar{position:fixed;top:0;left:0;z-index:99999999;width:100%;height:5px;border-bottom:1px solid #ddd;background-color:#fcd200;background-image:linear-gradient(135deg,rgba(255,255,255,.8) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.8) 75%,transparent 75%,transparent);background-size:10px 10px}#cms-toolbar.cms-toolbar-debug #container{padding-top:35px!important}#cms-toolbar .cms-toolbar-item-navigation li{position:relative;float:left;zoom:1}#cms-toolbar .cms-toolbar-item-navigation li a{float:left;zoom:1;padding:5px 10px;cursor:default}#cms-toolbar .cms-toolbar-item-navigation li ul{display:none}#cms-toolbar .cms-toolbar-item-navigation>li:first-child>a span{font-weight:800;line-height:12px}#cms-toolbar .cms-clipboard .cms-clipboard-empty .cms-toolbar-item-navigation a,#cms-toolbar .cms-clipboard .cms-clipboard-numbers .cms-toolbar-item-navigation a,#cms-toolbar .cms-structure .cms-dragbar .cms-toolbar-item-navigation .cms-dragbar-title:before,#cms-toolbar .cms-structure .cms-toolbar-item-navigation .cms-dragitem-collapsable:before,#cms-toolbar .cms-toolbar-item-logo .cms-toolbar-item-navigation a,#cms-toolbar .cms-toolbar-item-navigation .cms-clipboard .cms-clipboard-empty a,#cms-toolbar .cms-toolbar-item-navigation .cms-clipboard .cms-clipboard-numbers a,#cms-toolbar .cms-toolbar-item-navigation .cms-icon,#cms-toolbar .cms-toolbar-item-navigation .cms-structure .cms-dragbar .cms-dragbar-title:before,#cms-toolbar .cms-toolbar-item-navigation .cms-structure .cms-dragitem-collapsable:before,#cms-toolbar .cms-toolbar-item-navigation .cms-submenu-quicksearch:before,#cms-toolbar .cms-toolbar-item-navigation .cms-submenu:before,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-logo a,#cms-toolbar .cms-toolbar-item-navigation .cms-tooltip:before{display:none;position:absolute;top:7px;right:7px;font-size:10px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover ul{display:block;position:absolute;top:30px;left:0;min-width:180px;padding:3px 0;border:1px solid #fff;border-top:none;border-radius:0 0 4px 4px;background-color:#fff;background:rgba(255,255,255,.97);box-shadow:0 1px 1px rgba(0,0,0,.4)}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover ul li{float:none;zoom:1}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover ul li a{display:block;float:none;zoom:1;white-space:nowrap;padding:2px 10px 2px 15px;cursor:pointer}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover ul ul{border-top:1px solid #f5f5f5;border-radius:0 4px 4px 0}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children ul{display:none;top:-4px;left:100%}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a{cursor:default}#cms-toolbar .cms-clipboard .cms-clipboard-empty .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span a,#cms-toolbar .cms-clipboard .cms-clipboard-numbers .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span a,#cms-toolbar .cms-structure .cms-dragbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-dragbar-title:before,#cms-toolbar .cms-structure .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-dragitem-collapsable:before,#cms-toolbar .cms-toolbar-item-logo .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span a,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-clipboard .cms-clipboard-empty a,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-clipboard .cms-clipboard-numbers a,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-icon,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-structure .cms-dragbar .cms-dragbar-title:before,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-structure .cms-dragitem-collapsable:before,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-submenu-quicksearch:before,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-submenu:before,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-toolbar-item-logo a,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-tooltip:before{display:block}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover>a{color:#fff!important;background:#0e72ec;background:linear-gradient(to bottom,#0e97ec,#0e72ec)}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-active>a{font-weight:800}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-break{text-indent:-119988px;overflow:hidden;text-align:left;height:1px;margin:0 0 4px;padding:0 0 3px;border-bottom:1px solid #e6e6e6}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-disabled a{cursor:default!important;opacity:.2}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-disabled a:active,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-disabled a:focus,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-disabled a:hover{color:#000!important;background:0 0!important;box-shadow:none}#cms-toolbar .cms-messages,#cms-toolbar .cms-messages *{font-weight:200;color:#fff;font-size:12px;line-height:16px}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-disabled ul{display:none!important}#cms-toolbar .cms-toolbar-item-cms-mode-switcher{display:none}#cms-toolbar .cms-messages{display:none;position:fixed;top:30px;z-index:999999;width:300px;min-height:14px;margin:0;padding:6px 10px 8px;border-radius:0 0 3px 3px;background:rgba(0,0,0,.74)}#cms-toolbar .cms-messages a{color:#0eaaec}#cms-toolbar .cms-messages strong{color:#3abcf3;font-weight:200}#cms-toolbar .cms-messages ul{display:inline;color:#fff}#cms-toolbar .cms-messages ul li{display:inline;color:#fff;font-weight:200}#cms-toolbar .cms-messages .cms-messages-close{cursor:pointer;display:none;float:right;position:relative;top:0;left:8px;width:20px;height:14px;margin-left:10px}#cms-toolbar .cms-messages .cms-messages-close span{font-size:10px}#cms-toolbar .cms-messages .cms-messages-close:hover span{color:#0eaaec}#cms-toolbar .cms-messages-error strong{color:red}#cms-toolbar .cms-toolbar-item-logo{margin:0!important}#cms-toolbar .cms-toolbar-item-logo a{font-size:21px;line-height:21px;width:90px;height:20px;margin:4px 0;transition:color 200ms}#cms-toolbar .cms-toolbar-item-logo a span{display:none}#cms-toolbar .cms-toolbar-item-logo a:active,#cms-toolbar .cms-toolbar-item-logo a:focus,#cms-toolbar .cms-toolbar-item-logo a:hover{color:#0eaaec}#cms-toolbar .cms-form-login{padding:3px 0 0}#cms-toolbar .cms-form-login label{float:left;padding-left:10px;cursor:pointer}#cms-toolbar .cms-form-login label span{display:inline-block;padding-top:1px}#cms-toolbar .cms-form-login input[type=text],#cms-toolbar .cms-form-login input[type=password]{color:#666;font-size:13px;line-height:13px;width:100px;margin:0;padding:3px 5px;border:1px solid #d9d9d9;border-radius:3px;box-shadow:0 1px 0 #fff}#cms-toolbar .cms-form-login input[type=text]:focus,#cms-toolbar .cms-form-login input[type=password]:focus{transition:outline .2s;border-color:#0eaaec;box-shadow:inset 0 0 2px #e6e6e6}#cms-toolbar .cms-form-login input[type=submit]{display:block;color:#fff;font-size:12px;text-transform:uppercase;height:23px;padding:1px 15px 0;border:1px solid #333;border-radius:3px;cursor:pointer;background:linear-gradient(to bottom,#666,#333);background-color:#666;box-shadow:inset 0 1px 0 #999}#cms-toolbar .cms-form-login input[type=submit]:active,#cms-toolbar .cms-form-login input[type=submit]:focus,#cms-toolbar .cms-form-login input[type=submit]:hover{background:#454545;box-shadow:none}#cms-toolbar .cms-form-login input[type=submit]:active,#cms-toolbar .cms-form-login input[type=submit]:focus{background:#000}#cms-toolbar .cms-form-login .cms-error{color:red}#cms-toolbar .cms-form-login .cms-error input{border:1px solid red}#cms-toolbar .cms-toolbar-item-buttons{margin:4px 0}#cms-toolbar .cms-toolbar-item-buttons a{float:left;font-size:11px;line-height:1;padding:5px 12px}#cms-toolbar .cms-toolbar-item-buttons a:first-child{border-radius:3px 0 0 3px}#cms-toolbar .cms-toolbar-item-buttons a:last-child{border-radius:0 3px 3px 0}#cms-toolbar .cms-toolbar-item-buttons a:only-child{border-radius:3px}#cms-toolbar .cms-toolbar-trigger{position:fixed;top:0;right:0;z-index:999999;border-bottom:1px solid #666;border-left:1px solid #666}#cms-toolbar .cms-toolbar-trigger a{display:block;width:30px;height:29px;text-align:center;border-top:1px solid #fff;border-left:1px solid #fff;background:#fafafa}#cms-toolbar .cms-toolbar-trigger a:hover{background:#fff}#cms-toolbar .cms-toolbar-trigger a:active span,#cms-toolbar .cms-toolbar-trigger a:focus span,#cms-toolbar .cms-toolbar-trigger a:hover span{color:#333}#cms-toolbar .cms-toolbar-trigger a span{font-size:10px;color:#454545;margin:8px 0 0 -2px;transition:-webkit-transform 200ms;transition:transform 200ms;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);background:0 0}#cms-toolbar .cms-toolbar-trigger-expanded a span{margin-top:9px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#cms-toolbar .cms-toolbar-loader a span{position:relative;top:-5px;font-size:20px;line-height:20px;color:#0eaaec;background:0 0;-webkit-animation:cms-spin 2s infinite linear;animation:cms-spin 2s infinite linear}#cms-toolbar .cms-screenblock{position:fixed;top:0;right:0;z-index:100;color:#fff;text-align:center;width:100%;height:100%;background:rgba(0,0,0,.9);background-color:#000}#cms-toolbar .cms-screenblock-inner{margin-top:300px}#cms-toolbar .cms-screenblock-inner h1{font-size:28px;line-height:30px}#cms-toolbar .cms-screenblock-inner h1,#cms-toolbar .cms-screenblock-inner p{color:#a6a6a6;text-align:center}#cms-toolbar .cms-screenblock-inner a{color:#fff}#cms-toolbar .cms-modal{display:none;position:fixed;top:50%;left:50%;overflow:hidden;z-index:999999;border-radius:5px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.5);-webkit-transform:translateZ(0);transform:translateZ(0)}#cms-toolbar .cms-modal-body{position:relative;z-index:10;width:800px;height:400px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}#cms-toolbar .cms-modal-foot{position:relative;clear:both;overflow:hidden;height:32px;border-radius:0 0 5px 5px;background:#fafafa}#cms-toolbar .cms-modal-shim{display:none;position:absolute;top:0;left:0;z-index:20;width:100%;height:100%}#cms-toolbar .cms-modal-frame{position:relative;z-index:10;width:100%;height:100%}#cms-toolbar .cms-modal-frame iframe{width:100%;height:100%}#cms-toolbar .cms-modal-title{display:block;color:#454545;font-size:13px;font-weight:700;text-align:center;padding:4px 75px 3px;border-radius:5px 5px 0 0;cursor:move;background:#fafafa}#cms-toolbar .cms-modal-close,#cms-toolbar .cms-modal-collapse,#cms-toolbar .cms-modal-maximize{display:block;position:absolute;font-size:8px;top:3px;right:3px;color:#a6a6a6;text-align:center;width:20px;height:20px;cursor:pointer}#cms-toolbar .cms-modal-close:active,#cms-toolbar .cms-modal-close:focus,#cms-toolbar .cms-modal-close:hover,#cms-toolbar .cms-modal-collapse:active,#cms-toolbar .cms-modal-collapse:focus,#cms-toolbar .cms-modal-collapse:hover,#cms-toolbar .cms-modal-collapsed,#cms-toolbar .cms-modal-maximize-active,#cms-toolbar .cms-modal-maximize:active,#cms-toolbar .cms-modal-maximize:focus,#cms-toolbar .cms-modal-maximize:hover{color:#0eaaec}#cms-toolbar .cms-modal-close:before,#cms-toolbar .cms-modal-collapse:before,#cms-toolbar .cms-modal-maximize:before{position:relative;top:7px}#cms-toolbar .cms-modal-collapse{right:40px}#cms-toolbar .cms-modal-maximize{right:21px}#cms-toolbar .cms-modal-resize{position:absolute;right:0;bottom:0;z-index:102;font-size:10px;color:#a6a6a6;width:20px;height:20px;cursor:nw-resize}#cms-toolbar .cms-modal-resize span{margin:6px 0 0 6px}#cms-toolbar .cms-modal-breadcrumb{display:none;position:relative;float:left;overflow:hidden;z-index:100;font-size:12px;line-height:12px;width:100%;min-width:225px;height:32px}#cms-toolbar .cms-modal-breadcrumb .cms-modal-breadcrumb-items{position:absolute;top:0;left:35px;width:9999px;background:#fcfcfc}#cms-toolbar .cms-modal-breadcrumb a{position:relative;float:left;color:#a6a6a6;font-size:12px;line-height:12px;padding:10px 0 10px 36px}#cms-toolbar .cms-modal-breadcrumb a:first-child{padding-left:16px}#cms-toolbar .cms-modal-breadcrumb a:after,#cms-toolbar .cms-modal-breadcrumb a:before{content:"";display:block;position:absolute;left:100%;top:50%;width:0;height:0;margin-top:-44px;border-top:44px solid transparent;border-bottom:44px solid transparent}#cms-toolbar .cms-modal-breadcrumb a:after{z-index:2;border-left:22px solid #fcfcfc}#cms-toolbar .cms-modal-breadcrumb a:before{z-index:1;margin-left:1px;border-left:22px solid #e6e6e6}#cms-toolbar .cms-modal-breadcrumb .cms-modal-breadcrumb-title{position:relative;z-index:3;color:#e6e6e6;font-size:15px;text-align:center;width:36px;height:32px;border-right:1px solid #e6e6e6;border-radius:0 0 0 5px;background:#fff}#cms-toolbar .cms-modal-breadcrumb .cms-modal-breadcrumb-title:before{position:relative;top:8px}#cms-toolbar .cms-modal-breadcrumb a:hover{color:#000;background:#fff}#cms-toolbar .cms-modal-breadcrumb a:hover:after{border-left-color:#fff}#cms-toolbar .cms-modal-breadcrumb .cms-modal-breadcrumb-last{cursor:default;color:#0eaaec}#cms-toolbar .cms-modal-breadcrumb .cms-modal-breadcrumb-last:hover{color:#0eaaec}#cms-toolbar .cms-modal-buttons{position:absolute;top:0;right:0;float:right;z-index:101;padding:0 20px 0 10px;border-radius:0 0 5px;background:#fcfcfc}#cms-toolbar .cms-modal-buttons div{float:right;font-size:12px;margin:3px 5px 3px 0;padding:2px 10px;cursor:pointer}.cms-dialog{position:absolute;top:50%;left:50%;z-index:99999;box-sizing:border-box;width:500px;margin:-100px 0 0 -250px;padding:25px;border:1px solid #ccc;border-radius:5px;background:#fff}.cms-dialog h1{margin:0 0 15px;padding:0}.cms-dialog form{margin:15px 0;padding:15px 0;border-top:1px solid #f3f3f3}@media (max-width:540px){.cms-dialog{right:0;left:0;width:80%;margin:0 auto}}#cms-toolbar .cms-sideframe{display:none;position:fixed;top:0;left:0;overflow:visible!important;z-index:99999;width:0;height:100%}#cms-toolbar .cms-sideframe-frame{position:relative;overflow:hidden;z-index:10;width:100%;height:100%;background:#fff}#cms-toolbar .cms-sideframe-frame iframe{overflow:auto;width:100%;height:100%;border:none;background:#fff}#cms-toolbar .cms-sideframe-resize{position:absolute;top:0;right:-2px;z-index:30;width:2px;height:100%;cursor:col-resize;background:#454545}#cms-toolbar .cms-sideframe-shim{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:0 0}#cms-toolbar .cms-sideframe-knob{position:absolute;top:50%;right:-2px;width:6px;height:50px;margin-top:-15px;border-radius:3px;background:#454545}#cms-toolbar .cms-sideframe-btn{position:absolute;top:50px;right:-20px;z-index:40}#cms-toolbar .cms-sideframe-close,#cms-toolbar .cms-sideframe-hide,#cms-toolbar .cms-sideframe-maximize{cursor:pointer;font-size:8px;color:#e6e6e6;text-align:center;width:20px;height:20px;margin-bottom:2px;border-radius:0 3px 3px 0;background:#454545}#cms-toolbar .cms-sideframe-close:hover,#cms-toolbar .cms-sideframe-hide:hover,#cms-toolbar .cms-sideframe-maximize:hover{color:#fff;background-color:#333}#cms-toolbar .cms-sideframe-close span,#cms-toolbar .cms-sideframe-hide span,#cms-toolbar .cms-sideframe-maximize span{position:relative;top:2px}#cms-toolbar .cms-sideframe-hide{font-size:10px;height:30px;border:none}#cms-toolbar .cms-sideframe-hide span{top:6px}#cms-toolbar .cms-sideframe-hidden span{color:#0eaaec;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#cms-toolbar .cms-sideframe-minimize span{color:#0eaaec}#cms-toolbar .cms-structure{display:none;position:absolute;top:0;right:0;z-index:9999;width:100%;height:100%}#cms-toolbar .cms-structure .cms-structure-dimmer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;width:100%;height:100%;background:rgba(255,255,255,.95)}#cms-toolbar .cms-structure .cms-structure-content{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}#cms-toolbar .cms-structure .cms-dragarea{position:absolute;box-sizing:border-box;margin:0 0 5px;padding:5px 5px 4px;border-radius:3px;background:#454545}#cms-toolbar .cms-structure .cms-dragarea-static{background-color:#454545;background-image:linear-gradient(135deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);background-size:10px 10px}#cms-toolbar .cms-structure .cms-dragbar{position:relative;top:0;left:0;z-index:9999;font-size:13px;line-height:20px;border-radius:3px}#cms-toolbar .cms-structure .cms-dragbar .cms-dragbar-title{cursor:pointer;color:#fff;font-size:12px;font-weight:500;line-height:17px;text-transform:uppercase;text-shadow:0 1px 0 #000;height:16px;padding:0 0 0 15px}#cms-toolbar .cms-structure .cms-dragbar .cms-dragbar-title:before{position:absolute;top:-4px;left:-5px;font-size:9px;color:#a6a6a6;width:16px;height:16px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#cms-toolbar .cms-structure .cms-dragbar .cms-dragbar-title:hover:before{color:#fff}#cms-toolbar .cms-structure .cms-dragbar .cms-dragbar-title-expanded:before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);left:2px}#cms-toolbar .cms-structure .cms-dragbar-empty{font-size:11px;text-transform:uppercase;padding-top:0;padding-bottom:0}#cms-toolbar .cms-structure .cms-dragbar-empty-wrapper{display:none}#cms-toolbar .cms-structure .cms-draggables{margin:0;padding:0;list-style-type:none}#cms-toolbar .cms-structure .cms-draggables .cms-draggables{display:none;min-height:25px;padding-left:6px}#cms-toolbar .cms-structure .cms-draggable>.cms-draggable,#cms-toolbar .cms-structure .cms-draggables .cms-draggables>.cms-draggable:first-child,#cms-toolbar .cms-structure .cms-draggables .cms-draggables>.cms-draggable:only-child{margin-top:0}#cms-toolbar .cms-structure .cms-draggables>.cms-draggable:last-child{margin-bottom:1px}#cms-toolbar .cms-structure .cms-draggables .cms-draggables>.cms-draggable:last-child{margin-bottom:2px}#cms-toolbar .cms-structure .cms-draggable,#cms-toolbar .cms-structure .cms-droppable{position:relative;top:0;left:0;z-index:99;margin:5px 0 0;margin-left:0!important;padding:4px 5px 3px;border-radius:3px;list-style-type:none}#cms-toolbar .cms-structure .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable{position:relative;z-index:99;white-space:nowrap;border-color:#e6e6e6;background:#fff}#cms-toolbar .cms-structure .cms-draggable .cms-draggable:hover,#cms-toolbar .cms-structure .cms-droppable .cms-draggable:hover{border-color:#a6a6a6}#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable{background:#fafafa}#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable{background:#fff}#cms-toolbar .cms-structure .cms-draggable .cms-submenu,#cms-toolbar .cms-structure .cms-droppable .cms-submenu{display:none;margin-top:2px}#cms-toolbar .cms-structure .cms-draggable .cms-submenu:before,#cms-toolbar .cms-structure .cms-droppable .cms-submenu:before{color:#454545;left:2px;top:-1px}#cms-toolbar .cms-structure .cms-draggable .cms-submenu-dropdown,#cms-toolbar .cms-structure .cms-droppable .cms-submenu-dropdown{top:22px;right:-6px}#cms-toolbar .cms-structure .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-submenu-quicksearch{top:-6px;right:-5px;height:28px;border-left:1px dotted #e6e6e6;border-radius:0;background:#fafafa}#cms-toolbar .cms-structure .cms-draggable .cms-submenu-quicksearch:before,#cms-toolbar .cms-structure .cms-droppable .cms-submenu-quicksearch:before{color:#454545}#cms-toolbar .cms-structure .cms-draggable .cms-submenu-quicksearch input,#cms-toolbar .cms-structure .cms-droppable .cms-submenu-quicksearch input{color:#000;margin-top:1px}#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-submenu-quicksearch{background-color:#fff}#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-submenu-quicksearch{background-color:#fafafa}#cms-toolbar .cms-structure .cms-draggable .cms-dragitem-text,#cms-toolbar .cms-structure .cms-droppable .cms-dragitem-text{display:inline-block;overflow:visible;width:90%;height:15px}#cms-toolbar .cms-structure .cms-draggable-disabled .cms-draggables,body>.cms-draggable .cms-draggables,body>.cms-draggable .cms-submenu,body>.cms-draggable .cms-switcher{display:none!important}#cms-toolbar .cms-structure .cms-draggable{z-index:100;color:#000;border:1px solid #fafafa;background:#fafafa}#cms-toolbar .cms-structure .cms-draggable:hover{box-shadow:inset 0 0 3px #e6e6e6}#cms-toolbar .cms-structure .cms-droppable{color:#bfbfbf;border:1px dashed #bfbfbf;border-radius:3px}#cms-toolbar .cms-structure .cms-dragitem{cursor:move}#cms-toolbar .cms-structure .cms-dragitem-collapsable,#cms-toolbar .cms-structure .cms-dragitem-expanded{padding-left:15px;cursor:pointer}#cms-toolbar .cms-structure .cms-dragitem-collapsable:before{position:absolute;left:5px;top:8px;font-size:10px;color:#454545;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#cms-toolbar .cms-structure .cms-dragitem-collapsable:hover:before{color:#000}#cms-toolbar .cms-structure .cms-dragitem-expanded:before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}#cms-toolbar .cms-structure .cms-draggable-selected .cms-dragitem,#cms-toolbar .cms-structure .cms-draggable-selected .cms-dragitem strong{color:#0e72ec}#cms-toolbar .cms-structure .cms-draggable-selected .cms-draggable .cms-dragitem,#cms-toolbar .cms-structure .cms-draggable-selected .cms-draggable .cms-dragitem strong{color:#000}#cms-toolbar .cms-structure .cms-draggable-allowed,#cms-toolbar .cms-structure .cms-draggable-hover-allowed,#cms-toolbar .cms-structure .cms-draggable-placeholder{color:#cce6b3;border-color:#cce6b3}#cms-toolbar .cms-structure .cms-draggable-hover-allowed,#cms-toolbar .cms-structure .cms-draggable-placeholder{color:#fff;background:rgba(102,153,51,.2)}#cms-toolbar .cms-structure .cms-dragitem-success{position:absolute;top:-1px;left:-1px;width:100%;height:100%;border-radius:3px;opacity:.6;border:1px solid #cce6b3;background:#cce6b3}#cms-toolbar .cms-structure .cms-draggable-disallowed,#cms-toolbar .cms-structure .cms-draggable-hover-disallowed{color:red;border:1px dashed red;background:rgba(255,0,0,.1)}#cms-toolbar .cms-structure .cms-draggable-disabled>.cms-dragitem-collapsable{padding-left:0;background:0 0!important}body>.cms-draggable{white-space:nowrap;margin:0;padding:4px 5px 3px;border-color:#e6e6e6;border-radius:3px;list-style-type:none;background:#fff}#cms-toolbar .cms-clipboard{display:none;position:fixed;top:130px;left:0;z-index:99999;padding:3px 3px 3px 0;border-radius:0 3px 3px 0;background:rgba(255,255,255,.6)}#cms-toolbar .cms-clipboard .cms-clipboard-empty a:before,#cms-toolbar .cms-clipboard .cms-clipboard-numbers a:before{position:relative;top:4px;left:3px}#cms-toolbar .cms-clipboard p{margin:0;padding:0}#cms-toolbar .cms-clipboard .cms-clipboard-numbers{margin:0 0 2px}#cms-toolbar .cms-clipboard .cms-clipboard-numbers a{box-sizing:border-box;display:block;overflow:hidden;color:#e6e6e6;font-size:12px;width:20px;height:30px;border:5px solid #454545;border-right:none;border-left:none;border-radius:0 3px 3px 0;background:#454545}#cms-toolbar .cms-clipboard .cms-clipboard-numbers a:active,#cms-toolbar .cms-clipboard .cms-clipboard-numbers a:focus,#cms-toolbar .cms-clipboard .cms-clipboard-numbers a:hover{color:#fff;border-color:#333;background-color:#333}#cms-toolbar .cms-clipboard .cms-clipboard-numbers .cms-clipboard-numbers{display:none!important}#cms-toolbar .cms-clipboard .cms-clipboard-empty a{display:block;cursor:pointer;font-size:11px;color:#e6e6e6;width:20px;height:20px;border-radius:0 3px 3px 0;background:#454545}#cms-toolbar .cms-clipboard .cms-clipboard-empty a:active,#cms-toolbar .cms-clipboard .cms-clipboard-empty a:focus,#cms-toolbar .cms-clipboard .cms-clipboard-empty a:hover{color:#fff;background-color:#333}#cms-toolbar .cms-clipboard .cms-clipboard-triggers{position:relative;z-index:999}#cms-toolbar .cms-clipboard .cms-clipboard-triggers .cms-clipboard-numbers:nth-child(n+6){display:none}#cms-toolbar .cms-clipboard .cms-clipboard-containers{position:absolute;top:0;left:-1px;z-index:99;width:0}#cms-toolbar .cms-clipboard .cms-clipboard-containers .cms-draggable{width:190px;margin-left:-220px}#cms-toolbar .cms-clipboard .cms-dragarea{padding-top:3px}#cms-toolbar .cms-clipboard .cms-draggable{position:relative;top:0;left:0;z-index:99;margin:0 0 2px;padding:4px 5px 3px;border:1px solid #454545;border-radius:3px;cursor:move;background:#fafafa}#cms-toolbar .cms-clipboard .cms-draggable .cms-dragitem{padding-left:20px}#cms-toolbar .cms-clipboard .cms-draggable .cms-dragitem .cms-submenu{display:none!important}#cms-toolbar .cms-clipboard .cms-draggable .cms-dragitem-text{display:inline-block;overflow:hidden;width:140px;height:15px}#cms-toolbar .cms-clipboard .cms-plugins{display:none}#cms-toolbar .cms-submenu{display:block;position:absolute;cursor:pointer;right:5px;width:20px;height:15px}#cms-toolbar .cms-submenu:before{position:relative;left:4px;font-size:16px;color:#fff}#cms-toolbar .cms-submenu-lang{position:absolute;top:3px;right:3px;padding:0 5px;border:1px solid #e6e6e6;border-radius:3px;background:#fff}#cms-toolbar .cms-submenu-dropdown{display:none;position:absolute;top:20px;right:0;overflow:auto;zoom:1;z-index:999;min-width:140px;max-height:230px;border:1px solid #e6e6e6;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.1)}#cms-toolbar .cms-submenu-dropdown::-webkit-scrollbar{width:7px;background:#e6e6e6;-webkit-appearance:none}#cms-toolbar .cms-submenu-dropdown::-webkit-scrollbar-thumb{border-left:1px solid #e6e6e6;background-color:#454545;box-shadow:0 0 1px rgba(255,255,255,.5)}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item{zoom:1}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item a,#cms-toolbar .cms-submenu-dropdown span{display:block;font-size:12px;line-height:15px;text-align:left;padding:4px 8px 3px}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item a{color:#000}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item a:focus,#cms-toolbar .cms-submenu-dropdown .cms-submenu-item a:hover{color:#fff;background:#0e72ec;background:linear-gradient(to bottom,#0e97ec,#0e72ec)}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item a:first-child{border-top:none}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item span{color:#000;font-weight:700;border-top:1px solid #a6a6a6;border-bottom:1px solid #e6e6e6;cursor:default}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item:first-child span{border-top:none}#cms-toolbar .cms-submenu-quicksearch{cursor:default;display:none;position:absolute;top:-5px;right:-5px;z-index:1000;text-align:right;height:25px;border-radius:4px;background:#454545}#cms-toolbar .cms-submenu-quicksearch:before{position:absolute;right:6px;top:6px;font-size:13px;color:#fff}#cms-toolbar .cms-submenu-quicksearch label{cursor:pointer}#cms-toolbar .cms-submenu-quicksearch input{display:block;color:#fff;font-size:12px;line-height:12px;text-align:right;width:109px;height:24px;margin-right:25px;padding:3px 1px 1px 5px;border:none;background:0 0;-webkit-appearance:none}#cms-toolbar .cms-submenu-scroll-hint{display:none;position:absolute;bottom:0;left:0;color:#a6a6a6;font-size:12px;line-height:1;text-align:center;width:100%;padding:5px 0 4px;background-color:#e6e6e6} \ No newline at end of file + */@-webkit-keyframes cms-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes cms-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.cms-reset a,.cms-reset a:active,.cms-reset a:focus,.cms-reset a:hover,.cms-reset div,.cms-reset fieldset,.cms-reset form,.cms-reset input,.cms-reset label,.cms-reset li,.cms-reset p,.cms-reset textarea,.cms-reset ul{color:#222;font:400 13px/20px Helvetica,Arial,sans-serif;text-align:left;text-decoration:none;height:auto;margin:0;padding:0;border:none;outline:0;list-style-type:none;background:0 0;transition:none}#cms-toolbar .cms-messages a:hover,#cms-toolbar .cms-screenblock-inner a:hover{text-decoration:underline}@font-face{font-family:django-cms-iconfont;src:url(../fonts/django-cms-iconfont.eot?v=3.2.0);src:url(../fonts/django-cms-iconfont.eot?v=3.2.0#iefix) format("eot"),url(../fonts/django-cms-iconfont.woff?v=3.2.0) format("woff"),url(../fonts/django-cms-iconfont.ttf?v=3.2.0) format("truetype"),url(../fonts/django-cms-iconfont.svg?v=3.2.0#django-cms-iconfont) format("svg");font-weight:400;font-style:normal}#cms-toolbar .cms-clipboard .cms-clipboard-empty a,#cms-toolbar .cms-clipboard .cms-clipboard-numbers a,#cms-toolbar .cms-structure .cms-dragbar .cms-dragbar-title:before,#cms-toolbar .cms-structure .cms-dragitem-collapsable:before,#cms-toolbar .cms-submenu-quicksearch:before,#cms-toolbar .cms-submenu:before,#cms-toolbar .cms-toolbar-item-logo a,#cms-toolbar .cms-tooltip:before,.cms-icon{display:inline-block;font:normal normal normal 14px/1 django-cms-iconfont;font-size:inherit;text-rendering:auto;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#cms-toolbar .cms-structure .cms-dragbar .cms-dragbar-title:before,#cms-toolbar .cms-structure .cms-dragitem-collapsable:before,.cms-icon-arrow-wide:before{content:"\E001"}.cms-icon-arrow:before{content:"\E002"}#cms-toolbar .cms-clipboard .cms-clipboard-empty a:before,.cms-icon-bin:before{content:"\E003"}.cms-icon-close:before{content:"\E004"}#cms-toolbar .cms-clipboard .cms-clipboard-numbers a:before,.cms-icon-copy:before{content:"\E005"}.cms-icon-handler:before{content:"\E006"}.cms-icon-home:before{content:"\E007"}#cms-toolbar .cms-toolbar-loader a span:before,.cms-icon-loader:before{content:"\E008"}#cms-toolbar .cms-toolbar-item-logo a:before,.cms-icon-logo:before{content:"\E009"}#cms-toolbar .cms-submenu:before,.cms-icon-menu:before{content:"\E00A"}.cms-icon-minus:before{content:"\E00B"}#cms-toolbar .cms-tooltip:before,.cms-icon-pencil:before{content:"\E00C"}#cms-toolbar .cms-modal-collapsed:before,.cms-icon-plus:before{content:"\E00D"}.cms-icon-scissors:before{content:"\E00E"}#cms-toolbar .cms-submenu-quicksearch:before,.cms-icon-search:before{content:"\E00F"}.cms-icon-window:before{content:"\E010"}#cms-toolbar .cms-tooltip{visibility:hidden;position:absolute;top:0;left:0;font-size:11px;font-weight:700;color:#e6e6e6;line-height:11px;white-space:nowrap;padding:5px 7px 5px 22px;margin:0;border-radius:3px;background:#454545}#cms-toolbar .cms-tooltip:before{font-size:14px;position:absolute;left:4px;top:3px}#cms-toolbar .cms-tooltip span{position:absolute;top:18px;right:0;float:right;color:#fff;font-weight:400;padding:5px 7px;border-radius:3px 0 3px 3px;background:#454545}#cms-toolbar .cms-btn{color:#666;border:1px solid #e6e6e6;border-radius:3px;background-color:#e6e6e6;background-image:linear-gradient(to bottom,#fafafa,#e6e6e6);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}#cms-toolbar .cms-btn:active,#cms-toolbar .cms-btn:focus,#cms-toolbar .cms-btn:hover{border:1px solid #e6e6e6;background:#e6e6e6;box-shadow:none}#cms-toolbar .cms-btn:active,#cms-toolbar .cms-btn:focus{border:1px solid #ccc;background:#ccc}#cms-toolbar .cms-btn-disabled{border-top:1px solid #ccc;border-right:1px solid #ccc;background:#e6e6e6;box-shadow:inset 0 1px 0 #e6e6e6}#cms-toolbar .cms-btn-action,#cms-toolbar .cms-btn-active,#cms-toolbar .cms-btn-caution{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}#cms-toolbar .cms-btn-disabled:active,#cms-toolbar .cms-btn-disabled:focus,#cms-toolbar .cms-btn-disabled:hover{background:#e6e6e6}#cms-toolbar .cms-btn-active{border:1px solid #333;border-bottom:none;background-color:#454545;background-image:linear-gradient(to bottom,#666,#333)}#cms-toolbar .cms-btn-active:active,#cms-toolbar .cms-btn-active:focus,#cms-toolbar .cms-btn-active:hover{background:#454545;border:1px solid #333;border-bottom:none}#cms-toolbar .cms-btn-active:active,#cms-toolbar .cms-btn-active:focus{background:#2b2b2b}#cms-toolbar .cms-btn-action{border:1px solid #0e72ec;background-color:#0e72ec;background-image:linear-gradient(to bottom,#0e97ec,#0e72ec)}#cms-toolbar .cms-btn-action:active,#cms-toolbar .cms-btn-action:focus,#cms-toolbar .cms-btn-action:hover{border:1px solid #0e72ec;background:#0e72ec}#cms-toolbar .cms-btn-action:active,#cms-toolbar .cms-btn-action:focus{background:#0b5bbc}#cms-toolbar .cms-btn-caution{border:1px solid #ff4000;background-color:#ff4000;background-image:linear-gradient(to bottom,#ff1500,#ff4000)}#cms-toolbar .cms-btn-caution:active,#cms-toolbar .cms-btn-caution:focus,#cms-toolbar .cms-btn-caution:hover{border:1px solid #ff4000;background:#ff4000}#cms-toolbar .cms-btn-caution:active,#cms-toolbar .cms-btn-caution:focus{background:#c30}#cms-toolbar .cms-btn-publish{display:none}#cms-toolbar .cms-btn-publish-active{display:block}#cms-toolbar .cms-loader{background:url(../img/loader.gif) center center no-repeat #fcfcfc!important}@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:1.25dppx){#cms-toolbar .cms-loader{background-image:url(../img/loader@2x.gif)!important;background-size:32px!important}}.cms-plugin{display:inline}.cms-placeholder{overflow:hidden;height:0}.cms-render-model-add,.cms-render-model-icon{display:inline-block;width:18px;height:18px;cursor:pointer}.cms-render-model-icon{margin:0;padding:0}.cms-render-model-icon img{position:relative;max-width:none;margin:0!important;padding:0!important;background:url(../img/toolbar/render_model_icon.png) no-repeat}.cms-render-model-add{margin:0;padding:0}.cms-render-model-add img{position:relative;max-width:none;margin:0!important;padding:0!important;background:url(../img/toolbar/render_model_add.png) no-repeat}#cms-toolbar{position:absolute;top:5px;left:0;z-index:9999999;width:100%}#cms-toolbar .cms-toolbar{display:none;position:fixed;top:0;left:0;z-index:999999;width:100%;min-width:320px;height:30px;border-bottom:1px solid #666!important;background:#fcfcfc;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2)}#cms-toolbar .cms-toolbar .cms-toolbar-left{position:relative;float:left;z-index:10;padding-left:10px}#cms-toolbar .cms-toolbar .cms-toolbar-right{position:relative;float:right;z-index:10;padding-right:32px}#cms-toolbar .cms-toolbar .cms-toolbar-left .cms-toolbar-item{margin-left:10px}#cms-toolbar .cms-toolbar .cms-toolbar-right .cms-toolbar-item{margin-right:20px}#cms-toolbar .cms-toolbar .cms-toolbar-item{float:left}#cms-toolbar .cms-toolbar .cms-toolbar-item-buttons a{border-bottom:none!important}@media only screen and (max-width:800px){#cms-toolbar .cms-toolbar-right{display:none}}#cms-toolbar.cms-toolbar-debug .cms-toolbar,#cms-toolbar.cms-toolbar-debug .cms-toolbar-trigger{top:5px!important}#cms-toolbar.cms-toolbar-debug .cms-debug-bar{position:fixed;top:0;left:0;z-index:99999999;width:100%;height:5px;border-bottom:1px solid #ddd;background-color:#fcd200;background-image:linear-gradient(135deg,rgba(255,255,255,.8) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.8) 75%,transparent 75%,transparent);background-size:10px 10px}#cms-toolbar.cms-toolbar-debug #container{padding-top:35px!important}#cms-toolbar .cms-toolbar-item-navigation li{position:relative;float:left;zoom:1}#cms-toolbar .cms-toolbar-item-navigation li a{float:left;zoom:1;padding:5px 10px;cursor:default}#cms-toolbar .cms-toolbar-item-navigation li ul{display:none}#cms-toolbar .cms-toolbar-item-navigation>li:first-child>a span{font-weight:800;line-height:12px}#cms-toolbar .cms-clipboard .cms-clipboard-empty .cms-toolbar-item-navigation a,#cms-toolbar .cms-clipboard .cms-clipboard-numbers .cms-toolbar-item-navigation a,#cms-toolbar .cms-structure .cms-dragbar .cms-toolbar-item-navigation .cms-dragbar-title:before,#cms-toolbar .cms-structure .cms-toolbar-item-navigation .cms-dragitem-collapsable:before,#cms-toolbar .cms-toolbar-item-logo .cms-toolbar-item-navigation a,#cms-toolbar .cms-toolbar-item-navigation .cms-clipboard .cms-clipboard-empty a,#cms-toolbar .cms-toolbar-item-navigation .cms-clipboard .cms-clipboard-numbers a,#cms-toolbar .cms-toolbar-item-navigation .cms-icon,#cms-toolbar .cms-toolbar-item-navigation .cms-structure .cms-dragbar .cms-dragbar-title:before,#cms-toolbar .cms-toolbar-item-navigation .cms-structure .cms-dragitem-collapsable:before,#cms-toolbar .cms-toolbar-item-navigation .cms-submenu-quicksearch:before,#cms-toolbar .cms-toolbar-item-navigation .cms-submenu:before,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-logo a,#cms-toolbar .cms-toolbar-item-navigation .cms-tooltip:before{display:none;position:absolute;top:7px;right:7px;font-size:10px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover ul{display:block;position:absolute;top:30px;left:0;min-width:180px;padding:3px 0;border:1px solid #fff;border-top:none;border-radius:0 0 4px 4px;background-color:#fff;background:rgba(255,255,255,.97);box-shadow:0 1px 1px rgba(0,0,0,.4)}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover ul li{float:none;zoom:1}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover ul li a{display:block;float:none;zoom:1;white-space:nowrap;padding:2px 10px 2px 15px;cursor:pointer}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover ul ul{border-top:1px solid #f5f5f5;border-radius:0 4px 4px 0}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children ul{display:none;top:-4px;left:100%}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a{cursor:default}#cms-toolbar .cms-clipboard .cms-clipboard-empty .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span a,#cms-toolbar .cms-clipboard .cms-clipboard-numbers .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span a,#cms-toolbar .cms-structure .cms-dragbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-dragbar-title:before,#cms-toolbar .cms-structure .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-dragitem-collapsable:before,#cms-toolbar .cms-toolbar-item-logo .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span a,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-clipboard .cms-clipboard-empty a,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-clipboard .cms-clipboard-numbers a,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-icon,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-structure .cms-dragbar .cms-dragbar-title:before,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-structure .cms-dragitem-collapsable:before,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-submenu-quicksearch:before,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-submenu:before,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-toolbar-item-logo a,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-children>a span .cms-tooltip:before{display:block}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover>a{color:#fff!important;background:#0e72ec;background:linear-gradient(to bottom,#0e97ec,#0e72ec)}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-hover .cms-toolbar-item-navigation-active>a{font-weight:800}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-break{text-indent:-119988px;overflow:hidden;text-align:left;height:1px;margin:0 0 4px;padding:0 0 3px;border-bottom:1px solid #e6e6e6}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-disabled a{cursor:default!important;opacity:.2}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-disabled a:active,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-disabled a:focus,#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-disabled a:hover{color:#000!important;background:0 0!important;box-shadow:none}#cms-toolbar .cms-messages,#cms-toolbar .cms-messages *{font-weight:200;color:#fff;font-size:12px;line-height:16px}#cms-toolbar .cms-toolbar-item-navigation .cms-toolbar-item-navigation-disabled ul{display:none!important}#cms-toolbar .cms-toolbar-item-cms-mode-switcher{display:none}#cms-toolbar .cms-messages{display:none;position:fixed;top:30px;z-index:999999;width:300px;min-height:14px;margin:0;padding:6px 10px 8px;border-radius:0 0 3px 3px;background:rgba(0,0,0,.74)}#cms-toolbar .cms-messages a{color:#0eaaec}#cms-toolbar .cms-messages strong{color:#3abcf3;font-weight:200}#cms-toolbar .cms-messages ul{display:inline;color:#fff}#cms-toolbar .cms-messages ul li{display:inline;color:#fff;font-weight:200}#cms-toolbar .cms-messages .cms-messages-close{cursor:pointer;display:none;float:right;position:relative;top:0;left:8px;width:20px;height:14px;margin-left:10px}#cms-toolbar .cms-messages .cms-messages-close span{font-size:10px}#cms-toolbar .cms-messages .cms-messages-close:hover span{color:#0eaaec}#cms-toolbar .cms-messages-error strong{color:red}#cms-toolbar .cms-toolbar-item-logo{margin:0!important}#cms-toolbar .cms-toolbar-item-logo a{font-size:21px;line-height:21px;width:90px;height:20px;margin:4px 0;transition:color 200ms}#cms-toolbar .cms-toolbar-item-logo a span{display:none}#cms-toolbar .cms-toolbar-item-logo a:active,#cms-toolbar .cms-toolbar-item-logo a:focus,#cms-toolbar .cms-toolbar-item-logo a:hover{color:#0eaaec}#cms-toolbar .cms-form-login{padding:3px 0 0}#cms-toolbar .cms-form-login label{float:left;padding-left:10px;cursor:pointer}#cms-toolbar .cms-form-login label span{display:inline-block;padding-top:1px}#cms-toolbar .cms-form-login input[type=text],#cms-toolbar .cms-form-login input[type=password]{color:#666;font-size:13px;line-height:13px;width:100px;margin:0;padding:3px 5px;border:1px solid #d9d9d9;border-radius:3px;box-shadow:0 1px 0 #fff}#cms-toolbar .cms-form-login input[type=text]:focus,#cms-toolbar .cms-form-login input[type=password]:focus{transition:outline .2s;border-color:#0eaaec;box-shadow:inset 0 0 2px #e6e6e6}#cms-toolbar .cms-form-login input[type=submit]{display:block;color:#fff;font-size:12px;text-transform:uppercase;height:23px;padding:1px 15px 0;border:1px solid #333;border-radius:3px;cursor:pointer;background:linear-gradient(to bottom,#666,#333);background-color:#666;box-shadow:inset 0 1px 0 #999}#cms-toolbar .cms-form-login input[type=submit]:active,#cms-toolbar .cms-form-login input[type=submit]:focus,#cms-toolbar .cms-form-login input[type=submit]:hover{background:#454545;box-shadow:none}#cms-toolbar .cms-form-login input[type=submit]:active,#cms-toolbar .cms-form-login input[type=submit]:focus{background:#000}#cms-toolbar .cms-form-login .cms-error{color:red}#cms-toolbar .cms-form-login .cms-error input{border:1px solid red}#cms-toolbar .cms-toolbar-item-buttons{margin:4px 0}#cms-toolbar .cms-toolbar-item-buttons a{float:left;font-size:11px;line-height:1;padding:5px 12px}#cms-toolbar .cms-toolbar-item-buttons a:first-child{border-radius:3px 0 0 3px}#cms-toolbar .cms-toolbar-item-buttons a:last-child{border-radius:0 3px 3px 0}#cms-toolbar .cms-toolbar-item-buttons a:only-child{border-radius:3px}#cms-toolbar .cms-toolbar-trigger{position:fixed;top:0;right:0;z-index:999999;border-bottom:1px solid #666;border-left:1px solid #666}#cms-toolbar .cms-toolbar-trigger a{display:block;width:30px;height:29px;text-align:center;border-top:1px solid #fff;border-left:1px solid #fff;background:#fafafa}#cms-toolbar .cms-toolbar-trigger a:hover{background:#fff}#cms-toolbar .cms-toolbar-trigger a:active span,#cms-toolbar .cms-toolbar-trigger a:focus span,#cms-toolbar .cms-toolbar-trigger a:hover span{color:#333}#cms-toolbar .cms-toolbar-trigger a span{font-size:10px;color:#454545;margin:8px 0 0 -2px;transition:-webkit-transform 200ms;transition:transform 200ms;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);background:0 0}#cms-toolbar .cms-toolbar-trigger-expanded a span{margin-top:9px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#cms-toolbar .cms-toolbar-loader a span{position:relative;top:-5px;font-size:20px;line-height:20px;color:#0eaaec;background:0 0;-webkit-animation:cms-spin 2s infinite linear;animation:cms-spin 2s infinite linear}#cms-toolbar .cms-screenblock{position:fixed;top:0;right:0;z-index:100;color:#fff;text-align:center;width:100%;height:100%;background:rgba(0,0,0,.9);background-color:#000}#cms-toolbar .cms-screenblock-inner{margin-top:300px}#cms-toolbar .cms-screenblock-inner h1{font-size:28px;line-height:30px}#cms-toolbar .cms-screenblock-inner h1,#cms-toolbar .cms-screenblock-inner p{color:#a6a6a6;text-align:center}#cms-toolbar .cms-screenblock-inner a{color:#fff}#cms-toolbar .cms-modal{display:none;position:fixed;top:50%;left:50%;overflow:hidden;z-index:999999;border-radius:5px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.5);-webkit-transform:translateZ(0);transform:translateZ(0)}#cms-toolbar .cms-modal-body{position:relative;z-index:10;width:800px;height:400px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}#cms-toolbar .cms-modal-foot{position:relative;clear:both;overflow:hidden;height:32px;border-radius:0 0 5px 5px;background:#fafafa}#cms-toolbar .cms-modal-shim{display:none;position:absolute;top:0;left:0;z-index:20;width:100%;height:100%}#cms-toolbar .cms-modal-frame{position:relative;z-index:10;width:100%;height:100%}#cms-toolbar .cms-modal-frame iframe{width:100%;height:100%}#cms-toolbar .cms-modal-title{display:block;color:#454545;font-size:13px;font-weight:700;text-align:center;padding:4px 75px 3px;border-radius:5px 5px 0 0;cursor:move;background:#fafafa}#cms-toolbar .cms-modal-close,#cms-toolbar .cms-modal-collapse,#cms-toolbar .cms-modal-maximize{display:block;position:absolute;font-size:8px;top:3px;right:3px;color:#a6a6a6;text-align:center;width:20px;height:20px;cursor:pointer}#cms-toolbar .cms-modal-close:active,#cms-toolbar .cms-modal-close:focus,#cms-toolbar .cms-modal-close:hover,#cms-toolbar .cms-modal-collapse:active,#cms-toolbar .cms-modal-collapse:focus,#cms-toolbar .cms-modal-collapse:hover,#cms-toolbar .cms-modal-collapsed,#cms-toolbar .cms-modal-maximize-active,#cms-toolbar .cms-modal-maximize:active,#cms-toolbar .cms-modal-maximize:focus,#cms-toolbar .cms-modal-maximize:hover{color:#0eaaec}#cms-toolbar .cms-modal-close:before,#cms-toolbar .cms-modal-collapse:before,#cms-toolbar .cms-modal-maximize:before{position:relative;top:7px}#cms-toolbar .cms-modal-collapse{right:40px}#cms-toolbar .cms-modal-maximize{right:21px}#cms-toolbar .cms-modal-resize{position:absolute;right:0;bottom:0;z-index:102;font-size:10px;color:#a6a6a6;width:20px;height:20px;cursor:nw-resize}#cms-toolbar .cms-modal-resize span{margin:6px 0 0 6px}#cms-toolbar .cms-modal-breadcrumb{display:none;position:relative;float:left;overflow:hidden;z-index:100;font-size:12px;line-height:12px;width:100%;min-width:225px;height:32px}#cms-toolbar .cms-modal-breadcrumb .cms-modal-breadcrumb-items{position:absolute;top:0;left:35px;width:9999px;background:#fcfcfc}#cms-toolbar .cms-modal-breadcrumb a{position:relative;float:left;color:#a6a6a6;font-size:12px;line-height:12px;padding:10px 0 10px 36px}#cms-toolbar .cms-modal-breadcrumb a:first-child{padding-left:16px}#cms-toolbar .cms-modal-breadcrumb a:after,#cms-toolbar .cms-modal-breadcrumb a:before{content:"";display:block;position:absolute;left:100%;top:50%;width:0;height:0;margin-top:-44px;border-top:44px solid transparent;border-bottom:44px solid transparent}#cms-toolbar .cms-modal-breadcrumb a:after{z-index:2;border-left:22px solid #fcfcfc}#cms-toolbar .cms-modal-breadcrumb a:before{z-index:1;margin-left:1px;border-left:22px solid #e6e6e6}#cms-toolbar .cms-modal-breadcrumb .cms-modal-breadcrumb-title{position:relative;z-index:3;color:#e6e6e6;font-size:15px;text-align:center;width:36px;height:32px;border-right:1px solid #e6e6e6;border-radius:0 0 0 5px;background:#fff}#cms-toolbar .cms-modal-breadcrumb .cms-modal-breadcrumb-title:before{position:relative;top:8px}#cms-toolbar .cms-modal-breadcrumb a:hover{color:#000;background:#fff}#cms-toolbar .cms-modal-breadcrumb a:hover:after{border-left-color:#fff}#cms-toolbar .cms-modal-breadcrumb .cms-modal-breadcrumb-last{cursor:default;color:#0eaaec}#cms-toolbar .cms-modal-breadcrumb .cms-modal-breadcrumb-last:hover{color:#0eaaec}#cms-toolbar .cms-modal-buttons{position:absolute;top:0;right:0;float:right;z-index:101;padding:0 20px 0 10px;border-radius:0 0 5px;background:#fcfcfc;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#cms-toolbar .cms-modal-buttons div{float:right;font-size:12px;margin:3px 5px 3px 0;padding:2px 10px;cursor:pointer}.cms-dialog{position:absolute;top:50%;left:50%;z-index:99999;box-sizing:border-box;width:500px;margin:-100px 0 0 -250px;padding:25px;border:1px solid #ccc;border-radius:5px;background:#fff}.cms-dialog h1{margin:0 0 15px;padding:0}.cms-dialog form{margin:15px 0;padding:15px 0;border-top:1px solid #f3f3f3}@media (max-width:540px){.cms-dialog{right:0;left:0;width:80%;margin:0 auto}}#cms-toolbar .cms-sideframe{display:none;position:fixed;top:0;left:0;overflow:visible!important;z-index:99999;width:0;height:100%}#cms-toolbar .cms-sideframe-frame{position:relative;overflow:hidden;z-index:10;width:100%;height:100%;background:#fff}#cms-toolbar .cms-sideframe-frame iframe{overflow:auto;width:100%;height:100%;border:none;background:#fff}#cms-toolbar .cms-sideframe-resize{position:absolute;top:0;right:-2px;z-index:30;width:2px;height:100%;cursor:col-resize;background:#454545}#cms-toolbar .cms-sideframe-shim{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:0 0}#cms-toolbar .cms-sideframe-knob{position:absolute;top:50%;right:-2px;width:6px;height:50px;margin-top:-15px;border-radius:3px;background:#454545}#cms-toolbar .cms-sideframe-btn{position:absolute;top:50px;right:-20px;z-index:40}#cms-toolbar .cms-sideframe-close,#cms-toolbar .cms-sideframe-hide,#cms-toolbar .cms-sideframe-maximize{cursor:pointer;font-size:8px;color:#e6e6e6;text-align:center;width:20px;height:20px;margin-bottom:2px;border-radius:0 3px 3px 0;background:#454545}#cms-toolbar .cms-sideframe-close:hover,#cms-toolbar .cms-sideframe-hide:hover,#cms-toolbar .cms-sideframe-maximize:hover{color:#fff;background-color:#333}#cms-toolbar .cms-sideframe-close span,#cms-toolbar .cms-sideframe-hide span,#cms-toolbar .cms-sideframe-maximize span{position:relative;top:2px}#cms-toolbar .cms-sideframe-hide{font-size:10px;height:30px;border:none}#cms-toolbar .cms-sideframe-hide span{top:6px}#cms-toolbar .cms-sideframe-hidden span{color:#0eaaec;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#cms-toolbar .cms-sideframe-minimize span{color:#0eaaec}#cms-toolbar .cms-structure{display:none;position:absolute;top:0;right:0;z-index:9999;width:100%;height:100%}#cms-toolbar .cms-structure .cms-structure-dimmer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;width:100%;height:100%;background:rgba(255,255,255,.95)}#cms-toolbar .cms-structure .cms-structure-content{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}#cms-toolbar .cms-structure .cms-dragarea{position:absolute;box-sizing:border-box;margin:0 0 5px;padding:5px 5px 4px;border-radius:3px;background:#454545}#cms-toolbar .cms-structure .cms-dragarea-static{background-color:#454545;background-image:linear-gradient(135deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);background-size:10px 10px}#cms-toolbar .cms-structure .cms-dragbar{position:relative;top:0;left:0;z-index:9999;font-size:13px;line-height:20px;border-radius:3px}#cms-toolbar .cms-structure .cms-dragbar .cms-dragbar-title{cursor:pointer;color:#fff;font-size:12px;font-weight:500;line-height:17px;text-transform:uppercase;text-shadow:0 1px 0 #000;height:16px;padding:0 0 0 15px}#cms-toolbar .cms-structure .cms-dragbar .cms-dragbar-title:before{position:absolute;top:-4px;left:-5px;font-size:9px;color:#a6a6a6;width:16px;height:16px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#cms-toolbar .cms-structure .cms-dragbar .cms-dragbar-title:hover:before{color:#fff}#cms-toolbar .cms-structure .cms-dragbar .cms-dragbar-title-expanded:before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);left:2px}#cms-toolbar .cms-structure .cms-dragbar-empty{font-size:11px;text-transform:uppercase;padding-top:0;padding-bottom:0}#cms-toolbar .cms-structure .cms-dragbar-empty-wrapper{display:none}#cms-toolbar .cms-structure .cms-draggables{margin:0;padding:0;list-style-type:none}#cms-toolbar .cms-structure .cms-draggables .cms-draggables{display:none;min-height:25px;padding-left:6px}#cms-toolbar .cms-structure .cms-draggable>.cms-draggable,#cms-toolbar .cms-structure .cms-draggables .cms-draggables>.cms-draggable:first-child,#cms-toolbar .cms-structure .cms-draggables .cms-draggables>.cms-draggable:only-child{margin-top:0}#cms-toolbar .cms-structure .cms-draggables>.cms-draggable:last-child{margin-bottom:1px}#cms-toolbar .cms-structure .cms-draggables .cms-draggables>.cms-draggable:last-child{margin-bottom:2px}#cms-toolbar .cms-structure .cms-draggable,#cms-toolbar .cms-structure .cms-droppable{position:relative;top:0;left:0;z-index:99;margin:5px 0 0;margin-left:0!important;padding:4px 5px 3px;border-radius:3px;list-style-type:none}#cms-toolbar .cms-structure .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable{position:relative;z-index:99;white-space:nowrap;border-color:#e6e6e6;background:#fff}#cms-toolbar .cms-structure .cms-draggable .cms-draggable:hover,#cms-toolbar .cms-structure .cms-droppable .cms-draggable:hover{border-color:#a6a6a6}#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable{background:#fafafa}#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable{background:#fff}#cms-toolbar .cms-structure .cms-draggable .cms-submenu,#cms-toolbar .cms-structure .cms-droppable .cms-submenu{display:none;margin-top:2px}#cms-toolbar .cms-structure .cms-draggable .cms-submenu:before,#cms-toolbar .cms-structure .cms-droppable .cms-submenu:before{color:#454545;left:2px;top:-1px}#cms-toolbar .cms-structure .cms-draggable .cms-submenu-dropdown,#cms-toolbar .cms-structure .cms-droppable .cms-submenu-dropdown{top:22px;right:-6px}#cms-toolbar .cms-structure .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-submenu-quicksearch{top:-6px;right:-5px;height:28px;border-left:1px dotted #e6e6e6;border-radius:0;background:#fafafa}#cms-toolbar .cms-structure .cms-draggable .cms-submenu-quicksearch:before,#cms-toolbar .cms-structure .cms-droppable .cms-submenu-quicksearch:before{color:#454545}#cms-toolbar .cms-structure .cms-draggable .cms-submenu-quicksearch input,#cms-toolbar .cms-structure .cms-droppable .cms-submenu-quicksearch input{color:#000;margin-top:1px}#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-submenu-quicksearch{background-color:#fff}#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-draggable .cms-draggable .cms-submenu-quicksearch,#cms-toolbar .cms-structure .cms-droppable .cms-draggable .cms-draggable .cms-submenu-quicksearch{background-color:#fafafa}#cms-toolbar .cms-structure .cms-draggable .cms-dragitem-text,#cms-toolbar .cms-structure .cms-droppable .cms-dragitem-text{display:inline-block;overflow:visible;width:90%;height:15px}#cms-toolbar .cms-structure .cms-draggable-disabled .cms-draggables,body>.cms-draggable .cms-draggables,body>.cms-draggable .cms-submenu,body>.cms-draggable .cms-switcher{display:none!important}#cms-toolbar .cms-structure .cms-draggable{z-index:100;color:#000;border:1px solid #fafafa;background:#fafafa}#cms-toolbar .cms-structure .cms-draggable:hover{box-shadow:inset 0 0 3px #e6e6e6}#cms-toolbar .cms-structure .cms-droppable{color:#bfbfbf;border:1px dashed #bfbfbf;border-radius:3px}#cms-toolbar .cms-structure .cms-dragitem{cursor:move}#cms-toolbar .cms-structure .cms-dragitem-collapsable,#cms-toolbar .cms-structure .cms-dragitem-expanded{padding-left:15px;cursor:pointer}#cms-toolbar .cms-structure .cms-dragitem-collapsable:before{position:absolute;left:5px;top:8px;font-size:10px;color:#454545;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#cms-toolbar .cms-structure .cms-dragitem-collapsable:hover:before{color:#000}#cms-toolbar .cms-structure .cms-dragitem-expanded:before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}#cms-toolbar .cms-structure .cms-draggable-selected .cms-dragitem,#cms-toolbar .cms-structure .cms-draggable-selected .cms-dragitem strong{color:#0e72ec}#cms-toolbar .cms-structure .cms-draggable-selected .cms-draggable .cms-dragitem,#cms-toolbar .cms-structure .cms-draggable-selected .cms-draggable .cms-dragitem strong{color:#000}#cms-toolbar .cms-structure .cms-draggable-allowed,#cms-toolbar .cms-structure .cms-draggable-hover-allowed,#cms-toolbar .cms-structure .cms-draggable-placeholder{color:#cce6b3;border-color:#cce6b3}#cms-toolbar .cms-structure .cms-draggable-hover-allowed,#cms-toolbar .cms-structure .cms-draggable-placeholder{color:#fff;background:rgba(102,153,51,.2)}#cms-toolbar .cms-structure .cms-dragitem-success{position:absolute;top:-1px;left:-1px;width:100%;height:100%;border-radius:3px;opacity:.6;border:1px solid #cce6b3;background:#cce6b3}#cms-toolbar .cms-structure .cms-draggable-disallowed,#cms-toolbar .cms-structure .cms-draggable-hover-disallowed{color:red;border:1px dashed red;background:rgba(255,0,0,.1)}#cms-toolbar .cms-structure .cms-draggable-disabled>.cms-dragitem-collapsable{padding-left:0;background:0 0!important}body>.cms-draggable{white-space:nowrap;margin:0;padding:4px 5px 3px;border-color:#e6e6e6;border-radius:3px;list-style-type:none;background:#fff}#cms-toolbar .cms-clipboard{display:none;position:fixed;top:130px;left:0;z-index:99999;padding:3px 3px 3px 0;border-radius:0 3px 3px 0;background:rgba(255,255,255,.6)}#cms-toolbar .cms-clipboard .cms-clipboard-empty a:before,#cms-toolbar .cms-clipboard .cms-clipboard-numbers a:before{position:relative;top:4px;left:3px}#cms-toolbar .cms-clipboard p{margin:0;padding:0}#cms-toolbar .cms-clipboard .cms-clipboard-numbers{margin:0 0 2px}#cms-toolbar .cms-clipboard .cms-clipboard-numbers a{box-sizing:border-box;display:block;overflow:hidden;color:#e6e6e6;font-size:12px;width:20px;height:30px;border:5px solid #454545;border-right:none;border-left:none;border-radius:0 3px 3px 0;background:#454545}#cms-toolbar .cms-clipboard .cms-clipboard-numbers a:active,#cms-toolbar .cms-clipboard .cms-clipboard-numbers a:focus,#cms-toolbar .cms-clipboard .cms-clipboard-numbers a:hover{color:#fff;border-color:#333;background-color:#333}#cms-toolbar .cms-clipboard .cms-clipboard-numbers .cms-clipboard-numbers{display:none!important}#cms-toolbar .cms-clipboard .cms-clipboard-empty a{display:block;cursor:pointer;font-size:11px;color:#e6e6e6;width:20px;height:20px;border-radius:0 3px 3px 0;background:#454545}#cms-toolbar .cms-clipboard .cms-clipboard-empty a:active,#cms-toolbar .cms-clipboard .cms-clipboard-empty a:focus,#cms-toolbar .cms-clipboard .cms-clipboard-empty a:hover{color:#fff;background-color:#333}#cms-toolbar .cms-clipboard .cms-clipboard-triggers{position:relative;z-index:999}#cms-toolbar .cms-clipboard .cms-clipboard-triggers .cms-clipboard-numbers:nth-child(n+6){display:none}#cms-toolbar .cms-clipboard .cms-clipboard-containers{position:absolute;top:0;left:-1px;z-index:99;width:0}#cms-toolbar .cms-clipboard .cms-clipboard-containers .cms-draggable{width:190px;margin-left:-220px}#cms-toolbar .cms-clipboard .cms-dragarea{padding-top:3px}#cms-toolbar .cms-clipboard .cms-draggable{position:relative;top:0;left:0;z-index:99;margin:0 0 2px;padding:4px 5px 3px;border:1px solid #454545;border-radius:3px;cursor:move;background:#fafafa}#cms-toolbar .cms-clipboard .cms-draggable .cms-dragitem{padding-left:20px}#cms-toolbar .cms-clipboard .cms-draggable .cms-dragitem .cms-submenu{display:none!important}#cms-toolbar .cms-clipboard .cms-draggable .cms-dragitem-text{display:inline-block;overflow:hidden;width:140px;height:15px}#cms-toolbar .cms-clipboard .cms-plugins{display:none}#cms-toolbar .cms-submenu{display:block;position:absolute;cursor:pointer;right:5px;width:20px;height:15px}#cms-toolbar .cms-submenu:before{position:relative;left:4px;font-size:16px;color:#fff}#cms-toolbar .cms-submenu-lang{position:absolute;top:3px;right:3px;padding:0 5px;border:1px solid #e6e6e6;border-radius:3px;background:#fff}#cms-toolbar .cms-submenu-dropdown{display:none;position:absolute;top:20px;right:0;overflow:auto;zoom:1;z-index:999;min-width:140px;max-height:230px;border:1px solid #e6e6e6;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.1)}#cms-toolbar .cms-submenu-dropdown::-webkit-scrollbar{width:7px;background:#e6e6e6;-webkit-appearance:none}#cms-toolbar .cms-submenu-dropdown::-webkit-scrollbar-thumb{border-left:1px solid #e6e6e6;background-color:#454545;box-shadow:0 0 1px rgba(255,255,255,.5)}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item{zoom:1}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item a,#cms-toolbar .cms-submenu-dropdown span{display:block;font-size:12px;line-height:15px;text-align:left;padding:4px 8px 3px}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item a{color:#000}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item a:focus,#cms-toolbar .cms-submenu-dropdown .cms-submenu-item a:hover{color:#fff;background:#0e72ec;background:linear-gradient(to bottom,#0e97ec,#0e72ec)}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item a:first-child{border-top:none}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item span{color:#000;font-weight:700;border-top:1px solid #a6a6a6;border-bottom:1px solid #e6e6e6;cursor:default}#cms-toolbar .cms-submenu-dropdown .cms-submenu-item:first-child span{border-top:none}#cms-toolbar .cms-submenu-quicksearch{cursor:default;display:none;position:absolute;top:-5px;right:-5px;z-index:1000;text-align:right;height:25px;border-radius:4px;background:#454545}#cms-toolbar .cms-submenu-quicksearch:before{position:absolute;right:6px;top:6px;font-size:13px;color:#fff}#cms-toolbar .cms-submenu-quicksearch label{cursor:pointer}#cms-toolbar .cms-submenu-quicksearch input{display:block;color:#fff;font-size:12px;line-height:12px;text-align:right;width:109px;height:24px;margin-right:25px;padding:3px 1px 1px 5px;border:none;background:0 0;-webkit-appearance:none}#cms-toolbar .cms-submenu-scroll-hint{display:none;position:absolute;bottom:0;left:0;color:#a6a6a6;font-size:12px;line-height:1;text-align:center;width:100%;padding:5px 0 4px;background-color:#e6e6e6} \ No newline at end of file diff --git a/cms/static/cms/sass/cms.toolbar.sideframe.scss b/cms/static/cms/sass/cms.toolbar.sideframe.scss index ef05d8b4400..804b06e2e84 100644 --- a/cms/static/cms/sass/cms.toolbar.sideframe.scss +++ b/cms/static/cms/sass/cms.toolbar.sideframe.scss @@ -42,8 +42,9 @@ font-weight: 200 !important; margin-bottom: 5px !important; padding: 5px 12px !important; + border: 1px solid adjust-hue($color-blue, 15deg) !important; - background-image: linear-gradient($gradient-blue) !important; + background-image: linear-gradient($btn-action-bggradient) !important; box-shadow: inset lighten($color-blue, 20%) 0 1px 0; &:hover, &:active, diff --git a/cms/static/cms/sass/components/_button.scss b/cms/static/cms/sass/components/_button.scss index 51edb49234d..3b012e4486e 100644 --- a/cms/static/cms/sass/components/_button.scss +++ b/cms/static/cms/sass/components/_button.scss @@ -2,89 +2,90 @@ // #BUTTONS# #cms-toolbar { .cms-btn { - color: $color-grey; - border: 1px solid $color-grey-10; - border-radius: 3px; - background: $color-grey-10; - background: linear-gradient($gradient-light); - box-shadow: inset lighten($color-grey-10, 5%) 0 1px 0; + color: $btn-default-color; + border: 1px solid $btn-default-border; + border-radius: $btn-border-radius-base; + background-color: $btn-default-bgcolor; + background-image: linear-gradient($btn-default-bggradient); + box-shadow: inset 0 1px 0 rgba($white, 0.5); &:hover, &:active, &:focus { - border: 1px solid $color-grey-10; - background: $color-grey-10; + border: 1px solid $btn-default-border; + background: $btn-default-bgcolor; box-shadow: none; } &:active, &:focus { - border: 1px solid darken($color-grey-10, 10%); - background: darken($color-grey-10, 10%); + border: 1px solid darken($btn-default-border, 10%); + background: darken($btn-default-bgcolor, 10%); } } .cms-btn-disabled { - border-top: 1px solid darken($color-grey-10, 10%); - border-right: 1px solid darken($color-grey-10, 10%); - background: darken($color-grey-5, 5%); - box-shadow: inset 0 1px 0 $color-grey-10; + border-top: 1px solid darken($btn-default-border, 10%); + border-right: 1px solid darken($btn-default-border, 10%); + background: $btn-default-bgcolor; + box-shadow: inset 0 1px 0 $btn-default-border; &:hover, &:active, &:focus { - background-color: $color-grey-10; + background: $btn-default-bgcolor; } } .cms-btn-active { - color: white; - border: 1px solid darken($color-grey, 20%) !important; - border-bottom: none !important; - background: $color-grey; - background: linear-gradient($gradient-dark); - box-shadow: inset 0 1px 0 lighten($color-grey, 20%); + color: $btn-active-color; + border: 1px solid $btn-active-border; + border-bottom: none; + background-color: $btn-active-bgcolor; + background-image: linear-gradient($btn-active-bggradient); + box-shadow: inset 0 1px 0 rgba($white, 0.5); &:hover, &:active, &:focus { - background: $color-grey-70; - box-shadow: none; + background: $btn-active-bgcolor; + border: 1px solid $btn-active-border; + border-bottom: none; } &:active, &:focus { - background: darken($color-grey-70, 50%); + background: darken($btn-active-bgcolor, 10%); } } .cms-btn-action { - color: white; - border: 1px solid adjust-hue($color-blue, 15deg) !important; - background: $color-blue; - background: linear-gradient($gradient-blue); - box-shadow: inset lighten($color-blue, 10%) 0 1px 0; + color: $btn-action-color; + border: 1px solid $btn-action-border; + background-color: $btn-action-bgcolor; + background-image: linear-gradient($btn-action-bggradient); + box-shadow: inset 0 1px 0 rgba($white, 0.5); &:hover, &:active, &:focus { - background: adjust-hue($color-blue, 15deg); - box-shadow: none; + border: 1px solid $btn-action-border; + background: $btn-action-bgcolor; } &:active, &:focus { - background: darken(adjust-hue($color-blue, 15deg), 10%); + background: darken($btn-action-bgcolor, 10%); } } .cms-btn-caution { - color: white; - border: 1px solid adjust-hue($color-red, 15deg) !important; - background: $color-red; - background: linear-gradient($gradient-red); - box-shadow: inset lighten($color-red, 20%) 0 1px 0; + color: $btn-caution-color; + border: 1px solid $btn-caution-border; + background-color: $btn-caution-bgcolor; + background-image: linear-gradient($btn-caution-bggradient); + box-shadow: inset 0 1px 0 rgba($white, 0.5); &:hover, &:active, &:focus { - background: adjust-hue($color-red, 15deg); - box-shadow: none; + border: 1px solid $btn-caution-border; + background: $btn-caution-bgcolor } &:active, &:focus { - background: darken(adjust-hue($color-red, 15deg), 10%); + background: darken($btn-caution-bgcolor, 10%); } } .cms-btn-publish { diff --git a/cms/static/cms/sass/components/_modal.scss b/cms/static/cms/sass/components/_modal.scss index 15ef3efbaf1..f9a76bc2622 100644 --- a/cms/static/cms/sass/components/_modal.scss +++ b/cms/static/cms/sass/components/_modal.scss @@ -214,6 +214,7 @@ padding: 0 20px 0 10px; border-radius: 0 0 5px 0; background: $color-window; + user-select: none; div { float: right; font-size: 12px; diff --git a/cms/static/cms/sass/components/_subnav.scss b/cms/static/cms/sass/components/_subnav.scss index d81349f57ae..7e978cb1deb 100644 --- a/cms/static/cms/sass/components/_subnav.scss +++ b/cms/static/cms/sass/components/_subnav.scss @@ -74,7 +74,7 @@ &:focus { color: white; background: adjust-hue($color-blue, 15deg); - background: linear-gradient($gradient-blue); + background: linear-gradient($btn-action-bggradient); } &:first-child { border-top: none; diff --git a/cms/static/cms/sass/components/_toolbar.scss b/cms/static/cms/sass/components/_toolbar.scss index 5262e6da448..32a96d8d8b6 100644 --- a/cms/static/cms/sass/components/_toolbar.scss +++ b/cms/static/cms/sass/components/_toolbar.scss @@ -181,7 +181,7 @@ > a { color: white !important; background: adjust-hue($color-blue, 15deg); - background: linear-gradient($gradient-blue); + background: linear-gradient($btn-action-bggradient); } // add active style @@ -353,7 +353,7 @@ border: 1px solid darken($color-grey, 20%); border-radius: 3px; cursor: pointer; - background: linear-gradient($gradient-dark); + background: linear-gradient($btn-active-bggradient); background-color: $color-grey; box-shadow: inset 0 1px 0 lighten($color-grey, 20%); diff --git a/cms/static/cms/sass/settings/_all.scss b/cms/static/cms/sass/settings/_all.scss index 7f71e28fa4b..81a32a91465 100644 --- a/cms/static/cms/sass/settings/_all.scss +++ b/cms/static/cms/sass/settings/_all.scss @@ -15,16 +15,49 @@ $color-window: #fcfcfc; $speed-base: 200ms; // #COLORS/auto# -$color-grey-5: lighten($color-grey, 58%); // fafafa -$color-grey-10: lighten($color-grey, 50%); // e5e5e5 -$color-grey-20: lighten($color-grey, 25%); // 454545 -$color-grey-70: darken($color-grey, 13%); // 454545 -$color-grey-90: darken($color-grey, 20%); // 333333 +// These are kept only while refactoring is in progress +$color-grey-5: lighten($color-grey, 58%); // fafafa +$color-grey-10: lighten($color-grey, 50%); // e5e5e5 +$color-grey-20: lighten($color-grey, 25%); // a6a6a6 +$color-grey-70: darken($color-grey, 13%); // 454545 +$color-grey-90: darken($color-grey, 20%); // 333333 $gradient-toolbar: to bottom, rgba(lighten($color-grey, 58%), 0.97) 0%, rgba(lighten($color-grey, 59%), 0.97) 50%, rgba(lighten($color-grey, 58%), 0.95) 100%; -$gradient-dark: to bottom, $color-grey, darken($color-grey, 20%); -$gradient-blue: to bottom, adjust-hue($color-blue, 5deg), adjust-hue($color-blue, 15deg); -$gradient-green: to bottom, lighten($color-green, 10%) 0%, saturate($color-green, 20%) 50%, saturate($color-green, 30%) 100%; -$gradient-orange: to bottom, lighten($color-orange, 5%), $color-orange; -$gradient-red: to bottom, adjust-hue($color-red, 5deg), adjust-hue($color-red, 15deg); -$gradient-light: to bottom, lighten($color-grey-10, 5%), $color-grey-10; + +//############################################################################## +// #COLORS new +$white: #fff; +$black: #000; + +// #COLORS gray +$gray: #666; +$gray-lightest: lighten($gray, 58%); // #fafafa +$gray-lighter: lighten($gray, 50%); // #e5e5e5 +$gray-light: lighten($gray, 25%); // #a6a6a6 +$gray-darker: darken($gray, 13%); // #454545 +$gray-darkest: darken($gray, 20%); // #333 + + +//############################################################################## +// #BUTTONS +$btn-border-radius-base: 3px; + +$btn-default-color: $gray; +$btn-default-bgcolor: $gray-lighter; +$btn-default-bggradient: to bottom, $gray-lightest, $gray-lighter; +$btn-default-border: $gray-lighter; + +$btn-action-color: $white; +$btn-action-bgcolor: adjust-hue($color-blue, 15deg); +$btn-action-bggradient: to bottom, adjust-hue($color-blue, 5deg), adjust-hue($color-blue, 15deg); +$btn-action-border: adjust-hue($color-blue, 15deg); + +$btn-caution-color: $white; +$btn-caution-bgcolor: adjust-hue($color-red, 15deg); +$btn-caution-bggradient: to bottom, adjust-hue($color-red, 5deg), adjust-hue($color-red, 15deg); +$btn-caution-border: adjust-hue($color-red, 15deg); + +$btn-active-color: $white; +$btn-active-bgcolor: $gray-darker; +$btn-active-bggradient: to bottom, $gray, $gray-darkest; +$btn-active-border: $gray-darkest