Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

some style changes to submenus

  • Loading branch information...
commit 00a2822bb2af437df18ac7c87cb32e09199a2a52 1 parent a0012cf
@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{padding:5px 5px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.cms_plugin{display:inline;position:relative}.cms_placeholder-bar{font-size:13px;line-height:20px;position:relative;left:0;top:0;z-index:9999;-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{font-size:12px;line-height:16px;text-transform:uppercase;font-weight:500;padding:0 0 0 2px;height:18px}.cms_placeholder-bar .cms_placeholder-btn{float:right;margin:0}.cms_placeholder-bar .cms_placeholder-btn>a{float:right;font-weight:bold}.cms_placeholder-bar .cms_placeholder-btn>a span{float:left;text-indent:-119988px;overflow:hidden;text-align:left;width:20px;height:20px}.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:0;top:20px;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 .cms_placeholder-subnav-title span{zoom:1;display:block;padding:3px 5px 2px 8px}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav .cms_placeholder-subnav-title{font-weight:bold}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav li:first-child span{border-top:none}.cms_draggables{list-style-type:none;padding:0;margin:0;min-height:25px}.cms_draggable,.cms_droppable{position:relative;left:0;top:0;z-index:99;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:4px 5px 3px 5px !important;margin:2px 0 !important}.cms_draggable .cms_draggable,.cms_droppable .cms_draggable{position:relative;z-index:99;white-space:nowrap}.cms_draggable .cms_dragmenu,.cms_droppable .cms_dragmenu{display:none;float:right;width:20px;height:20px;cursor:pointer}.cms_draggable .cms_dragmenu-dropdown,.cms_droppable .cms_dragmenu-dropdown{display:none;zoom:1;position:absolute;right:-1px;top:26px;z-index:999;min-width:140px;max-height:230px;overflow:auto;-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_draggable .cms_dragmenu-dropdown a,.cms_draggable .cms_dragmenu-dropdown span,.cms_droppable .cms_dragmenu-dropdown a,.cms_droppable .cms_dragmenu-dropdown span{display:block;font-size:12px;line-height:11px;text-align:right;padding:6px 8px 5px 5px}.cms_draggable .cms_dragmenu-dropdown a:first-child,.cms_droppable .cms_dragmenu-dropdown a:first-child{border-top:none}.cms_draggable .cms_dragmenu-dropdown span,.cms_droppable .cms_dragmenu-dropdown span{font-weight:bold}.cms_draggable .cms_dragmenu-dropdown *:last-child,.cms_droppable .cms_dragmenu-dropdown *:last-child{border:none !important}.cms_draggable{cursor:move;z-index:100}.cms_droppable{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.cms_droppable-empty{margin-bottom:5px !important}.cms_dragitem-collapsable{cursor:pointer;padding-left:15px !important}.cms_dragitem-success{position:absolute;left:-1px;top:-1px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:100%;height:100% !important;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}.cms_placeholder-generic{display:inline;position:relative}.cms_light.cms_placeholder{background:#454545}.cms_light .cms_placeholder-bar{background:#454545}.cms_light .cms_placeholder-title{color:#fff;text-shadow:0px 1px 0px #000}.cms_light .cms_placeholder-btn>a span{background:url("/static/cms/img/toolbar/sprite_toolbar.png") no-repeat -1px -164px}.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:-27px -164px}.cms_light .cms_placeholder-subnav{border:1px solid #e6e6e6;background:#fff;-webkit-box-shadow:0 2px 2px #e6e6e6;-moz-box-shadow:0 2px 2px #e6e6e6;box-shadow:0 2px 2px #e6e6e6}.cms_light .cms_placeholder-subnav li a,.cms_light .cms_placeholder-subnav .cms_placeholder-subnav-title span{border-top:1px dotted #e6e6e6}.cms_light .cms_placeholder-subnav .cms_placeholder-subnav-title{color:#0eaaec}.cms_light .cms_placeholder-subnav li a:hover{color:#0eaaec;background:#fafafa}.cms_light .cms_draggable{color:#000;border:1px solid #fafafa;background:#fafafa}.cms_light .cms_draggable .cms_draggable{border-color:#e6e6e6;background:#fff}.cms_light .cms_draggable .cms_dragmenu{background:url("/static/cms/img/toolbar/sprite_toolbar.png") no-repeat 3px -181px}.cms_light .cms_draggable .cms_dragmenu:hover{background-position:-17px -181px}.cms_light .cms_draggable .cms_dragmenu-dropdown{border:1px solid #e6e6e6;background:#fff;-webkit-box-shadow:0 2px 2px #e6e6e6;-moz-box-shadow:0 2px 2px #e6e6e6;box-shadow:0 2px 2px #e6e6e6}.cms_light .cms_draggable .cms_dragmenu-dropdown a{border-bottom:1px dotted #e6e6e6}.cms_light .cms_draggable .cms_dragmenu-dropdown a:hover{color:#0eaaec;background:#fafafa}.cms_light .cms_draggable .cms_dragmenu-dropdown span{color:#0eaaec;border-bottom:1px dotted #e6e6e6}.cms_light .cms_droppable{color:#bfbfbf;border:1px dashed #bfbfbf}.cms_light .cms_draggable-selected .cms_dragitem,.cms_light .cms_draggable-selected .cms_dragitem strong{color:#fff}.cms_light .cms_dragitem-collapsable{background:url("/static/cms/img/toolbar/arrow-down-active.png") no-repeat 3px 7px !important}.cms_light .cms_dragitem-collapsed{background:url("/static/cms/img/toolbar/arrow-down-collapsed.png") no-repeat 3px 6px !important}.cms_light .cms_draggable:hover{-webkit-box-shadow:inset 0px 0px 3px #e6e6e6;-moz-box-shadow:inset 0px 0px 3px #e6e6e6;box-shadow:inset 0px 0px 3px #e6e6e6;border-color:#e6e6e6}.cms_light .cms_draggable-selected{border:1px solid #0e72ec !important;background:#0e72ec;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0eaaec), color-stop(100%, #0e72ec));background-image:-webkit-linear-gradient(top, #0eaaec,#0e72ec);background-image:-moz-linear-gradient(top, #0eaaec,#0e72ec);background-image:-o-linear-gradient(top, #0eaaec,#0e72ec);background-image:linear-gradient(top, #0eaaec,#0e72ec)}.cms_light .cms_draggable-allowed,.cms_light .cms_draggable-hover-allowed,.cms_light .cms_draggable-placeholder{color:#cce6b3;border-color:#cce6b3}.cms_light .cms_draggable-hover-allowed,.cms_light .cms_draggable-placeholder{color:#fff;background:rgba(102,153,51,0.2)}.cms_light .cms_dragitem-success{border:1px solid #cce6b3;background:#cce6b3}.cms_light .cms_draggable-disallowed,.cms_light .cms_draggable-hover-disallowed{color:red;border:1px dashed red;background:rgba(255,0,0,0.1)}@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_draggable .cms_dragmenu,.cms_placeholder-bar .cms_placeholder-btn>a span{background-image:url("/static/cms/img/toolbar/sprite_toolbar@2x.png");background-size:190px}}
+ */.cms_placeholder{padding:5px 5px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.cms_plugin{display:inline;position:relative}.cms_placeholder-bar{font-size:13px;line-height:20px;position:relative;left:0;top:0;z-index:9999;-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{font-size:12px;line-height:16px;text-transform:uppercase;font-weight:500;padding:0 0 0 2px;height:18px}.cms_placeholder-bar .cms_placeholder-btn{float:right;margin:0}.cms_placeholder-bar .cms_placeholder-btn>a{float:right;font-weight:bold}.cms_placeholder-bar .cms_placeholder-btn>a span{float:left;text-indent:-119988px;overflow:hidden;text-align:left;width:20px;height:20px}.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:0;top:20px;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 .cms_placeholder-subnav-title span{zoom:1;display:block;padding:3px 5px 2px 8px}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav .cms_placeholder-subnav-title{font-weight:bold}.cms_placeholder-bar .cms_placeholder-btn .cms_placeholder-subnav li:first-child span{border-top:none}.cms_draggables{list-style-type:none;padding:0;margin:0}.cms_draggables .cms_draggables{min-height:25px}.cms_draggable,.cms_droppable{position:relative;left:0;top:0;z-index:99;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:4px 5px 3px 5px !important;margin:2px 0 !important}.cms_draggable .cms_draggable,.cms_droppable .cms_draggable{position:relative;z-index:99;white-space:nowrap}.cms_draggable .cms_dragmenu,.cms_droppable .cms_dragmenu{display:none;float:right;width:20px;height:20px;cursor:pointer}.cms_draggable .cms_dragmenu-dropdown,.cms_droppable .cms_dragmenu-dropdown{display:none;zoom:1;position:absolute;right:-1px;top:26px;z-index:999;min-width:140px;max-height:230px;overflow:auto;-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_draggable .cms_dragmenu-dropdown a,.cms_draggable .cms_dragmenu-dropdown span,.cms_droppable .cms_dragmenu-dropdown a,.cms_droppable .cms_dragmenu-dropdown span{display:block;font-size:12px;line-height:11px;text-align:right;padding:6px 8px 5px 5px}.cms_draggable .cms_dragmenu-dropdown a:first-child,.cms_droppable .cms_dragmenu-dropdown a:first-child{border-top:none}.cms_draggable .cms_dragmenu-dropdown span,.cms_droppable .cms_dragmenu-dropdown span{font-weight:bold}.cms_draggable .cms_dragmenu-dropdown *:last-child,.cms_droppable .cms_dragmenu-dropdown *:last-child{border:none !important}.cms_draggable:hover .cms_dragmenu,.cms_droppable:hover .cms_dragmenu{display:block}.cms_draggable{cursor:move;z-index:100}.cms_droppable{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.cms_droppable-empty{margin-bottom:5px !important}.cms_dragitem-collapsable{cursor:pointer;padding-left:15px !important}.cms_dragitem-success{position:absolute;left:-1px;top:-1px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:100%;height:100% !important;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity:0.6}.cms_placeholder-generic{display:inline;position:relative}.cms_light.cms_placeholder{background:#454545}.cms_light .cms_placeholder-bar{background:#454545}.cms_light .cms_placeholder-title{color:#fff;text-shadow:0px 1px 0px #000}.cms_light .cms_placeholder-btn>a span{background:url("/static/cms/img/toolbar/sprite_toolbar.png") no-repeat -1px -164px}.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:-27px -164px}.cms_light .cms_placeholder-subnav{border:1px solid #e6e6e6;background:#fff;-webkit-box-shadow:0 2px 2px #e6e6e6;-moz-box-shadow:0 2px 2px #e6e6e6;box-shadow:0 2px 2px #e6e6e6}.cms_light .cms_placeholder-subnav li a,.cms_light .cms_placeholder-subnav .cms_placeholder-subnav-title span{border-top:1px dotted #e6e6e6}.cms_light .cms_placeholder-subnav .cms_placeholder-subnav-title{color:#0eaaec}.cms_light .cms_placeholder-subnav li a:hover{color:#0eaaec;background:#fafafa}.cms_light .cms_draggable{color:#000;border:1px solid #fafafa;background:#fafafa}.cms_light .cms_draggable .cms_draggable{border-color:#e6e6e6;background:#fff}.cms_light .cms_draggable .cms_dragmenu{background:url("/static/cms/img/toolbar/sprite_toolbar.png") no-repeat 3px -181px}.cms_light .cms_draggable .cms_dragmenu:hover{background-position:-17px -181px}.cms_light .cms_draggable .cms_dragmenu-dropdown{border:1px solid #e6e6e6;background:#fff;-webkit-box-shadow:0 2px 2px #e6e6e6;-moz-box-shadow:0 2px 2px #e6e6e6;box-shadow:0 2px 2px #e6e6e6}.cms_light .cms_draggable .cms_dragmenu-dropdown a{color:#000}.cms_light .cms_draggable .cms_dragmenu-dropdown a:hover{color:#fff;background:#0e72ec;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0eaaec), color-stop(100%, #0e72ec));background-image:-webkit-linear-gradient(top, #0eaaec,#0e72ec);background-image:-moz-linear-gradient(top, #0eaaec,#0e72ec);background-image:-o-linear-gradient(top, #0eaaec,#0e72ec);background-image:linear-gradient(top, #0eaaec,#0e72ec)}.cms_light .cms_draggable .cms_dragmenu-dropdown span{color:#000;border-bottom:1px solid #e6e6e6}.cms_light .cms_droppable{color:#bfbfbf;border:1px dashed #bfbfbf}.cms_light .cms_draggable-selected .cms_dragitem,.cms_light .cms_draggable-selected .cms_dragitem strong{color:#fff}.cms_light .cms_dragitem-collapsable{background:url("/static/cms/img/toolbar/arrow-down-active.png") no-repeat 3px 7px !important}.cms_light .cms_dragitem-collapsed{background:url("/static/cms/img/toolbar/arrow-down-collapsed.png") no-repeat 3px 6px !important}.cms_light .cms_draggable:hover{-webkit-box-shadow:inset 0px 0px 3px #e6e6e6;-moz-box-shadow:inset 0px 0px 3px #e6e6e6;box-shadow:inset 0px 0px 3px #e6e6e6;border-color:#e6e6e6}.cms_light .cms_draggable-selected{border:1px solid #0e72ec !important;background:#0e72ec !important;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0eaaec), color-stop(100%, #0e72ec)) !important;background-image:-webkit-linear-gradient(top, #0eaaec,#0e72ec) !important;background-image:-moz-linear-gradient(top, #0eaaec,#0e72ec) !important;background-image:-o-linear-gradient(top, #0eaaec,#0e72ec) !important;background-image:linear-gradient(top, #0eaaec,#0e72ec) !important}.cms_light .cms_draggable-allowed,.cms_light .cms_draggable-hover-allowed,.cms_light .cms_draggable-placeholder{color:#cce6b3;border-color:#cce6b3}.cms_light .cms_draggable-hover-allowed,.cms_light .cms_draggable-placeholder{color:#fff;background:rgba(102,153,51,0.2)}.cms_light .cms_dragitem-success{border:1px solid #cce6b3;background:#cce6b3}.cms_light .cms_draggable-disallowed,.cms_light .cms_draggable-hover-disallowed{color:red;border:1px dashed red;background:rgba(255,0,0,0.1)}@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_draggable .cms_dragmenu,.cms_placeholder-bar .cms_placeholder-btn>a span{background-image:url("/static/cms/img/toolbar/sprite_toolbar@2x.png");background-size:190px}}
View
BIN  cms/static/cms/img/toolbar/sprite_toolbar.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  cms/static/cms/img/toolbar/sprite_toolbar.psd
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  cms/static/cms/img/toolbar/sprite_toolbar@2x.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
16 cms/static/cms/sass/plugins/cms.placeholders.scss
@@ -42,7 +42,8 @@
//######################################################################################################################
// #DRAGGABLES#
-.cms_draggables { list-style-type:none; padding:0; margin:0; min-height:25px; }
+.cms_draggables { list-style-type:none; padding:0; margin:0; }
+.cms_draggables .cms_draggables { min-height:25px; }
.cms_draggable, .cms_droppable {
position:relative; left:0; top:0; z-index:99; @include border-radius(3px);
@@ -62,7 +63,10 @@
span { font-weight:bold; }
*:last-child { border:none !important; }
}
+
+ &:hover .cms_dragmenu { display:block; }
}
+
.cms_draggable { cursor:move; z-index:100; }
.cms_droppable { @include border-radius(3px); }
.cms_droppable-empty { margin-bottom:5px !important; }
@@ -107,11 +111,13 @@
.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 $color-grey-10; background:$color-white;
@include box-shadow(0 2px 2px $color-grey-10); }
- .cms_dragmenu-dropdown a { border-bottom:1px dotted $color-grey-10; }
- .cms_dragmenu-dropdown a:hover { color:$color-blue; background:$color-grey-5; }
- .cms_dragmenu-dropdown span { color:$color-blue; border-bottom:1px dotted $color-grey-10; }
+ .cms_dragmenu-dropdown a { color:$color-black; }
+ .cms_dragmenu-dropdown a:hover { color:$color-white; background:adjust-hue($color-blue, 15deg);
+ @include background-image($gradient-blue); }
+ .cms_dragmenu-dropdown span { color:$color-black; border-bottom:1px solid $color-grey-10; }
}
.cms_droppable { color:darken($color-grey-10, 15%); border:1px dashed darken($color-grey-10, 15%); }
@@ -125,7 +131,7 @@
.cms_draggable:hover { @include box-shadow(inset 0px 0px 3px $color-grey-10); border-color:$color-grey-10; }
.cms_draggable-selected { border:1px solid adjust-hue($color-blue, 15deg) !important;
- background:adjust-hue($color-blue, 15deg); @include background-image($gradient-blue); }
+ background:adjust-hue($color-blue, 15deg) !important; @include background-image($gradient-blue !important); }
.cms_draggable-allowed, .cms_draggable-hover-allowed, .cms_draggable-placeholder {
color:lighten($color-green, 40%); border-color:lighten($color-green, 40%); }
Please sign in to comment.
Something went wrong with that request. Please try again.