aatish/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

new static files.

Browse source 
Signed-off-by: rscnt <rascnt@gmail.com>
This commit is contained in:
rascencio 2015-06-08 23:26:27 -06:00
commit fe4f6c97d5
778 changed files with 71557 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

67
static/cms/sass/cms.base.scss Normal file
View file

@ -0,0 +1,67 @@
@charset "utf-8";
/*!
* @copyright: https://github.com/divio/django-cms
*/
//##################################################
// #IMPORT SETTINGS#
@import "settings/default";
//##################################################
// #RESET#
.cms_reset {
div, p, a, a:hover, a:active, a:focus, ul, li,
form, fieldset, label, input, textarea {
font:normal 13px/20px Helvetica,Arial,sans-serif;
color:#222; text-decoration:none; text-align:left; outline:none;
list-style-type:none; height:auto; padding:0; margin:0; border:none; background:none;
@include transition(none);
}
}
//##################################################
// #TABS#
// used in: /cms/admin/page/change_form
#page_form_lang_tabs {
position:relative;
input.language_button { background:#ccc; }
input.selected { color:black; text-shadow:none; background:white; }
input.notfilled { color:#bbb; background:none; }
.lang_tabs_line {
position:absolute; left:0; bottom:-5px;
width:100%; height:5px;
background:white;
}
}
//##################################################
// #DOALOG#
// used in: /cms/admin/page/tree/copy_premissions
.cms_dialog {
position:absolute; left:50%; top:50%; z-index:99999;
width:500px; height:200px; padding:25px; margin:-100px 0 0 -275px;
background:white; border:1px solid #ccc; @include border-radius(5px);
h1 { padding:0; margin:0 0 15px; }
form { padding:15px 0; margin:15px 0; border-top:1px solid #f3f3f3; }
}
//##################################################
// #GLOBALS#
.cms_toolbar-noscroll { position:fixed; overflow-y:scroll; width:100%; }
// removed as of: //github.com/divio/django-cms/issues/2476
// #djDebug #djDebugToolbarHandle { top:35px !important; border-right:none !important; }
//##################################################
// #TOOLBAR#
@import "includes/common";
@import "includes/content";
@import "includes/toolbar";
@import "includes/modal";
@import "includes/sideframe";
@import "includes/clipboard";
@import "includes/structureboard";
@import "includes/subnav";
@import "includes/retina";

209
static/cms/sass/cms.pagetree.scss Normal file
View file

@ -0,0 +1,209 @@
@charset "utf-8";
/*!
* @copyright: https://github.com/divio/django-cms
*/
//######################################################################################################################
// #IMPORT SETTINGS#
@import "settings/default";
//######################################################################################################################
// #PAGETREE#
// colors
$color-font: #666;
$color-border: #dededc;
$color-border-light: #fafafa;
$color-border-medium: #ddd;
$color-background-light: #fefefe;
$color-background-light-hover: #f5f5f5;
$color-background-blue: #f3fbfe;
$color-background-blue-hover: #e6f6fd;
// pagetree
#sitemap {
padding:0; margin:0; margin:0; background:$color-background-light;
a { text-decoration:none; outline:none; border:none; }
a:hover { text-decoration:underline; }
li, ul { list-style-type:none; }
li input.hidden { position: absolute; left: -9999em; }
// icons
li a.icon, li span.icon, li a.move, li a.copy, li a.edit, li a.advanced-settings, li span.info {
display: inline-block; width: 18px; height: 18px; margin-top:5px;
background: url('../img/pagetree/sprite.png') no-repeat 0 0; }
li a.move { background-position:-20px -20px; margin-top:0; }
li a.copy { background-position:-40px -60px; margin-top:0; }
li a.edit { background-position:-40px -20px; margin-top:0; }
li a.advanced-settings { background-position:-60px -60px; margin-top:0; }
li span.info { background-position:-81px -20px; margin-top:-1px; cursor:pointer; }
li a.selector-add { background-position:-20px 0; margin-left:4px; margin-top:-1px; }
li a.addlink,
li a.deletelink { display:inline-block; width:10px; height:10px; padding:0; margin:0 0 0 4px; background-position:0 0; }
li .col-softroot span.icon { background-position:-80px 0; margin-top:0; }
li .col-apphook span.icon { background-position:-40px -80px; margin-top:0; }
li a.move span, li a.copy span, li a.selector-add span,
li a.addlink span, li a.deletelink span, li a.edit span, li a.advanced-settings span, li span.info span,
.col-navigation input, .col-published input { display:none; }
// header
ul.header { position:relative; top:1px; }
ul.header, ul.header li { padding:0; margin:0; border:none; background:none; }
ul.header li { color:$color-font; font-size:11px; font-weight:400; height:16px; padding:5px 0 4px 5px;
border-bottom:1px solid $color-border; background:$color-background-light; }
ul.header li .cont { height:15px; border:none !important; background:none !important; }
ul.header li .col1 { font-size:10px; }
ul.header li .col2 > div { font-size:10px; line-height:14px; border:none; background:none; }
// row
li .cont { display:block; border-top:1px solid $color-border !important; overflow: visible !important; }
li.open > .cont { border-bottom:1px solid $color-border !important; }
li.open ul .cont { border-top:none !important; border-bottom:1px solid $color-border !important; }
li.moveable > div { border-bottom:none !important; }
li.last.leaf .cont, li.last.closed .cont { border-bottom:none !important; }
.tree-default .col-navigation, .tree-default .col-published { line-height:30px; }
// add additional border to separate categories
li.open ul { margin-left:0; border-bottom:1px solid $color-border !important; }
li.open.last ul { border-bottom:none !important; }
li.open ul.last { border-bottom:none !important; }
li .col1 > div { text-align:center; }
li .col1 .title { background:none; white-space: nowrap; }
li .col1 .success { color:$color-font; padding-left:10px; }
li .col1 a.changelink { display:none; line-height:27px; margin:6px 0 0 10px !important; }
li .col1 .title, li .col1 .success { float:left; line-height:29px; height:28px; padding-left:20px; }
li .move-target-container { display:none; float:left;
font-size: 14px; line-height:27px; margin-right:10px; }
li .move-target-container a:hover { text-decoration: none; }
li .move-target { display:inline-block; padding: 2px 8px; border-left: 1px solid $color-border-medium; }
li .move-target:first-child { border-left:none; }
li .col2 > div {
float:left; line-height:28px; white-space:nowrap; text-align:center;
width:auto; height:28px; padding:0 5px; border-left:1px solid $color-border-medium;
}
li .col2 > div a, li .col2 > div span { vertical-align:middle; }
// hide items
.cont { position:relative; }
.col1, .col2 { position:relative; z-index:10; }
.col2 { position:absolute; top:0; right:0; z-index:100; }
.moveable { position:relative; z-index:100; }
.moveable:hover { z-index:1000; }
.moveable:hover .cont { position:relative; z-index:1000; }
.success { float:right !important; padding:5px 10px !important; position:absolute; right:0; }
// row hover states
li .cont:hover { background:$color-border-light; }
// custom col asignments
li.moveable .col1 .title { background:url('../img/pagetree/tree-li-drag.gif') no-repeat 0 0; }
li .col-language a { text-transform:uppercase; }
// edit button
.cont:hover .col1 a.changelink { display:block; }
// active state
.cont-active { background:#f7f7f7; }
.cont-pagetype { background:white; }
// drag modus
li#dragged { min-width:500px; }
li#dragged .col2 { display:none; }
// info handling
.info-details { display:none; }
li .info:hover { position:relative;
.info-details { display:block; }
}
.info-details { cursor:default;
position:absolute; right:-6px; top:-6px; z-index:100;
text-align:left; line-height:18px; padding:5px 10px;
background:white; border:1px solid #ccc; @include border-radius(3px 0 3px 3px);
mark { font-weight:bold; background:none; font-style:normal;
@include inline-block(); min-width:100px; }
span { display:inline !important; }
}
}
// filter button on top right
#changelist-filter-button { line-height:30px;
display:block; position:absolute; right:0; top:0; z-index:1000;
width:150px; height:auto; padding:0 0 0 10px; margin:0;
border:1px solid $color-border-medium; border-right:none; border-top:none; background:$color-border-light;
}
#changelist-filter { top:30px;
h2 { display:none; }
}
// remove background assigned from django
.change-list .filtered { min-height:auto; background:white !important; }
// only visible on multiple sites
#site-selector { float:left; margin:9px 18px 0 8px; }
// loader on top right
#loader-message { position:fixed; top:0; right:0; padding:4px 8px; background:white; display:none; }
/* TODO this should be defined inside djangocms-admin.css instead (3.1) */
#sitemap {
border:1px solid $color-border;
ul.header li .col2 > div { padding:0 5.5px; }
li .col-softroot span.icon {
width: 18px !important; height: 18px !important; margin:0 !important;
background: url('../img/pagetree/sprite.png') -80px 0 no-repeat !important; }
li .col-apphook span.icon {
width: 18px !important; height: 18px !important; margin:0 !important;
background: url('../img/pagetree/sprite.png') -40px -80px no-repeat !important; }
li .col-language span {
border: 1px solid transparent;
width:12px !important; height:12px !important; margin:-3px 0 0 !important;
@include inline-block();
@include border-radius(7px);
color: transparent;
// colors used within the tree
&.dirty { background-color:#6ba6ff;
-webkit-animation:pulsate 2.5s ease-out infinite;
-moz-animation:pulsate 2.5s ease-out infinite;
animation:pulsate 2.5s ease-out infinite;
}
&.empty { border: 1px solid #b3b3b3; background-color:transparent; }
&.unpublished { background-color:#b3b3b3; }
&.unpublishedparent { background-color:#b3b3b3; }
&.published { background-color:#65b417; }
}
}
// dropdown for language change
.col-language { position:relative; }
#sitemap .tree li .col-language
.language-tooltip { display:none; position:absolute; right:20px; top:4px; z-index:9999;
line-height:1; padding:4px 6px; font-size:11px; color:#ccc;
background-color:black; background:rgba(black, 0.8); border:none;
@include border-radius(3px);
a { color:#ddd; }
a:hover { color:white; text-decoration:none; }
&:before { display:block; width:0; height:0;
position:absolute; top:50%; right:-5px; margin-top:-4px; content:" ";
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 5px solid rgba(black, 0.8);
}
&.language-tooltip-multiple a:first-child:after { content:" - "; }
}
#marker { margin-top:1px; }
// animation for publishing
@-webkit-keyframes pulsate {
0% { opacity:0.5; }
50% { opacity:1; }
100% { opacity:0.5; }
}

27
static/cms/sass/cms.toolbar.modal.scss Normal file
View file

@ -0,0 +1,27 @@
@charset "utf-8";
/*!
* @copyright: https://github.com/divio/django-cms
*/
//##################################################
// #IMPORT SETTINGS#
@import "settings/default";
//##################################################
// #MODAL#
#content > h2:first-child { display:none; }
#content { margin:10px 10px 0; }
#content .module { padding:10px; }
#container { padding-top:0; }
#footer { display:none; }
#cke_id_body {
border:1px solid $color-grey-10 !important;
.cke_top, .cke_bottom { background:$color-grey-5 !important; border-color:$color-grey-10 !important;
@include box-shadow(none !important); }
}
.errornote { margin:0 !important; }

35
static/cms/sass/cms.toolbar.sideframe.scss Normal file
View file

@ -0,0 +1,35 @@
@charset "utf-8";
/*!
* @copyright: https://github.com/divio/django-cms
*/
//##################################################
// #IMPORT SETTINGS#
@import "settings/default";
//##################################################
// #SIDEFRAME#
#header { display:none; }
#container { padding-top:30px; }
.cms_debug #container { padding-top:35px; }
#container .breadcrumbs { display:block; background:$color-grey !important; }
#content { padding-top:10px; }
#content h1:first-child { margin-top:0; }
.change-form #content { margin-top:0; }
.submit-row { padding:10px 10px 5px !important; }
.submit-row input.default, .object-tools .addlink {
font-weight:200 !important; padding:5px 12px !important; margin-bottom:5px !important;
border:1px solid adjust-hue($color-blue, 15deg) !important;
@include background-image($gradient-blue !important);
@include box-shadow(inset lighten($color-blue, 20%) 0px 1px 0px);
&:hover, &:active, &:focus { background:adjust-hue($color-blue, 15deg) !important; @include box-shadow(none !important); }
&:active, &:focus { background:darken(adjust-hue($color-blue, 15deg), 10%) !important; }
}
.object-tools .recoverlink, .submit-row input {
font-weight:200 !important; padding:5px 12px !important; margin-bottom:5px !important;
border:1px solid $color-grey-10 !important; @include box-shadow(none !important);
}

48
static/cms/sass/includes/_clipboard.scss Normal file
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
View 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
}

32
static/cms/sass/settings/_default.scss Normal file
View file

@ -0,0 +1,32 @@
//##################################################
// #SETTINGS#
// #IMPORTS#
@import "compass/css3";
@import "compass/utilities";
// #COLORS#
$color-white: #fff;
$color-black: #000;
$color-grey: #666;
$color-blue: #0eaaec;
$color-green: #693;
$color-orange: #c93;
$color-red: #f00;
$color-window: #fcfcfc;
// #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
$gradient-toolbar: linear-gradient(top, 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: linear-gradient(top, $color-grey, darken($color-grey, 20%));
$gradient-blue: linear-gradient(top, adjust-hue($color-blue, 5deg), adjust-hue($color-blue, 15deg));
$gradient-green: linear-gradient(top, lighten($color-green, 10%) 0%, saturate($color-green, 20%) 50%, saturate($color-green, 30%) 100%);
$gradient-orange: linear-gradient(top, lighten($color-orange, 5%), $color-orange);
$gradient-red: linear-gradient(top, adjust-hue($color-red, 5deg), adjust-hue($color-red, 15deg));
$gradient-light: linear-gradient(top, lighten($color-grey-10, 5%), $color-grey-10);