Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

added complete cms_light separation

  • Loading branch information...
commit 9bea49ad6400a6f4eee4486175465ca34fc8a2fa 1 parent cbd50f8
@FinalAngel FinalAngel authored
View
2  cms/static/cms/css/plugins/cms.placeholders.css
@@ -1,3 +1,3 @@
@charset "utf-8";/*
* @copyright: https://github.com/divio/django-cms
- */.cms_placeholder{display:inline;position:relative}.cms_placeholder-bar{font-size:13px;line-height:20px;position:relative;left:0;top:0;z-index:9999;height:27px;border-top:1px solid #dadada;background:#f5f5f5;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:#ebebeb 0px 1px 0px inset;-moz-box-shadow:#ebebeb 0px 1px 0px inset;box-shadow:#ebebeb 0px 1px 0px inset}.cms_placeholder-bar .cms_placeholder-title{float:left;font-size:12px;line-height:20px;color:#444;text-transform:uppercase;font-weight:bold;padding:4px 0 3px 10px;text-shadow:0px 1px 0px #fff}.cms_placeholder-bar .cms_placeholder-btn{float:right;margin:1px 2px 1px 1px}.cms_placeholder-bar .cms_placeholder-btn>a{float:right;color:#444;font-size:11px;font-weight:bold;padding:1px 8px;border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));background-image:-webkit-linear-gradient(#ffffff,#eeeeee);background-image:-moz-linear-gradient(#ffffff,#eeeeee);background-image:-o-linear-gradient(#ffffff,#eeeeee);background-image:linear-gradient(#ffffff,#eeeeee)}.cms_placeholder-bar .cms_placeholder-btn>a span{float:left;text-indent:-119988px;overflow:hidden;text-align:left;width:8px;background:url("/static/cms/img/toolbar/sprite_toolbar.png") no-repeat -6px -162px}.cms_placeholder-bar .cms_placeholder-btn>a:hover,.cms_placeholder-bar .cms_placeholder-btn>a:active,.cms_placeholder-bar .cms_placeholder-btn>a:focus,.cms_placeholder-bar .cms_placeholder-btn>a.active{color:#fff;border:1px solid #0a84e4;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0eaaec), color-stop(100%, #0a84e4));background-image:-webkit-linear-gradient(#0eaaec,#0a84e4);background-image:-moz-linear-gradient(#0eaaec,#0a84e4);background-image:-o-linear-gradient(#0eaaec,#0a84e4);background-image:linear-gradient(#0eaaec,#0a84e4)}.cms_placeholder-bar .cms_placeholder-btn>a:hover span,.cms_placeholder-bar .cms_placeholder-btn>a:active span,.cms_placeholder-bar .cms_placeholder-btn>a:focus span,.cms_placeholder-bar .cms_placeholder-btn>a.active span{background-position:-46px -162px}.cms_placeholder-bar .cms_placeholder-btn:hover>ul{display:block}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav{display:none;zoom:1;position:absolute;right:2px;top:23px;z-index:10;min-width:150px;border:1px solid #dfdfdf;background:#fff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-box-shadow:0 2px 2px #e1e1e1;-moz-box-shadow:0 2px 2px #e1e1e1;box-shadow:0 2px 2px #e1e1e1}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav li{zoom:1}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav li a,.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav-title span{zoom:1;display:block;padding:3px 5px 2px 8px;border-top:1px dotted #e1e1e1}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav-title{color:#0eaaec;font-weight:bold}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav li:first-child span{border-top:none}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav li a:hover{color:#0eaaec;background:#f9f9f9}.cms_dragholder{position:relative;left:0;top:0;z-index:99;color:#888;padding:3px 6px 2px 9px;margin:3px 0;border:1px solid #dadada;background:#f5f5f5;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.cms_dragholder strong{color:#000}.cms_dragholder .cms_dragholder{background:#fbfbfb;position:relative;z-index:99}.cms_dragholder .cms_dragholder .cms_dragholder{background:#fff}.cms_dragholder .cms_dragmenu{float:right;width:20px;height:20px;cursor:pointer;background:url("/static/cms/img/toolbar/sprite_toolbar.png") no-repeat 3px -181px}.cms_dragholder .cms_dragmenu:hover{background-position:-17px -181px}.cms_dragholder .cms_dragmenu-dropdown{display:none;zoom:1;position:absolute;right:-1px;top:26px;z-index:999;min-width:75px;border:1px solid #dfdfdf;background:#fff;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-box-shadow:0 2px 2px #e1e1e1;-moz-box-shadow:0 2px 2px #e1e1e1;box-shadow:0 2px 2px #e1e1e1}.cms_dragholder .cms_dragmenu-dropdown a{display:block;font-size:12px;line-height:11px;text-align:right;padding:6px 8px 5px 5px;border-top:1px solid #e1e1e1}.cms_dragholder .cms_dragmenu-dropdown a:first-child{border-top:none}.cms_dragholder .cms_dragmenu-dropdown a:hover{color:#0eaaec;background:#f9f9f9}.cms_dragholder-selected{border:1px solid #0a84e4;background:#0a84e4 !important;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0eaaec), color-stop(100%, #0a84e4)) !important;background-image:-webkit-linear-gradient(#0eaaec,#0a84e4) !important;background-image:-moz-linear-gradient(#0eaaec,#0a84e4) !important;background-image:-o-linear-gradient(#0eaaec,#0a84e4) !important;background-image:linear-gradient(#0eaaec,#0a84e4) !important}.cms_dragholder-selected .cms_dragitem,.cms_dragholder-selected .cms_dragitem strong{color:#fff !important}.cms_dragholder-empty{border:1px dotted #c9c9c9;background:transparent}.cms_dragholder-draggable{cursor:move;z-index:100}.cms_dragholder-allowed,.cms_dragholder-hover-allowed,.cms_dragholder-placeholder{color:#363 !important;border:1px solid #cea !important}.cms_dragholder-disallowed,.cms_dragholder-hover-disallowed{color:#c00 !important;border:1px solid #faa !important}.cms_dragholder-hover-allowed,.cms_dragholder-placeholder{background:#efc !important}.cms_dragholder-hover-disallowed{background:#fdd !important}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.cms_dragholder .cms_dragmenu{background-image:url("/static/cms/img/toolbar/sprite_toolbar@2x.png");background-size:190px}}
+ */.cms_placeholder{display:inline;position:relative}.cms_placeholder-bar{font-size:13px;line-height:20px;position:relative;left:0;top:0;z-index:9999;height:27px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.cms_placeholder-bar .cms_placeholder-title{float:left;font-size:12px;line-height:20px;text-transform:uppercase;font-weight:bold;padding:4px 0 3px 10px}.cms_placeholder-bar .cms_placeholder-btn{float:right;margin:1px 2px 1px 1px}.cms_placeholder-bar .cms_placeholder-btn>a{float:right;font-size:11px;font-weight:bold;padding:1px 8px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.cms_placeholder-bar .cms_placeholder-btn>a span{float:left;text-indent:-119988px;overflow:hidden;text-align:left;width:8px}.cms_placeholder-bar .cms_placeholder-btn:hover>ul{display:block}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav{display:none;zoom:1;position:absolute;right:2px;top:23px;z-index:10;min-width:150px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav li{zoom:1}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav li a,.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav-title span{zoom:1;display:block;padding:3px 5px 2px 8px}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav-title{font-weight:bold}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav li:first-child span{border-top:none}.cms_dragholder{position:relative;left:0;top:0;z-index:99;color:#888;padding:3px 6px 2px 9px;margin:3px 0;border:1px solid #dadada;background:#f5f5f5;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.cms_dragholder .cms_dragholder{position:relative;z-index:99}.cms_dragholder .cms_dragmenu{float:right;width:20px;height:20px;cursor:pointer}.cms_dragholder .cms_dragmenu-dropdown{display:none;zoom:1;position:absolute;right:-1px;top:26px;z-index:999;min-width:75px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.cms_dragholder .cms_dragmenu-dropdown a{display:block;font-size:12px;line-height:11px;text-align:right}.cms_dragholder .cms_dragmenu-dropdown a:first-child{border-top:none}.cms_dragholder-draggable{cursor:move;z-index:100}.cms_light.cms_placeholder-bar{border-top:1px solid #dadada;background:#f5f5f5;-webkit-box-shadow:#ebebeb 0px 1px 0px inset;-moz-box-shadow:#ebebeb 0px 1px 0px inset;box-shadow:#ebebeb 0px 1px 0px inset}.cms_light .cms_placeholder-title{color:#444;text-shadow:0px 1px 0px #fff}.cms_light .cms_placeholder-btn>a{color:#444;border:1px solid #ddd;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));background-image:-webkit-linear-gradient(#ffffff,#eeeeee);background-image:-moz-linear-gradient(#ffffff,#eeeeee);background-image:-o-linear-gradient(#ffffff,#eeeeee);background-image:linear-gradient(#ffffff,#eeeeee)}.cms_light .cms_placeholder-btn>a span{background:url("/static/cms/img/toolbar/sprite_toolbar.png") no-repeat -6px -162px}.cms_light .cms_placeholder-btn>a:hover,.cms_light .cms_placeholder-btn>a:active,.cms_light .cms_placeholder-btn>a:focus,.cms_light .cms_placeholder-btn>a.active{color:#fff;border:1px solid #0a84e4;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0eaaec), color-stop(100%, #0a84e4));background-image:-webkit-linear-gradient(#0eaaec,#0a84e4);background-image:-moz-linear-gradient(#0eaaec,#0a84e4);background-image:-o-linear-gradient(#0eaaec,#0a84e4);background-image:linear-gradient(#0eaaec,#0a84e4)}.cms_light .cms_placeholder-btn>a:hover span,.cms_light .cms_placeholder-btn>a:active span,.cms_light .cms_placeholder-btn>a:focus span,.cms_light .cms_placeholder-btn>a.active span{background-position:-46px -162px}.cms_light .cms_placeholder-subnav{border:1px solid #dfdfdf;background:#fff;-webkit-box-shadow:0 2px 2px #e1e1e1;-moz-box-shadow:0 2px 2px #e1e1e1;box-shadow:0 2px 2px #e1e1e1}.cms_light .cms_placeholder-subnav li a,.cms_light .cms_placeholder-subnav-title span{border-top:1px dotted #e1e1e1}.cms_light .cms_placeholder-subnav-title{color:#0eaaec}.cms_light .cms_placeholder-subnav li a:hover{color:#0eaaec;background:#f9f9f9}.cms_light.cms_dragholder{color:#888;border:1px solid #dadada;background:#f5f5f5}.cms_light strong{color:#000}.cms_light .cms_dragholder{background:#fbfbfb}.cms_light .cms_dragholder .cms_dragholder{background:#fff}.cms_light .cms_dragmenu{background:url("/static/cms/img/toolbar/sprite_toolbar.png") no-repeat 3px -181px}.cms_light .cms_dragmenu:hover{background-position:-17px -181px}.cms_light .cms_dragmenu-dropdown{border:1px solid #dfdfdf;background:#fff;-webkit-box-shadow:0 2px 2px #e1e1e1;-moz-box-shadow:0 2px 2px #e1e1e1;box-shadow:0 2px 2px #e1e1e1}.cms_light .cms_dragmenu-dropdown a{border-top:1px solid #e1e1e1}.cms_light .cms_dragmenu-dropdown a:hover{color:#0eaaec;background:#f9f9f9}.cms_light.cms_dragholder-selected{border:1px solid #0a84e4 !important;background:#0a84e4 !important;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0eaaec), color-stop(100%, #0a84e4)) !important;background-image:-webkit-linear-gradient(#0eaaec,#0a84e4) !important;background-image:-moz-linear-gradient(#0eaaec,#0a84e4) !important;background-image:-o-linear-gradient(#0eaaec,#0a84e4) !important;background-image:linear-gradient(#0eaaec,#0a84e4) !important}.cms_light.cms_dragholder-selected .cms_dragitem,.cms_light.cms_dragholder-selected .cms_dragitem strong{color:#fff !important}.cms_light.cms_dragholder-empty{border:1px dotted #c9c9c9 !important;background:transparent !important}.cms_light.cms_dragholder-allowed,.cms_light.cms_dragholder-hover-allowed,.cms_light.cms_dragholder-placeholder{color:#363 !important;border:1px solid #cea !important}.cms_light.cms_dragholder-disallowed,.cms_light.cms_dragholder-hover-disallowed{color:#c00 !important;border:1px solid #faa !important}.cms_light.cms_dragholder-hover-allowed,.cms_light.cms_dragholder-placeholder{background:#efc !important}.cms_light.cms_dragholder-hover-disallowed{background:#fdd !important}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){.cms_dragholder .cms_dragmenu{background-image:url("/static/cms/img/toolbar/sprite_toolbar@2x.png");background-size:190px}}
View
2  cms/static/cms/js/plugins/cms.placeholders.js
@@ -191,7 +191,7 @@ CMS.$(document).ready(function () {
// creates a cline thats over everything else
'helper': 'clone',
'appendTo': 'body',
- 'placeholder': 'cms_reset cms_dragholder cms_dragholder-empty cms_dragholder-droppable ui-droppable',
+ 'placeholder': 'cms_reset cms_light cms_dragholder cms_dragholder-empty cms_dragholder-droppable ui-droppable',
'zIndex': 999999,
'stop': function (event, ui) {
View
133 cms/static/cms/sass/plugins/cms.placeholders.scss
@@ -15,67 +15,28 @@
// #PLACEHOLDER-BAR#
.cms_placeholder-bar {
font-size:13px; line-height:20px; position:relative; left:0; top:0; z-index:9999;
- height:27px; border-top:1px solid #dadada; background:#f5f5f5;
- @include border-radius(3px);
- @include box-shadow(#ebebeb 0px 1px 0px inset);
+ height:27px; @include border-radius(3px);
}
.cms_placeholder-bar {
- .cms_placeholder-title { float:left; font-size:12px; line-height:20px; color:#444; text-transform:uppercase;
- font-weight:bold; padding:4px 0 3px 10px;
- @include text-shadow(0px 1px 0px #fff); }
+ .cms_placeholder-title { float:left; font-size:12px; line-height:20px; text-transform:uppercase;
+ font-weight:bold; padding:4px 0 3px 10px; }
.cms_placeholder-btn { float:right; margin:1px 2px 1px 1px; }
.cms_placeholder-btn {
- > a {
- float:right; color:#444; font-size:11px; font-weight:bold;
- padding:1px 8px; border:1px solid #ddd;
- @include border-radius(3px);
- @include background-image(linear-gradient(#fff, #eee));
- }
- > a span { float:left; @include hide-text(); width:8px;
- background:url('/static/cms/img/toolbar/sprite_toolbar.png') no-repeat -6px -162px; }
- > a:hover, > a:active, > a:focus, > a.active {
- color:#fff; border:1px solid #0a84e4;
- @include background-image(linear-gradient(#0eaaec, #0a84e4));
- }
- > a:hover span, > a:active span, > a:focus span, > a.active span {
- background-position:-46px -162px;
- }
+ > a { float:right; font-size:11px; font-weight:bold; padding:1px 8px;
+ @include border-radius(3px); }
+ > a span { float:left; @include hide-text(); width:8px; }
&:hover > ul { display:block; }
// #PLACEHOLDER-BAR/subnav#
.cms_placeholder-subnav { display:none; zoom:1; position:absolute; right:2px; top:23px; z-index:10; min-width:150px;
- border:1px solid #dfdfdf; background:#fff;
- @include border-radius(0 0 3px 3px);
- @include box-shadow(0 2px 2px #e1e1e1);
- }
+ @include border-radius(0 0 3px 3px); }
.cms_placeholder-subnav li { zoom:1; }
.cms_placeholder-subnav li a,
- .cms_placeholder-subnav-title span { zoom:1; display:block; padding:3px 5px 2px 8px; border-top:1px dotted #e1e1e1; }
- .cms_placeholder-subnav-title { color:#0eaaec; font-weight:bold; }
+ .cms_placeholder-subnav-title span { zoom:1; display:block; padding:3px 5px 2px 8px; }
+ .cms_placeholder-subnav-title { font-weight:bold; }
.cms_placeholder-subnav li:first-child span { border-top:none; }
- .cms_placeholder-subnav li a:hover { color:#0eaaec; background:#f9f9f9; }
-
}
-
- /*.cms_placeholder-btn { margin: 1px 2px 0 0;}
- .cms_placeholder-btn {
- > a {
- @include background-image(linear-gradient(#fff, #eee));
- @include border-radius(3px);
- color:#444;
- float:right;
- font-size: 8px;
- padding: 0 8px;
- border:1px solid #ddd;
- }
- > a:hover, .cms_placeholder-btn > a:active, .cms_placeholder-btn > a:focus {
- @include background-image(linear-gradient(#0eaaec, #0a84e4));
- color:#fff;
- }
-
-
- }*/
}
//##################################################
@@ -85,36 +46,18 @@
border:1px solid #dadada; background:#f5f5f5;
@include border-radius(3px); }
.cms_dragholder {
- strong { color:#000; }
// levels
- .cms_dragholder { background:#fbfbfb; position:relative; z-index:99; }
- .cms_dragholder .cms_dragholder { background:#fff; }
+ .cms_dragholder { position:relative; z-index:99; }
// dragmenu
- .cms_dragmenu { float:right; width:20px; height:20px; cursor:pointer;
- background:url('/static/cms/img/toolbar/sprite_toolbar.png') no-repeat 3px -181px; }
- .cms_dragmenu:hover { background-position:-17px -181px; }
+ .cms_dragmenu { float:right; width:20px; height:20px; cursor:pointer; }
.cms_dragmenu-dropdown { display:none; zoom:1; position:absolute; right:-1px; top:26px; z-index:999; min-width:75px;
- border:1px solid #dfdfdf; background:#fff;
- @include border-radius(0 0 3px 3px);
- @include box-shadow(0 2px 2px #e1e1e1); }
- .cms_dragmenu-dropdown a { display:block; font-size:12px; line-height:11px; text-align:right;
- padding:6px 8px 5px 5px; border-top:1px solid #e1e1e1; }
+ @include border-radius(0 0 3px 3px); }
+ .cms_dragmenu-dropdown a { display:block; font-size:12px; line-height:11px; text-align:right; }
.cms_dragmenu-dropdown a:first-child { border-top:none; }
- .cms_dragmenu-dropdown a:hover { color:#0eaaec; background:#f9f9f9; }
}
-.cms_dragholder-selected { border:1px solid #0a84e4; background:#0a84e4 !important;
- @include background-image(linear-gradient(#0eaaec, #0a84e4) !important); }
-.cms_dragholder-selected .cms_dragitem,
-.cms_dragholder-selected .cms_dragitem strong { color:#fff !important; }
-
-.cms_dragholder-empty { border:1px dotted #c9c9c9; background:transparent; }
.cms_dragholder-draggable { cursor:move; z-index:100; }
-.cms_dragholder-allowed, .cms_dragholder-hover-allowed, .cms_dragholder-placeholder { color:#363 !important; border:1px solid #cea !important; }
-.cms_dragholder-disallowed, .cms_dragholder-hover-disallowed { color:#c00 !important; border:1px solid #faa !important; }
-.cms_dragholder-hover-allowed, .cms_dragholder-placeholder { background:#efc !important; }
-.cms_dragholder-hover-disallowed { background:#fdd !important; }
/*
.cms_dragitem-collapsable { cursor:pointer; padding-left:15px;
background:url('/static/img/toolbar/arrow-down-active.png') no-repeat 3px 4px; }
@@ -123,11 +66,59 @@
//##################################################
// #LIGHT THEME#
+.cms_light.cms_placeholder-bar { border-top:1px solid #dadada; background:#f5f5f5; @include box-shadow(#ebebeb 0px 1px 0px inset); }
.cms_light {
+ .cms_placeholder-title { color:#444; @include text-shadow(0px 1px 0px #fff); }
+ .cms_placeholder-btn {
+ > a { color:#444; border:1px solid #ddd; @include background-image(linear-gradient(#fff, #eee)); }
+ > a span { background:url('/static/cms/img/toolbar/sprite_toolbar.png') no-repeat -6px -162px; }
+ > a:hover, > a:active, > a:focus, > a.active {
+ color:#fff; border:1px solid #0a84e4;
+ @include background-image(linear-gradient(#0eaaec, #0a84e4));
+ }
+ > a:hover span, > a:active span, > a:focus span, > a.active span {
+ background-position:-46px -162px;
+ }
+ }
+
+ // #PLACEHOLDER-BAR/subnav#
+ .cms_placeholder-subnav { border:1px solid #dfdfdf; background:#fff; @include box-shadow(0 2px 2px #e1e1e1); }
+ .cms_placeholder-subnav li a,
+ .cms_placeholder-subnav-title span { border-top:1px dotted #e1e1e1; }
+ .cms_placeholder-subnav-title { color:#0eaaec; }
+ .cms_placeholder-subnav li a:hover { color:#0eaaec; background:#f9f9f9; }
- // end of light theme
+// end of light theme
}
+.cms_light.cms_dragholder { color:#888; border:1px solid #dadada; background:#f5f5f5; }
+.cms_light {
+ strong { color:#000; }
+ // levels
+ .cms_dragholder { background:#fbfbfb; }
+ .cms_dragholder .cms_dragholder { background:#fff; }
+ // dragmenu
+ .cms_dragmenu { background:url('/static/cms/img/toolbar/sprite_toolbar.png') no-repeat 3px -181px; }
+ .cms_dragmenu:hover { background-position:-17px -181px; }
+ .cms_dragmenu-dropdown { border:1px solid #dfdfdf; background:#fff; @include box-shadow(0 2px 2px #e1e1e1); }
+ .cms_dragmenu-dropdown a { border-top:1px solid #e1e1e1; }
+ .cms_dragmenu-dropdown a:hover { color:#0eaaec; background:#f9f9f9; }
+
+// end of light theme
+}
+.cms_light.cms_dragholder-selected { border:1px solid #0a84e4 !important; background:#0a84e4 !important;
+ @include background-image(linear-gradient(#0eaaec, #0a84e4) !important); }
+.cms_light.cms_dragholder-selected .cms_dragitem,
+.cms_light.cms_dragholder-selected .cms_dragitem strong { color:#fff !important; }
+
+.cms_light.cms_dragholder-empty { border:1px dotted #c9c9c9 !important; background:transparent !important; }
+
+.cms_light.cms_dragholder-allowed, .cms_light.cms_dragholder-hover-allowed, .cms_light.cms_dragholder-placeholder { color:#363 !important; border:1px solid #cea !important; }
+.cms_light.cms_dragholder-disallowed, .cms_light.cms_dragholder-hover-disallowed { color:#c00 !important; border:1px solid #faa !important; }
+.cms_light.cms_dragholder-hover-allowed, .cms_light.cms_dragholder-placeholder { background:#efc !important; }
+.cms_light.cms_dragholder-hover-disallowed { background:#fdd !important; }
+
+
//##################################################
// #DARK THEME#
.cms_dark {
View
4 cms/templates/cms/toolbar/placeholder.html
@@ -20,7 +20,7 @@
});
</script>
{% endaddtoblock %}
-<div id="cms_placeholder-bar-{{ placeholder.pk }}" class="cms_reset cms_placeholder-bar">
+<div id="cms_placeholder-bar-{{ placeholder.pk }}" class="cms_reset cms_light cms_placeholder-bar">
<div class="cms_placeholder-title">{{ placeholder_label }}</div>
<div class="cms_placeholder-btn">
<a href="#"><span>{% trans "Add Plugin" %}</span></a>
@@ -35,4 +35,4 @@
</ul>
</div>
</div>
-<div class="cms_reset cms_dragholder cms_dragholder-empty cms_dragholder-droppable"><div class="cms_dragitem">Drop a plugin here</div></div>
+<div class="cms_reset cms_light cms_dragholder cms_dragholder-empty cms_dragholder-droppable"><div class="cms_dragitem">Drop a plugin here</div></div>
View
4 cms/templates/cms/toolbar/placeholder_wrapper.html
@@ -18,8 +18,8 @@
});
</script>
{% endaddtoblock %}
-<div id="cms_placeholder-{{ instance.pk }}" class="cms_placeholder">{{ rendered_content }}</div>
-<div id="cms_dragholder-{{ instance.pk }}" class="cms_reset cms_dragholder cms_dragholder-draggable">
+<div id="cms_placeholder-{{ instance.pk }}" class="cms_placeholder cms_light">{{ rendered_content }}</div>
+<div id="cms_dragholder-{{ instance.pk }}" class="cms_reset cms_light cms_dragholder cms_dragholder-draggable">
<div class="cms_dragmenu"></div>
<div class="cms_dragmenu-dropdown">
<a rel="dialogue" data-text="Are you sure you want to copy this plugin?" href="#">Copy</a>
View
2  setup.cfg
@@ -0,0 +1,2 @@
+[easy_install]
+
Please sign in to comment.
Something went wrong with that request. Please try again.