new static files.
Signed-off-by: rscnt <rascnt@gmail.com>
This commit is contained in:
parent
83e792bcaa
commit
fe4f6c97d5
778 changed files with 71557 additions and 0 deletions
48
static/cms/sass/includes/_clipboard.scss
Normal file
48
static/cms/sass/includes/_clipboard.scss
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
@charset "utf-8";
|
||||
/*!
|
||||
* @copyright: https://github.com/divio/django-cms
|
||||
*/
|
||||
|
||||
#cms_toolbar {
|
||||
//##################################################################################################################
|
||||
// #CLIPBOARD#
|
||||
.cms_clipboard { position:fixed; left:0; top:130px; z-index:99999; display:none;
|
||||
background:rgba(255,255,255,0.6); padding:3px 3px 3px 0; @include border-radius(0 3px 3px 0);
|
||||
|
||||
p { padding:0; margin:0; }
|
||||
|
||||
.cms_clipboard-numbers { margin:0 0 2px; }
|
||||
.cms_clipboard-numbers a { display:block; width:20px; height:30px; @include hide-text(); @include border-radius(0 3px 3px 0);
|
||||
border:5px solid $color-grey-70; border-left:none; border-right:none; overflow:hidden;
|
||||
background:$color-grey-70 url('../img/toolbar/sprite_toolbar.png') no-repeat left -130px;
|
||||
@include box-sizing(border-box);
|
||||
&:hover, &:active, &:focus { background-color:$color-grey-90; background-position:-20px -130px; }
|
||||
}
|
||||
.cms_clipboard-numbers .cms_clipboard-numbers { display:none !important; }
|
||||
|
||||
.cms_clipboard-empty a { display:block; width:20px; height:20px; @include hide-text(); @include border-radius(0 3px 3px 0);
|
||||
background:$color-grey-70 url('../img/toolbar/sprite_toolbar.png') no-repeat left -110px; cursor:pointer;
|
||||
&:hover, &:active, &:focus { background-color:$color-grey-90; background-position:-20px -110px; }
|
||||
}
|
||||
|
||||
// placeholders
|
||||
.cms_clipboard-triggers { position:relative; z-index:999; }
|
||||
.cms_clipboard-triggers .cms_clipboard-numbers:nth-child(n+6) { display:none; }
|
||||
|
||||
.cms_clipboard-containers { position:absolute; top:0; left:-1px; z-index:99; width:0; }
|
||||
.cms_clipboard-containers .cms_draggable { margin-left:-220px; width:190px; }
|
||||
|
||||
// custom style for draggable item
|
||||
.cms_dragarea { padding-top:3px; }
|
||||
.cms_draggable { position:relative; left:0; top:0; z-index:99; cursor:move;
|
||||
@include border-radius(3px); padding:4px 5px 3px 5px; margin:0 0 2px;
|
||||
background:$color-grey-5; border:1px solid $color-grey-70; }
|
||||
.cms_draggable .cms_dragitem { padding-left:20px; }
|
||||
.cms_draggable .cms_dragitem .cms_submenu { display:none !important; }
|
||||
.cms_draggable .cms_dragitem-text { @include inline-block(); width:140px; height:21px; overflow:hidden; }
|
||||
|
||||
.cms_plugins { display:none; }
|
||||
}
|
||||
|
||||
// end of toolbar
|
||||
}
|
||||
64
static/cms/sass/includes/_common.scss
Normal file
64
static/cms/sass/includes/_common.scss
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
@charset "utf-8";
|
||||
/*!
|
||||
* @copyright: https://github.com/divio/django-cms
|
||||
*/
|
||||
|
||||
#cms_toolbar {
|
||||
//##################################################################################################################
|
||||
// #COMMON#
|
||||
.cms_loader { background:$color-window url('../img/loader.gif') no-repeat center center !important; }
|
||||
|
||||
//##################################################################################################################
|
||||
// #BUTTONS#
|
||||
.cms_btn { color:$color-grey; @include border-radius(3px);
|
||||
border:1px solid $color-grey-10;
|
||||
background:$color-grey-10; @include background-image($gradient-light);
|
||||
@include box-shadow(inset lighten($color-grey-10, 5%) 0px 1px 0px);
|
||||
&:hover, &:active, &:focus { background:$color-grey-10; border:1px solid $color-grey-10; @include box-shadow(none); }
|
||||
&:active, &:focus { border:1px solid darken($color-grey-10, 10%); background:darken($color-grey-10, 10%); }
|
||||
}
|
||||
|
||||
.cms_btn-disabled {
|
||||
border-right:1px solid darken($color-grey-10, 10%); border-top:1px solid darken($color-grey-10, 10%);
|
||||
@include box-shadow(inset 0px 1px 0px $color-grey-10);
|
||||
background:darken($color-grey-5, 5%);
|
||||
&:hover, &:active, &:focus { background-color:$color-grey-10; }
|
||||
}
|
||||
|
||||
.cms_btn-active { color:white;
|
||||
border:1px solid darken($color-grey, 20%) !important; border-bottom:none !important;
|
||||
@include box-shadow(inset 0 1px 0 lighten($color-grey, 20%));
|
||||
background:$color-grey; @include background-image($gradient-dark);
|
||||
&:hover, &:active, &:focus { background:$color-grey-70; @include box-shadow(none); }
|
||||
&:active, &:focus { background:darken($color-grey-70, 50%); }
|
||||
}
|
||||
|
||||
.cms_btn-action { color:white;
|
||||
border:1px solid adjust-hue($color-blue, 15deg) !important;
|
||||
@include box-shadow(inset lighten($color-blue, 10%) 0px 1px 0px);
|
||||
background:$color-blue; @include background-image($gradient-blue);
|
||||
&:hover, &:active, &:focus { background:adjust-hue($color-blue, 15deg); @include box-shadow(none); }
|
||||
&:active, &:focus { background:darken(adjust-hue($color-blue, 15deg), 10%); }
|
||||
}
|
||||
.cms_btn-caution {
|
||||
color:white; border:1px solid adjust-hue($color-red, 15deg) !important;
|
||||
@include box-shadow(inset lighten($color-red, 20%) 0px 1px 0px);
|
||||
background:$color-red; @include background-image($gradient-red);
|
||||
&:hover, &:active, &:focus { background:adjust-hue($color-red, 15deg); @include box-shadow(none); }
|
||||
&:active, &:focus { background:darken(adjust-hue($color-red, 15deg), 10%); }
|
||||
}
|
||||
.cms_btn-publish { display:none; }
|
||||
.cms_btn-publish-active { display:block; }
|
||||
|
||||
//######################################################################################################################
|
||||
// #TOOLTIP#
|
||||
.cms_tooltip { visibility:hidden; position:absolute; left:0; top:0; @include border-radius(3px);
|
||||
font-size:11px; line-height:11px; font-weight:bold; white-space:nowrap; padding:5px 7px 7px 24px; margin:0;
|
||||
color:$color-grey-10;
|
||||
background:$color-grey-70 url('../img/toolbar/sprite_toolbar.png') no-repeat -78px -169px;
|
||||
span { float:right; position:absolute; right:0; top:20px; @include border-radius(3px 0 3px 3px);
|
||||
color:white; font-weight:normal; padding:5px 7px; background:$color-grey-70; }
|
||||
}
|
||||
|
||||
// end of toolbar
|
||||
}
|
||||
19
static/cms/sass/includes/_content.scss
Normal file
19
static/cms/sass/includes/_content.scss
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
@charset "utf-8";
|
||||
/*!
|
||||
* @copyright: https://github.com/divio/django-cms
|
||||
*/
|
||||
|
||||
//######################################################################################################################
|
||||
// #PLUGIN
|
||||
.cms_plugin { display:inline; }
|
||||
|
||||
// #PLACEHOLDER
|
||||
.cms_placeholder { height:0px; overflow:hidden; }
|
||||
|
||||
.cms_render_model_icon { display: inline-block; width:18px; height:18px; padding: 0; margin: 0; cursor: pointer;
|
||||
img{ max-width: none; position: relative; padding: 0!important; margin: 0!important; background: url('../img/toolbar/render_model_icon.png') no-repeat; }
|
||||
}
|
||||
|
||||
.cms_render_model_add { display: inline-block; width:18px; height:18px; padding: 0; margin: 0; cursor: pointer;
|
||||
img{ max-width: none; position: relative; padding: 0!important; margin: 0!important; background: url('../img/toolbar/render_model_add.png') no-repeat; }
|
||||
}
|
||||
90
static/cms/sass/includes/_modal.scss
Normal file
90
static/cms/sass/includes/_modal.scss
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
@charset "utf-8";
|
||||
/*!
|
||||
* @copyright: https://github.com/divio/django-cms
|
||||
*/
|
||||
|
||||
#cms_toolbar {
|
||||
//##################################################################################################################
|
||||
// #MODAL#
|
||||
.cms_modal {
|
||||
display:none; position:fixed; left:50%; top:50%; z-index:999999; overflow:hidden;
|
||||
@include border-radius(5px); @include box-shadow(0 0 20px rgba(0, 0, 0, 0.5)); @include transform(translateZ(0));
|
||||
background:white;
|
||||
|
||||
.cms_modal-body { position:relative; z-index:10; width:800px; height:400px;
|
||||
border-top:1px solid $color-grey-10; border-bottom:1px solid $color-grey-10; }
|
||||
.cms_modal-foot { position:relative; height:32px;
|
||||
@include border-radius(0px 0px 5px 5px); clear:both; overflow:hidden;
|
||||
background:$color-grey-5; }
|
||||
.cms_modal-shim { display:none; position:absolute; left:0; top:0; z-index:20; width:100%; height:100%; }
|
||||
.cms_modal-frame { position:relative; z-index:10; width:100%; height:100%; }
|
||||
.cms_modal-frame iframe { width:100%; height:100%; }
|
||||
|
||||
.cms_modal-title { display:block; font-size:13px; font-weight:bold; text-align:center; cursor:move;
|
||||
padding:4px 75px 3px; @include border-radius(5px 5px 0px 0px);
|
||||
color:$color-grey-70; background:$color-grey-5; }
|
||||
|
||||
.cms_modal-collapse, .cms_modal-close, .cms_modal-maximize { display:block; position:absolute; right:3px; top:3px;
|
||||
@include hide-text(); cursor:pointer; width:20px; height:20px;
|
||||
background:url('../img/toolbar/sprite_toolbar.png') no-repeat left top; }
|
||||
.cms_modal-collapse { right:40px; background-position:0 -70px; }
|
||||
.cms_modal-collapse:hover, .cms_modal-collapse:active, .cms_modal-collapse:focus { background-position:-20px -70px; }
|
||||
.cms_modal-collapsed { background-position:-100px -70px; }
|
||||
.cms_modal-collapsed:hover, .cms_modal-collapsed:active, .cms_modal-collapsed:focus { background-position:-100px -70px; }
|
||||
|
||||
.cms_modal-maximize { right:22px; background-position:0 -90px; }
|
||||
.cms_modal-maximize:hover, .cms_modal-maximize:active, .cms_modal-maximize:focus { background-position:-20px -90px; }
|
||||
.cms_modal-maximize-active { background-position:-20px -90px !important; }
|
||||
|
||||
.cms_modal-close { background-position:-40px -70px; }
|
||||
.cms_modal-close:hover, .cms_modal-close:active, .cms_modal-close:focus { background-position:-60px -70px; }
|
||||
|
||||
.cms_modal-resize { position:absolute; right:0; bottom:0; z-index:102; width:20px; height:20px; cursor:nw-resize;
|
||||
background:url('../img/toolbar/sprite_toolbar.png') no-repeat -117px -67px;
|
||||
&:hover { background-position:-137px -67px; }
|
||||
}
|
||||
|
||||
.cms_modal-breadcrumb { display:none; float:left; font-size:12px; line-height:12px; position:relative; z-index:100;
|
||||
height:32px; min-width:225px; overflow:hidden; width:100%;
|
||||
|
||||
.cms_modal-breadcrumb-items { position:absolute; left:35px; top:0; width:9999px; background:$color-window; }
|
||||
|
||||
a { float:left; font-size:12px; line-height:12px; margin-left:-10px; position:relative; z-index:100; padding-right:10px;
|
||||
color:$color-grey; background:url('../img/toolbar/sprite_toolbar.png') no-repeat right -200px; }
|
||||
a span { float:left; padding:10px 15px 10px 25px; color:black; }
|
||||
|
||||
// z-index ordering
|
||||
a:nth-child(1) { z-index:100; }
|
||||
a:nth-child(2) { z-index:80; }
|
||||
a:nth-child(3) { z-index:70; }
|
||||
a:nth-child(4) { z-index:60; }
|
||||
a:nth-child(5) { z-index:50; }
|
||||
a:nth-child(6) { z-index:40; }
|
||||
a:nth-child(7) { z-index:30; }
|
||||
a:nth-child(8) { z-index:20; }
|
||||
a:nth-child(9) { z-index:10; }
|
||||
a:nth-child(10) { z-index:1; }
|
||||
|
||||
// custom styles
|
||||
a span, .cms_modal-breadcrumb-title { float:left; position:relative; z-index:120; color:$color-grey; }
|
||||
.cms_modal-breadcrumb-title { padding:10px 20px 10px 15px;
|
||||
border-right:1px solid $color-grey-10; @include border-radius(0 0 0 5px);
|
||||
background:white url('../img/toolbar/sprite_toolbar.png') no-repeat -133px -84px; @include hide-text(); }
|
||||
|
||||
a:hover { color:black; background-position:right -232px !important; }
|
||||
a:hover span { color:black; background-color:white; }
|
||||
|
||||
.cms_modal-breadcrumb-last { cursor:default; span { color:$color-blue; } }
|
||||
}
|
||||
|
||||
// buttons
|
||||
.cms_modal-buttons {
|
||||
position:absolute; right:0; top:0; z-index:101;
|
||||
float:right; padding:0 20px 0 10px; @include border-radius(0 0 5px 0);
|
||||
background:$color-window;
|
||||
div { float:right; font-size:12px; cursor:pointer; padding:2px 10px; margin:3px 5px 3px 0; }
|
||||
}
|
||||
}
|
||||
|
||||
// end of toolbar
|
||||
}
|
||||
31
static/cms/sass/includes/_retina.scss
Normal file
31
static/cms/sass/includes/_retina.scss
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx) {
|
||||
//######################################################################################################################
|
||||
// #RETINA#
|
||||
|
||||
// #RETINA TOOLBAR#
|
||||
.cms_toolbar-item-navigation-children > a span,
|
||||
.cms_sideframe-btn div,
|
||||
.cms_clipboard ul a, .cms_clipboard-empty a,
|
||||
.cms_messages .cms_messages-close,
|
||||
.cms_modal-collapse, .cms_modal-close, .cms_modal-maximize, .cms_modal-resize,
|
||||
.cms_modal-breadcrumb a, .cms_modal-breadcrumb-title,
|
||||
.cms_toolbar-item-logo a, .cms_toolbar-trigger a,
|
||||
.cms_tooltip, .cms_placeholders-menu,
|
||||
.cms_toolbar-debug .cms_debug-bar {
|
||||
background-image:url('../img/toolbar/sprite_toolbar@2x.png') !important;
|
||||
background-size:190px !important; }
|
||||
|
||||
#cms_toolbar .cms_loader {
|
||||
background-image:url('../img/loader@2x.gif') !important;
|
||||
background-size:32px !important; }
|
||||
|
||||
|
||||
// #RETINA PLACEHOLDER#
|
||||
.cms_submenu, .cms_submenu-quicksearch, .cms_placeholder-title:before,
|
||||
.cms_placeholder .cms_dragitem-collapsable,
|
||||
.cms_placeholder .cms_dragitem-collapsed {
|
||||
background-image:url('../img/toolbar/sprite_toolbar@2x.png') !important;
|
||||
background-size:190px !important; }
|
||||
|
||||
// end of retina
|
||||
}
|
||||
45
static/cms/sass/includes/_sideframe.scss
Normal file
45
static/cms/sass/includes/_sideframe.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
@charset "utf-8";
|
||||
/*!
|
||||
* @copyright: https://github.com/divio/django-cms
|
||||
*/
|
||||
|
||||
#cms_toolbar {
|
||||
//##################################################################################################################
|
||||
// #SIDEFRAME#
|
||||
.cms_sideframe {
|
||||
display:none; position:fixed; left:0; top:0; z-index:99999; width:0; height:100%; overflow:visible !important;
|
||||
|
||||
.cms_sideframe-frame { position:relative; z-index:10; width:100%; height:100%; overflow:hidden; background:white; }
|
||||
iframe { height:100%; width:100%; border:none; background:white; overflow:auto; }
|
||||
|
||||
.cms_sideframe-resize { position:absolute; right:-2px; top:0; z-index:30; width:2px; height:100%; cursor:col-resize;
|
||||
background:$color-grey-70; }
|
||||
.cms_sideframe-shim { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%;
|
||||
background:transparent; }
|
||||
.cms_sideframe-knob { width:6px; height:50px;
|
||||
position:absolute; right:-2px; top:50%; margin-top:-15px; @include border-radius(3px);
|
||||
background:$color-grey-70; }
|
||||
|
||||
.cms_sideframe-btn { position:absolute; right:-20px; top:50px; z-index:40; }
|
||||
.cms_sideframe-btn {
|
||||
div { cursor:pointer; width:20px; height:20px; margin-bottom:2px; @include border-radius(0 3px 3px 0);
|
||||
background:$color-grey-70 url('../img/toolbar/sprite_toolbar.png') no-repeat; }
|
||||
div:hover { background-color:$color-grey-90; }
|
||||
|
||||
.cms_sideframe-close { background-position:-80px -90px; }
|
||||
.cms_sideframe-close:hover { background-position:-100px -90px; }
|
||||
.cms_sideframe-hide { background-position:-101px -150px; }
|
||||
.cms_sideframe-hide:hover { background-position:-121px -150px; }
|
||||
.cms_sideframe-hidden { background-position:-60px -150px; }
|
||||
.cms_sideframe-hidden:hover { background-position:-80px -150px; }
|
||||
.cms_sideframe-maximize { background-position:-40px -91px; }
|
||||
.cms_sideframe-maximize:hover { background-position:-60px -91px; }
|
||||
.cms_sideframe-minimize { background-position:-61px -111px; }
|
||||
.cms_sideframe-minimize:hover { background-position:-61px -91px; }
|
||||
|
||||
.cms_sideframe-hide { border:5px solid $color-grey-70; border-left:none; border-right:none; }
|
||||
}
|
||||
}
|
||||
|
||||
// end of toolbar
|
||||
}
|
||||
149
static/cms/sass/includes/_structureboard.scss
Normal file
149
static/cms/sass/includes/_structureboard.scss
Normal file
|
|
@ -0,0 +1,149 @@
|
|||
@charset "utf-8";
|
||||
/*!
|
||||
* @copyright: https://github.com/divio/django-cms
|
||||
*/
|
||||
|
||||
#cms_toolbar .cms_structure {
|
||||
//##################################################################################################################
|
||||
// #STRUCTURE#
|
||||
display:none; position:absolute; top:0; right:0; width:100%; height:100%; z-index:9999;
|
||||
|
||||
.cms_structure-dimmer { display:none;
|
||||
position:fixed; top:0; right:0; bottom:0; left:0;
|
||||
width:100%; height:100%; z-index:10;
|
||||
background:rgba(255, 255, 255, 0.95);
|
||||
}
|
||||
.cms_structure-content { position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; }
|
||||
|
||||
//######################################################################################################################
|
||||
// #DRAGAREA#
|
||||
.cms_dragarea {
|
||||
position:absolute; padding:5px 5px 4px; margin:0 0 5px;
|
||||
@include border-radius(3px); background:$color-grey-70;
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
.cms_dragarea-static { background:$color-grey-70 url('../img/toolbar/pattern.png'); }
|
||||
|
||||
//######################################################################################################################
|
||||
// #DRAGBAR#
|
||||
.cms_dragbar {
|
||||
font-size:13px; line-height:20px;
|
||||
position:relative; left:0; top:0; z-index:9999;
|
||||
@include border-radius(3px);
|
||||
|
||||
.cms_dragbar-title { font-size:12px; line-height:17px; text-transform:uppercase;
|
||||
font-weight:500; padding:0 0 0 15px; height:16px; cursor:pointer;
|
||||
color:white; @include text-shadow(0px 1px 0px black);
|
||||
|
||||
&:before { content:" "; position:absolute; left:0; top:0; width:16px; height:15px;
|
||||
background:url('../img/toolbar/sprite_toolbar.png') no-repeat -85px -113px;
|
||||
}
|
||||
&:hover {
|
||||
&:before { background-position:-105px -113px; }
|
||||
}
|
||||
}
|
||||
.cms_dragbar-title-expanded {
|
||||
&:before { background-position:-124px -114px; }
|
||||
&:hover {
|
||||
&:before { background-position:-144px -114px !important; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// #DRAGBAR/empty#
|
||||
.cms_dragbar-empty { font-size:11px; text-transform:uppercase;
|
||||
padding-top:0; padding-bottom:0; }
|
||||
.cms_dragbar-empty-wrapper { display:none; }
|
||||
|
||||
//######################################################################################################################
|
||||
// #DRAGITEM#
|
||||
.cms_draggables { list-style-type:none; padding:0; margin:0; }
|
||||
.cms_draggables .cms_draggables { display:none; min-height:25px; padding-left:6px; }
|
||||
.cms_draggables .cms_draggables > .cms_draggable:first-child,
|
||||
.cms_draggables .cms_draggables > .cms_draggable:only-child,
|
||||
.cms_draggable > .cms_draggable { margin-top:0; }
|
||||
|
||||
.cms_draggables > .cms_draggable:last-child { margin-bottom:1px; }
|
||||
.cms_draggables .cms_draggables > .cms_draggable:last-child { margin-bottom:2px; }
|
||||
|
||||
// #DRAGGABLES/general#
|
||||
.cms_draggable, .cms_droppable { list-style-type:none;
|
||||
position:relative; left:0; top:0; z-index:99; @include border-radius(3px);
|
||||
padding:4px 5px 3px 5px; margin:5px 0 0; margin-left:0 !important;
|
||||
|
||||
// levels
|
||||
.cms_draggable { position:relative; z-index:99; white-space:nowrap;
|
||||
border-color:$color-grey-10; background:white;
|
||||
&:hover { border-color:$color-grey-20; }
|
||||
}
|
||||
.cms_draggable .cms_draggable,
|
||||
.cms_draggable .cms_draggable .cms_draggable .cms_draggable,
|
||||
.cms_draggable .cms_draggable .cms_draggable .cms_draggable .cms_draggable .cms_draggable { background:$color-grey-5; }
|
||||
.cms_draggable .cms_draggable .cms_draggable,
|
||||
.cms_draggable .cms_draggable .cms_draggable .cms_draggable .cms_draggable,
|
||||
.cms_draggable .cms_draggable .cms_draggable .cms_draggable .cms_draggable .cms_draggable .cms_draggable { background:white; }
|
||||
|
||||
// menu overwrites
|
||||
.cms_submenu { display:none; margin-top:2px; }
|
||||
.cms_submenu-dropdown { right:-6px; top:22px; }
|
||||
.cms_submenu-quicksearch { right:-5px; top:-6px; @include border-radius(0); height:28px; border-left:1px dotted $color-grey-10;
|
||||
background:$color-grey-5 url('../img/toolbar/sprite_toolbar.png') no-repeat right -415px; }
|
||||
.cms_submenu-quicksearch input { color:black; margin-top:1px; }
|
||||
|
||||
.cms_draggable .cms_submenu-quicksearch,
|
||||
.cms_draggable .cms_draggable .cms_draggable .cms_submenu-quicksearch,
|
||||
.cms_draggable .cms_draggable .cms_draggable .cms_draggable .cms_draggable .cms_submenu-quicksearch { background-color:white; }
|
||||
.cms_draggable .cms_draggable .cms_submenu-quicksearch,
|
||||
.cms_draggable .cms_draggable .cms_draggable .cms_draggable .cms_submenu-quicksearch,
|
||||
.cms_draggable .cms_draggable .cms_draggable .cms_draggable .cms_draggable .cms_draggable .cms_submenu-quicksearch { background-color:$color-grey-5; }
|
||||
|
||||
.cms_dragitem-text { @include inline-block(); width:90%; height:21px; overflow:hidden; }
|
||||
}
|
||||
|
||||
// #DRAGGABLES/specific#
|
||||
.cms_draggable { z-index:100; color:black; border:1px solid $color-grey-5; background:$color-grey-5;
|
||||
&:hover { @include box-shadow(inset 0px 0px 3px $color-grey-10); } }
|
||||
.cms_droppable { @include border-radius(3px); color:darken($color-grey-10, 15%); border:1px dashed darken($color-grey-10, 15%); }
|
||||
|
||||
.cms_dragitem { cursor:move; }
|
||||
.cms_dragitem-collapsable, .cms_dragitem-expanded { cursor:pointer; padding-left:15px; }
|
||||
.cms_dragitem-collapsable { background:url('../img/toolbar/sprite_toolbar.png') no-repeat 1px -359px; }
|
||||
.cms_dragitem-expanded { background:url('../img/toolbar/sprite_toolbar.png') no-repeat 0 -389px; }
|
||||
.cms_dragitem-success { position:absolute; left:-1px; top:-1px; @include border-radius(3px);
|
||||
width:100%; height:100%;
|
||||
@include opacity(0.6); }
|
||||
|
||||
// #DRAGGABLES/states#
|
||||
.cms_draggable-selected {}
|
||||
.cms_draggable-selected .cms_dragitem,
|
||||
.cms_draggable-selected .cms_dragitem strong { color:adjust-hue($color-blue, 15deg); }
|
||||
.cms_draggable-selected .cms_draggable .cms_dragitem,
|
||||
.cms_draggable-selected .cms_draggable .cms_dragitem strong { color:black; }
|
||||
|
||||
.cms_draggable-allowed, .cms_draggable-hover-allowed, .cms_draggable-placeholder {
|
||||
color:lighten($color-green, 40%); border-color:lighten($color-green, 40%); }
|
||||
.cms_draggable-hover-allowed, .cms_draggable-placeholder { color:white; background:rgba(102, 153, 51, 0.2); }
|
||||
.cms_dragitem-success { border:1px solid lighten($color-green, 40%); background:lighten($color-green, 40%); }
|
||||
|
||||
.cms_draggable-disallowed, .cms_draggable-hover-disallowed {
|
||||
color:saturate($color-red, 80%); border:1px dashed saturate($color-red, 80%);
|
||||
background:rgba(255, 0, 0, 0.1); }
|
||||
|
||||
//.cms_placeholder .cms_draggables .cms_draggable { margin-left:0 !important; }
|
||||
|
||||
// hide arrow when adding plugin-in-plugin within disabled item
|
||||
.cms_draggable-disabled > .cms_dragitem-collapsable { background:none !important; padding-left:0; }
|
||||
.cms_draggable-disabled .cms_draggables { display:none !important; }
|
||||
|
||||
// end of dragarea
|
||||
}
|
||||
|
||||
// dragging state
|
||||
body > .cms_draggable { list-style-type:none; white-space:nowrap;
|
||||
@include border-radius(3px); padding:4px 5px 3px 5px; margin:0;
|
||||
border-color:$color-grey-10; background:white; }
|
||||
|
||||
// hide elements when dragging
|
||||
body > .cms_draggable .cms_switcher { display:none !important; }
|
||||
body > .cms_draggable .cms_submenu { display:none !important; }
|
||||
body > .cms_draggable .cms_draggables { display:none !important; }
|
||||
54
static/cms/sass/includes/_subnav.scss
Normal file
54
static/cms/sass/includes/_subnav.scss
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
@charset "utf-8";
|
||||
/*!
|
||||
* @copyright: https://github.com/divio/django-cms
|
||||
*/
|
||||
|
||||
#cms_toolbar {
|
||||
//######################################################################################################################
|
||||
// #SUBNAV#
|
||||
.cms_submenu { display:block; width:20px; height:15px; cursor:pointer; position:absolute; right: 5px;
|
||||
background:url('../img/toolbar/sprite_toolbar.png') no-repeat 3px -152px; }
|
||||
|
||||
.cms_submenu-lang { padding:0 5px; position:absolute; top:3px; right:3px;
|
||||
border:1px solid $color-grey-10; background:white; @include border-radius(3px); }
|
||||
|
||||
.cms_submenu-dropdown {
|
||||
display:none; zoom:1; position:absolute; right:0; top:20px; z-index:999;
|
||||
min-width:140px; max-height:230px; overflow:auto;
|
||||
border:1px solid $color-grey-10; background:white;
|
||||
@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
|
||||
|
||||
// force scrollbars on subnav menu
|
||||
// not yet working on firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=77790
|
||||
&::-webkit-scrollbar { -webkit-appearance:none; width:7px; background:$color-grey-10; }
|
||||
&::-webkit-scrollbar-thumb { background-color:$color-grey-70;
|
||||
border-left:1px solid $color-grey-10;
|
||||
@include box-shadow(0 0 1px rgba(white,0.5));
|
||||
}
|
||||
|
||||
.cms_submenu-item { zoom:1; }
|
||||
.cms_submenu-item a, span { display:block; font-size:12px; line-height:15px; text-align:left; padding:4px 8px 3px 8px; }
|
||||
|
||||
.cms_submenu-item a { color:black;
|
||||
&:hover, &:focus { color:white; background:adjust-hue($color-blue, 15deg); @include background-image($gradient-blue); }
|
||||
&:first-child { border-top:none; } }
|
||||
.cms_submenu-item span { cursor:default; font-weight:bold; color:black;
|
||||
border-top:1px solid $color-grey-20; border-bottom:1px solid $color-grey-10; }
|
||||
.cms_submenu-item:first-child span { border-top:none; }
|
||||
}
|
||||
|
||||
.cms_submenu-quicksearch { display:none; position:absolute; right:-5px; top:-5px; z-index:1000;
|
||||
cursor:default; text-align:right; height:25px; @include border-radius(4px);
|
||||
background:$color-grey-70 url('../img/toolbar/sprite_toolbar.png') no-repeat right -326px; }
|
||||
.cms_submenu-quicksearch label { cursor:pointer; }
|
||||
.cms_submenu-quicksearch input { display:block; font-size:12px; color:white; text-align:right; -webkit-appearance:none;
|
||||
width:109px; height:20px; padding:3px 1px 1px 5px; margin-right:25px; border:none; background:none; }
|
||||
|
||||
// scrollhint
|
||||
.cms_submenu-scroll-hint { display:none;
|
||||
color:$color-grey-20; font-size:12px; line-height:1; text-align:center;
|
||||
position:absolute; left:0; bottom:0; width:100%; padding:5px 0 4px; background-color:$color-grey-10;
|
||||
}
|
||||
|
||||
// end of toolbar
|
||||
}
|
||||
199
static/cms/sass/includes/_toolbar.scss
Normal file
199
static/cms/sass/includes/_toolbar.scss
Normal file
|
|
@ -0,0 +1,199 @@
|
|||
@charset "utf-8";
|
||||
/*!
|
||||
* @copyright: https://github.com/divio/django-cms
|
||||
*/
|
||||
|
||||
#cms_toolbar {
|
||||
position:absolute; left:0; top:5px; z-index:9999999; width:100%;
|
||||
//######################################################################################################################
|
||||
// #TOOLBAR#
|
||||
.cms_toolbar { display:none; position:fixed; left:0; top:0; z-index:999999; width:100%; min-width:320px; height:30px;
|
||||
border-bottom:1px solid $color-grey !important; background-color:white; background:rgba($color-grey-5, 0);
|
||||
@include background-image($gradient-toolbar); @include box-shadow(0 0 5px rgba(0, 0, 0, 0.2));
|
||||
/* hack for ie9 */ background/**/:#fcfcfc;
|
||||
|
||||
.cms_toolbar-left { float:left; padding-left:10px; position:relative; z-index:10; }
|
||||
.cms_toolbar-right { float:right; padding-right:32px; position:relative; z-index:10; }
|
||||
|
||||
.cms_toolbar-left .cms_toolbar-item { margin-left:10px; }
|
||||
.cms_toolbar-right .cms_toolbar-item { margin-right:20px; }
|
||||
|
||||
// items
|
||||
.cms_toolbar-item { float:left; }
|
||||
.cms_toolbar-item-buttons a { border-bottom:none !important; }
|
||||
}
|
||||
|
||||
// do some responsive magic
|
||||
@media only screen and (max-width: 800px) {
|
||||
.cms_toolbar-right { display:none; }
|
||||
}
|
||||
|
||||
//######################################################################################################################
|
||||
// #TOOLBAR/debug#
|
||||
&.cms_toolbar-debug {
|
||||
.cms_toolbar { top:5px !important; }
|
||||
.cms_toolbar-trigger { top:5px !important; }
|
||||
|
||||
.cms_debug-bar { position:fixed; left:0; top:0; z-index:99999999; width:100%; height:4px;
|
||||
border-bottom:1px solid #ddd; background:#fdffc8 url('../img/toolbar/sprite_toolbar.png') repeat-x left -444px; }
|
||||
}
|
||||
&.cms_toolbar-debug #container { padding-top:35px !important; }
|
||||
|
||||
//##################################################################################################################
|
||||
// #TOOLBAR/navigation#
|
||||
.cms_toolbar-item-navigation {
|
||||
li { float:left; position:relative; zoom:1; }
|
||||
li a { float:left; padding:5px 10px; zoom:1; cursor:default; }
|
||||
li ul { display:none; }
|
||||
> li:first-child > a span { font-weight:800; line-height:12px; }
|
||||
|
||||
// hover effect
|
||||
.cms_toolbar-item-navigation-hover {
|
||||
ul { position:absolute; left:0; top:30px;
|
||||
display:block; min-width:180px; padding:4px 0;
|
||||
@include border-radius(0 0 4px 4px);
|
||||
border:1px solid white; border-top:none;
|
||||
background-color:white; background:rgba(white, 0.97);
|
||||
@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.4)); }
|
||||
ul li { float:none; zoom:1; }
|
||||
ul li a { float:none; display:block; zoom:1; cursor:pointer; white-space:nowrap;
|
||||
padding:2px 10px 2px 15px; }
|
||||
ul ul { @include border-radius(0 4px 4px 0); border-top:1px solid #f5f5f5; }
|
||||
|
||||
// second level
|
||||
.cms_toolbar-item-navigation-children {
|
||||
ul { display:none; left:100%; top:-5px; }
|
||||
> a { cursor:default; }
|
||||
> a span { display:block; background:url('../img/toolbar/sprite_toolbar.png') no-repeat right -270px; }
|
||||
}
|
||||
|
||||
// anchor hover
|
||||
> a { color:white !important;
|
||||
background:adjust-hue($color-blue, 15deg);
|
||||
@include background-image($gradient-blue); }
|
||||
> a span { background-position:right -300px !important; }
|
||||
|
||||
// add active style
|
||||
.cms_toolbar-item-navigation-active > a { font-weight:800; }
|
||||
}
|
||||
|
||||
.cms_toolbar-item-navigation-break { height:1px; margin:0 0 4px; padding:0 0 3px; @include hide-text();
|
||||
border-bottom:1px solid $color-grey-10; }
|
||||
|
||||
.cms_toolbar-item-navigation-disabled {
|
||||
a { cursor:default !important; @include opacity(0.2);
|
||||
&:hover, &:active, &:focus { @include box-shadow(none); background:none !important;
|
||||
color:black !important; } }
|
||||
ul { display:none !important; }
|
||||
}
|
||||
}
|
||||
.cms_toolbar-item-cms-mode-switcher { display:none; }
|
||||
|
||||
//##################################################################################################################
|
||||
// #TOOLBAR/dialog#
|
||||
.cms_messages { display:none; position:fixed; z-index:999999; top:30px;
|
||||
width:300px; min-height:14px; margin:0; padding:6px 10px 8px; background:rgba(black, 0.74);
|
||||
@include border-radius(0 0 3px 3px);
|
||||
color:white; font-size:12px; line-height:16px; font-weight:200;
|
||||
* { color:white; font-size:12px; line-height:16px; font-weight:200; }
|
||||
|
||||
a { color:$color-blue; }
|
||||
a:hover { text-decoration:underline; }
|
||||
strong { color:lighten($color-blue, 10%); font-weight:200; }
|
||||
ul { display:inline; color:white; }
|
||||
ul li { display:inline; color:white; font-weight:200; }
|
||||
|
||||
.cms_messages-close { display:none; float:right; cursor:pointer;
|
||||
width:20px; height:14px; margin-left:10px; position:relative; top:-2px; left:3px;
|
||||
background:url('../img/toolbar/sprite_toolbar.png') no-repeat -100px -90px; }
|
||||
.cms_messages-close:hover { background-position:-120px -90px; }
|
||||
}
|
||||
.cms_messages-error strong { color:$color-red; }
|
||||
|
||||
//##################################################################################################################
|
||||
// #TOOLBAR/elements#
|
||||
// #TOOLBAR/elements/logo#
|
||||
.cms_toolbar-item-logo {
|
||||
margin:0 !important;
|
||||
|
||||
a { display:block; width:92px; height:20px; margin:5px 0; @include hide-text();
|
||||
background:url('../img/toolbar/sprite_toolbar.png') no-repeat left top;
|
||||
&:hover, &:active, &:focus { background-position:left -20px; } }
|
||||
}
|
||||
|
||||
// #TOOLBAR/elements/form#
|
||||
.cms_form-login {
|
||||
padding:3px 0 0 0;
|
||||
|
||||
label { float:left; cursor:pointer; padding-left:10px; }
|
||||
label span { padding-top:1px; @include inline-block(); }
|
||||
input[type="text"], input[type="password"] { font-size:13px; line-height:13px; width:100px;
|
||||
padding:3px 5px; margin:0; @include border-radius(3px);
|
||||
color:$color-grey; border:1px solid lighten($color-grey, 45%);
|
||||
@include box-shadow(0px 1px 0px white);
|
||||
|
||||
&:focus { border-color:$color-blue;
|
||||
@include box-shadow(inset 0px 0px 2px $color-grey-10);
|
||||
@include single-transition(outline 0.2s);
|
||||
}
|
||||
}
|
||||
input[type="submit"] { display:block; color:white; font-size:12px; text-transform:uppercase; cursor:pointer;
|
||||
height:23px; padding:1px 15px 0; @include border-radius(3px);
|
||||
border:1px solid darken($color-grey, 20%);
|
||||
background-color:$color-grey;
|
||||
@include box-shadow(inset 0 1px 0 lighten($color-grey, 20%));
|
||||
@include background-image($gradient-dark);
|
||||
|
||||
&:hover, &:active, &:focus { background:$color-grey-70; @include box-shadow(none); }
|
||||
&:active, &:focus { background:darken($color-grey-70, 50%); }
|
||||
}
|
||||
|
||||
.cms_error { color:$color-red; }
|
||||
.cms_error input { border:1px solid $color-red; }
|
||||
}
|
||||
|
||||
// #TOOLBAR/elements/buttongroups#
|
||||
.cms_toolbar-item-buttons {
|
||||
margin:4px 0 4px;
|
||||
|
||||
a { float:left; font-size:11px; line-height:1; padding:5px 12px; }
|
||||
a:first-child { @include border-radius(3px 0 0 3px); }
|
||||
a:last-child { @include border-radius(0 3px 3px 0); }
|
||||
a:only-child { @include border-radius(3px); }
|
||||
}
|
||||
|
||||
// #TOOLBAR/elements/toggler#
|
||||
.cms_toolbar-trigger { position:fixed; right:0; top:0; z-index:999999;
|
||||
border-left:1px solid $color-grey; border-bottom:1px solid $color-grey;
|
||||
|
||||
a { display:block; width:30px; height:29px; @include hide-text();
|
||||
color:$color-grey-70;
|
||||
border-left:1px solid white; border-top:1px solid white;
|
||||
background:$color-grey-5 url('../img/toolbar/sprite_toolbar.png') no-repeat -60px -40px;
|
||||
&:hover, &:active, &:focus { background-position:-90px -40px; background-color:white; }
|
||||
}
|
||||
}
|
||||
// #TOOLBAR/elements/loader#
|
||||
.cms_toolbar-trigger-expanded a { background-position:0 -40px;
|
||||
&:hover, &:active, &:focus { background-position:-30px -40px; }
|
||||
}
|
||||
.cms_toolbar-loader a { background:#fcfcfc url('../img/loader.gif') no-repeat center center !important;
|
||||
background-size:20px 20px !important; }
|
||||
|
||||
// TODO Reimplement blinking if unpublished content is present
|
||||
//##################################################################################################################
|
||||
// #TOOLBAR/blocker#
|
||||
.cms_screenblock { color:white; text-align:center;
|
||||
position:fixed; right:0; top:0; z-index:100;
|
||||
width:100%; height:100%;
|
||||
background-color:black; background:rgba(black, 0.9); }
|
||||
|
||||
.cms_screenblock .cms_screenblock-inner { margin-top:300px;
|
||||
h1 { font-size:28px; line-height:30px; }
|
||||
h1, p { color:$color-grey-20; text-align:center; }
|
||||
a { color:white; }
|
||||
a:hover { text-decoration:underline; }
|
||||
}
|
||||
|
||||
// end of toolbar
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue