NEW Side by side editing functionality - first cut (os#7412)

Introduces a preview window that appears when the screen is wide enough,
removes old preview button, adds a draft-public switch, adds variety of
preview options which are not hooked up yet.

Goes along with cms commit fa3738a9f4c5181eabf18a77ca89792d31592250
This commit is contained in:
Mateusz Uzdowski 2012-11-22 14:14:11 +13:00 committed by Ingo Schommer
parent fa84c2d705
commit f4b080ee06
24 changed files with 797 additions and 417 deletions

View File

@ -294,6 +294,7 @@ class LeftAndMain extends Controller implements PermissionProvider {
'leftandmain.js',
array_unique(array_merge(
array(
FRAMEWORK_ADMIN_DIR . '/javascript/LeftAndMain.Layout.js',
FRAMEWORK_ADMIN_DIR . '/javascript/LeftAndMain.js',
FRAMEWORK_ADMIN_DIR . '/javascript/LeftAndMain.Panel.js',
FRAMEWORK_ADMIN_DIR . '/javascript/LeftAndMain.Tree.js',

View File

@ -158,7 +158,7 @@ form.nostyle input.text, form.nostyle textarea, form.nostyle select, form.nostyl
.field input.text, .field textarea, .field select, .field .TreeDropdownField { width: 100%; max-width: 512px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.field input.text.help, .field textarea.help, .field select.help, .field .TreeDropdownField.help { margin: 0; }
.field input.text .help, .field textarea .help, .field select .help, .field .TreeDropdownField .help { max-width: 512px; }
.field input.text, .field textarea, .field .TreeDropdownField { background: #fff; border: 1px solid #b3b3b3; padding: 7px 7px; line-height: 16px; margin: 0; outline: none; -webkit-transition: 0.2s box-shadow ease-in; -moz-transition: 0.2s box-shadow ease-in; -o-transition: 0.2s box-shadow ease-in; transition: 0.2s box-shadow ease-in; -webkit-transition: 0.2s border ease-in; -moz-transition: 0.2s border ease-in; -o-transition: 0.2s border ease-in; transition: 0.2s border ease-in; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea), color-stop(10%, #ffffff)); background-image: -webkit-linear-gradient(#eaeaea, #ffffff 10%); background-image: -moz-linear-gradient(#eaeaea, #ffffff 10%); background-image: -o-linear-gradient(#eaeaea, #ffffff 10%); background-image: linear-gradient(#eaeaea, #ffffff 10%); }
.field input.text, .field textarea, .field .TreeDropdownField { background: #fff; border: 1px solid #b3b3b3; padding: 7px 7px; line-height: 16px; margin: 0; outline: none; -moz-transition: 0.2s box-shadow ease-in; -webkit-transition: 0.2s box-shadow ease-in; -o-transition: 0.2s box-shadow ease-in; transition: 0.2s box-shadow ease-in; -moz-transition: 0.2s border ease-in; -webkit-transition: 0.2s border ease-in; -o-transition: 0.2s border ease-in; transition: 0.2s border ease-in; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea), color-stop(10%, #ffffff)); background-image: -webkit-linear-gradient(#eaeaea, #ffffff 10%); background-image: -moz-linear-gradient(#eaeaea, #ffffff 10%); background-image: -o-linear-gradient(#eaeaea, #ffffff 10%); background-image: linear-gradient(#eaeaea, #ffffff 10%); }
.field input.text:focus, .field textarea:focus, .field .TreeDropdownField:focus { border: 1px solid #9a9a9a; border-top-color: gray; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; }
.field input[disabled], .field input.disabled, .field textarea[disabled], .field textarea.disabled, .field select[disabled], .field select.disabled { color: #777777; background: #efefef; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bcbcbc), color-stop(10%, #efefef), color-stop(90%, #ffffff), color-stop(100%, #bcbcbc)); background-image: -webkit-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -moz-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -o-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); border: 1px solid #b3b3b3; }
.field#Action { box-shadow: none; }
@ -190,7 +190,7 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
/** ---------------------------------------------------- Buttons ---------------------------------------------------- */
.cms .Actions > *, .cms .cms-actions-row > * { display: block; float: left; margin-right: 8px; }
.cms .Actions > *:last-child, .cms .cms-actions-row > *:last-child { margin-right: 0; }
.cms .Actions { min-height: 30px; overflow: auto; }
.cms .Actions { max-height: 28px; overflow: auto; }
.cms input.loading, .cms button.loading, .cms input.ui-state-default.loading, .cms .ui-widget-content input.ui-state-default.loading, .cms .ui-widget-header input.ui-state-default.loading { color: #525252; border-color: #d5d3d3; cursor: default; }
.cms input.loading .ui-icon, .cms button.loading .ui-icon, .cms input.ui-state-default.loading .ui-icon, .cms .ui-widget-content input.ui-state-default.loading .ui-icon, .cms .ui-widget-header input.ui-state-default.loading .ui-icon { background: transparent url(../../images/network-save.gif) no-repeat 0 0; }
.cms input.loading.ss-ui-action-constructive .ui-icon, .cms button.loading.ss-ui-action-constructive .ui-icon { background: transparent url(../../images/network-save-constructive.gif) no-repeat 0 0; }
@ -276,7 +276,7 @@ body.cms { overflow: hidden; }
.hide { display: none; }
/** -------------------------------------------- Panels Styles -------------------------------------------- */
.cms-container { height: 100%; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; }
.cms-container { height: 100%; /*background: $tab-panel-texture-background;*/ background: #eceff1; }
.cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-fields, .cms-edit-form, .cms-preview, .cms-preview iframe, .cms-preview-controls { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
@ -289,12 +289,13 @@ body.cms { overflow: hidden; }
.cms-content-header .ss-ui-button { line-height: 24px; }
.cms-content-header .ss-ui-button .ui-button-text { line-height: 1.4; }
#Form_EditForm.CMSMain { padding: 0; /* fixs the double padding around the edit panel - move to framework? */ }
/** -------------------------------------------- Tabs -------------------------------------------- */
.ui-tabs { padding: 0; background: none; }
.ui-tabs .ui-tabs { position: static; }
.ui-tabs .ui-tabs-panel { padding: 8px 0; }
.ui-tabs .ui-tabs-panel { padding: 8px 0; background: transparent; }
.ui-tabs .ui-widget-header { border: 0; background: none; }
.ui-tabs .ui-tabs-panel { background: transparent; }
.ui-tabs .ui-tabs-nav { float: right; margin: 0 0 -1px 0; padding: 0 16px 0 0; border-bottom: none; }
.ui-tabs .ui-tabs-nav ~ .ui-tabs-panel { border-top: 1px solid #c0c0c2; clear: both; }
.ui-tabs .ui-tabs-nav li { top: 0; float: left; border-bottom: 0 !important; }
@ -327,12 +328,21 @@ body.cms { overflow: hidden; }
.ui-tabs .ss-ui-button .ui-button-text { line-height: 1.4; }
/** Primary styles which sit on top of screen, with different tab colors. TODO Only use one "primary" selector and fix HTMLEditorField TabSet addExtraClass() */
<<<<<<< HEAD
.ui-tabs.cms-tabset-primary .ui-tabs-nav li, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li { margin-right: 0; }
.ui-tabs.cms-tabset-primary .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a { margin: 0; line-height: 39px; }
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-all, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-top, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-right, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-tr, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-tl, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-all, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-top, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-right, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-tr, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-tl { border-radius: 0; }
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-default, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-default { -webkit-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; -moz-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; background-color: #b0bec7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZGJlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4dbe0), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(#d4dbe0, #b0bec7); background-image: -moz-linear-gradient(#d4dbe0, #b0bec7); background-image: -o-linear-gradient(#d4dbe0, #b0bec7); background-image: linear-gradient(#d4dbe0, #b0bec7); border-top: none; border-right-color: #8399a7; border-left-color: #ced7dc; }
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e6eaed; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; border-top: none; border-right-color: #b3b3b3; border-left-color: #b3b3b3; z-index: 2; }
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active a { border-bottom: none; }
=======
.ui-tabs.cms-tabset-primary .ui-tabs-nav li, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li { margin-right: 0; margin-top: 0; }
.ui-tabs.cms-tabset-primary .ui-tabs-nav li a, .ui-tabs.cms-tabset-primary .ui-tabs-nav li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li a:hover, .ui-tabs.cms-tabset-primary .ui-tabs-nav .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li a:hover, .ui-tabs.cms-tabset-primary .ui-tabs-nav .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a:hover, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a:hover, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a { margin: 0; line-height: 39px; }
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-all, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-top, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-right, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-tr, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-tl, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-all, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-top, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-right, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-tr, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-tl { border-radius: 0; }
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-default, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-default { -webkit-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; -moz-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; background-color: #b0bec7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZGJlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4dbe0), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(#d4dbe0, #b0bec7); background-image: -moz-linear-gradient(#d4dbe0, #b0bec7); background-image: -o-linear-gradient(#d4dbe0, #b0bec7); background-image: linear-gradient(#d4dbe0, #b0bec7); border-top: none; border-right-color: #8399a7; border-left-color: #ced7dc; }
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e6eaed; background: #eceff1; /*background: $tab-panel-texture-background;*/ border-top: none; border-right-color: #b3b3b3; border-left-color: #b3b3b3; z-index: 2; }
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active a:hover, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active a:hover, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active a:hover, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active a:hover, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a { border-bottom: none; }
>>>>>>> NEW Side by side editing functionality - first cut (os#7412)
.cms-content-header-tabs { float: right; }
@ -349,13 +359,10 @@ body.cms { overflow: hidden; }
.ss-loading-screen .loading-animation { display: none; position: absolute; left: 49%; top: 75%; }
/** -------------------------------------------- Actions -------------------------------------------- */
.cms-content-actions { margin: 0; padding: 12px 16px; z-index: 0; border-top: 1px solid rgba(201, 205, 206, 0.8); border-top: 1px solid #FAFAFA; -webkit-box-shadow: #cccccc 0 -1px 1px; -moz-box-shadow: #cccccc 0 -1px 1px; box-shadow: #cccccc 0 -1px 1px; }
.cms-content-actions, .cms-preview-controls { margin: 0; padding: 12px 16px; z-index: 0; border-top: 1px solid rgba(201, 205, 206, 0.8); border-top: 1px solid #FAFAFA; -webkit-box-shadow: 1px 0 0 #eceff1, #cccccc 0 -1px 1px; -moz-box-shadow: 1px 0 0 #eceff1, #cccccc 0 -1px 1px; box-shadow: 1px 0 0 #eceff1, #cccccc 0 -1px 1px; height: 28px; }
/** -------------------------------------------- Messages -------------------------------------------- */
.message { display: block; clear: both; margin: 0 0 8px 0; padding: 10px 12px; font-weight: normal; border: 1px #ccc solid; background: #fff; background: rgba(255, 255, 255, 0.5); text-shadow: none; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; /* // Orange
background: lighten($color-optional,16%);
border-color: $color-optional;
*/ }
.message { display: block; clear: both; margin: 0 0 8px 0; padding: 10px 12px; font-weight: normal; border: 1px #ccc solid; background: #fff; background: rgba(255, 255, 255, 0.5); text-shadow: none; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.message.notice { background-color: #f0f8fc; border-color: #93cde8; }
.message.warning { background-color: #fefbde; border-color: #e9d104; }
.message.error, .message.bad, .message.required, .message.validation { background-color: #fae8e9; border-color: #e68288; }
@ -378,21 +385,22 @@ body.cms { overflow: hidden; }
.cms-add-form .step-label .title { padding-top: 5px; font-weight: bold; text-shadow: 1px 1px 0 white; }
.cms-add-form ul.SelectionGroup { padding-left: 28px; }
.cms-add-form .parent-mode { padding: 8px; overflow: auto; }
.cms-add-form #PageType ul { padding-left: 20px; }
.cms-add-form #PageType ul li { float: none; width: 100%; padding: 9px 0 9px 15px; overflow: hidden; border-bottom-width: 2px; border-bottom: 2px groove rgba(255, 255, 255, 0.8); -webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; }
.cms-add-form #PageType ul li:last-child { border-bottom: none; }
.cms-add-form #PageType ul li:hover, .cms-add-form #PageType ul li.selected { background-color: rgba(255, 255, 102, 0.3); }
.cms-add-form #PageType ul li.disabled { color: #aaaaaa; }
.cms-add-form #PageType ul li.disabled:hover { background: none; }
.cms-add-form #PageType ul li input { margin: inherit; }
.cms-add-form #PageType ul li label { padding-left: 0; padding-bottom: 0; }
.cms-add-form #PageType ul li input, .cms-add-form #PageType ul li label, .cms-add-form #PageType ul li .page-icon, .cms-add-form #PageType ul li .title { float: left; line-height: 1.3em; }
.cms-add-form #PageType ul li .page-icon { margin: 0 4px; }
.cms-add-form #PageType ul li .title { width: 120px; font-weight: bold; padding-right: 10px; }
.cms-add-form #PageType ul li .description { font-style: italic; }
#PageType ul { padding-left: 20px; }
#PageType ul li { float: none; width: 100%; padding: 9px 0 9px 15px; overflow: hidden; border-bottom-width: 2px; border-bottom: 2px groove rgba(255, 255, 255, 0.8); -webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; }
#PageType ul li:last-child { border-bottom: none; }
#PageType ul li:hover, #PageType ul li.selected { background-color: rgba(255, 255, 102, 0.3); }
#PageType ul li.disabled { color: #aaaaaa; }
#PageType ul li.disabled:hover { background: none; }
#PageType ul li input { margin: inherit; }
#PageType ul li label { padding-left: 0; padding-bottom: 0; }
#PageType ul li input, #PageType ul li label, #PageType ul li .page-icon, #PageType ul li .title { float: left; line-height: 1.3em; }
#PageType ul li .page-icon { margin: 0 4px; }
#PageType ul li .title { width: 120px; font-weight: bold; padding-right: 10px; }
#PageType ul li .description { font-style: italic; }
/** -------------------------------------------- Content toolbar -------------------------------------------- */
.cms-content-toolbar { min-height: 35px; display: block; margin: 0 0 15px 0; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); *zoom: 1; /* smaller treedropdown */ }
.cms-content-toolbar { min-height: 29px; display: block; margin: 0 0 15px 0; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); *zoom: 1; /* smaller treedropdown */ }
.cms-content-toolbar:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.cms-content-toolbar .cms-tree-view-modes { float: right; padding-top: 5px; }
.cms-content-toolbar .cms-tree-view-modes * { display: inline-block; }
@ -401,11 +409,11 @@ body.cms { overflow: hidden; }
.cms-content-toolbar .chzn-container-single .chzn-single:hover { -webkit-box-shadow: 0 0 5px #b3b3b3; -moz-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #d2d2d2)); background-image: -webkit-linear-gradient(#ebebeb, #d2d2d2); background-image: -moz-linear-gradient(#ebebeb, #d2d2d2); background-image: -o-linear-gradient(#ebebeb, #d2d2d2); background-image: linear-gradient(#ebebeb, #d2d2d2); }
.cms-content-toolbar .chzn-container-single .chzn-single:active { -webkit-box-shadow: inset 0 1px 3px #4d4d4d; -moz-box-shadow: inset 0 1px 3px #4d4d4d; box-shadow: inset 0 1px 3px #4d4d4d; }
.cms-content-toolbar .chzn-container-single .chzn-single span { padding-top: 1px; }
.cms-content-toolbar .chzn-container-single .chzn-single div { background: url(../images/btn-icon/settings.png) 5px 4px no-repeat; border-left: none; width: 100%; }
.cms-content-toolbar .chzn-container-single .chzn-single div { /*background:url(../images/btn-icon/settings.png) 5px 4px no-repeat;*/ border-left: none; width: 100%; }
.cms-content-toolbar .chzn-container-single .chzn-single div b { background: url(../images/sprites-32x32/menu-arrow-deselected-down.png) no-repeat 9px 11px; float: right; width: 24px; }
/* -------------------------------------------------------- Content Tools is the sidebar on the left of the main content panel */
.cms-content-tools { background-color: #F1F4F5; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; width: 192px; border-right: 1px solid #bfcad2; overflow-y: auto; overflow-x: hidden; z-index: 70; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; float: left; position: relative; }
.cms-content-tools { background: #eceff1; width: 192px; overflow-y: auto; overflow-x: hidden; z-index: 70; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; float: left; position: relative; }
.cms-content-tools.filter { padding: 0 !important; }
.cms-content-tools .cms-panel-header { clear: both; margin: 0 0 7px; line-height: 24px; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
.cms-content-tools .cms-panel-content { width: 176px; padding: 8px 8px 0; overflow: auto; height: 100%; }
@ -451,6 +459,7 @@ body.cms { overflow: hidden; }
/** -------------------------------------------- Preview -------------------------------------------- */
.cms-switch-view a { padding-right: 1em; }
<<<<<<< HEAD
.cms-preview { display: none; width: 1px; z-index: 100; }
.cms-preview .cms-preview-toggle { width: 10px; cursor: pointer; }
.cms-preview .cms-preview-toggle a { display: block; padding: 2px 12px 2px 6px; height: 16px; position: relative; top: 48%; background-color: #b0bec7; color: white; font-weight: bold; text-decoration: none; z-index: 2000; line-height: 16px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); -moz-box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); }
@ -469,6 +478,14 @@ body.cms { overflow: hidden; }
.cms-preview-toggle-link { display: block; float: right; font-size: 12px; text-decoration: none; }
.cms-preview-header { background-color: #FFBE66; padding: 10px; font-weight: bold; }
=======
/* Necessary because when chosen is initialised the selects are not part of cms-preview and so the sizes are wrong. */
select.preview-dropdown { display: inline; width: auto; padding-right: 20px; }
.cms-preview { background: white url(../images/preview.png) no-repeat center center; }
.cms-preview.is-collapsed .cms-preview-toggle a, .cms-preview.is-collapsed .cms-preview-toggle .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-preview.is-collapsed .cms-preview-toggle a:hover, .cms-preview.is-collapsed .cms-preview-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-preview.is-collapsed .cms-preview-toggle a:hover, .cms-preview.is-collapsed .cms-preview-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a { left: -15px; }
.cms-preview iframe { width: 100%; height: 100%; }
>>>>>>> NEW Side by side editing functionality - first cut (os#7412)
/** -------------------------------------------- Member Profile -------------------------------------------- */
form.member-profile-form { padding: 0 16px 0 0; }
@ -488,7 +505,7 @@ form.member-profile-form #Groups .middleColumn { margin-left: 0; width: 100%; }
form.member-profile-form #Groups .middleColumn .TreeDropdownField { width: 90%; max-width: 90%; }
form.member-profile-form #Permissions .optionset li { float: none; width: auto; }
.cms .cms-content { -webkit-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.cms .cms-content { -webkit-box-shadow: 1px 0 0 #bbbbbb; -moz-box-shadow: 1px 0 0 #bbbbbb; box-shadow: 1px 0 0 #bbbbbb; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /*background: $tab-panel-texture-background;*/ background: #eceff1; width: 800px; z-index: 40; }
.cms .cms-content-fields { overflow-y: auto; overflow-x: auto; background: none; width: 100%; }
.cms .cms-content-fields #Root_Main .confirmedpassword { border-bottom: none; box-shadow: none; }
.cms .cms-content-fields #Root_Main .customFormat { max-width: 80px; }
@ -509,13 +526,19 @@ form.member-profile-form #Permissions .optionset li { float: none; width: auto;
.cms-panel { overflow: hidden; }
.cms-panel .cms-panel-toggle { -webkit-box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); -moz-box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); }
.cms-panel .cms-panel-toggle.south { border-top: 1px solid rgba(201, 205, 206, 0.8); }
<<<<<<< HEAD
.cms-panel .cms-panel-toggle a { display: block; text-align: right; padding: 4px 0; width: 100%; text-decoration: none; }
.cms-panel .cms-panel-toggle a span { display: inline-block; margin: 0 5px; color: #1f1f1f; font-size: 16px; }
.cms-panel .cms-panel-toggle a.toggle-expand { width: 40px; }
=======
.cms-panel .cms-panel-toggle a, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-panel .cms-panel-toggle a:hover, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel .cms-panel-toggle a:hover, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a { display: block; text-align: right; padding: 4px 0; width: 100%; text-decoration: none; }
.cms-panel .cms-panel-toggle a span, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow a:hover span, .cms .jstree .jstree-wholerow .cms-panel .cms-panel-toggle a:hover span, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a span, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a span, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a span, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover span, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel .cms-panel-toggle a:hover span, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a span, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a span { display: inline-block; margin: 0 5px; color: #1f1f1f; font-size: 16px; }
.cms-panel .cms-panel-toggle a.toggle-expand, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow a.toggle-expand:hover, .cms .jstree .jstree-wholerow .cms-panel .cms-panel-toggle a.toggle-expand:hover, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-expand, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.toggle-expand, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.toggle-expand:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel .cms-panel-toggle a.toggle-expand:hover, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand { width: 40px; display: none; }
>>>>>>> NEW Side by side editing functionality - first cut (os#7412)
.cms-panel.cms-content-tools .cms-panel-toggle.south { border-top: 1px solid #FFF; }
.cms-panel.collapsed { cursor: pointer; }
.cms-panel.collapsed .cms-panel-header * { display: none; }
.cms-panel.collapsed .cms-panel-content { display: none; }
.cms-panel.collapsed .cms-panel-header *, .cms-panel.collapsed .cms-panel-content, .cms-panel.collapsed .cms-panel-toggle a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow a.toggle-collapse:hover, .cms .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle a.toggle-collapse:hover, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-collapse, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-collapse, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.toggle-collapse, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.toggle-collapse, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.toggle-collapse:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle a.toggle-collapse:hover, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.toggle-collapse, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.toggle-collapse, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-collapse, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-collapse, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse { display: none; }
.cms-panel.collapsed .cms-panel-toggle a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow a.toggle-expand:hover, .cms .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle a.toggle-expand:hover, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-expand, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.toggle-expand, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.toggle-expand:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle a.toggle-expand:hover, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand { display: block; }
.cms-panel .cms-panel-header { width: 100%; }
.cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed { width: 40px; display: none; }
.cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed h2, .cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed h3 { border-bottom: 0; margin-left: 8px; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
@ -527,7 +550,7 @@ form.member-profile-form #Permissions .optionset li { float: none; width: auto;
.cms-panel .collapsed-flyout { display: block !important; left: 41px; margin-top: -40px; position: fixed; width: 191px; }
.cms-panel .collapsed-flyout li a span { display: block !important; }
.cms .cms-panel-padded { padding: 8px 16px; margin: 0; }
.cms .cms-panel-padded { padding: 8px 16px 16px; margin: 0; }
/** ------------------------------------------------------------------
* Dialog
@ -740,23 +763,28 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
.cms-tree a.jstree-loading .jstree-pageicon { background: url(../images/throbber.gif) top left no-repeat; }
/** Styles for the left hand side menu and header for the admin panels. Take into consideration CSS selector performance. @package framework @subpackage admin */
.cms-logo-header { background-color: #00111d; position: relative !important; top: auto !important; height: auto !important; padding: 0 8px 0 4px; line-height: 24px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMTExZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAzMDUwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAxMTFkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00111d), color-stop(50%, #003050), color-stop(100%, #00111d)); background-image: -webkit-linear-gradient(#00111d, #003050, #00111d); background-image: -moz-linear-gradient(#00111d, #003050, #00111d); background-image: -o-linear-gradient(#00111d, #003050, #00111d); background-image: linear-gradient(#00111d, #003050, #00111d); }
.cms-logo-header { background-color: #142136; position: relative !important; top: auto !important; height: auto !important; padding: 0 8px; line-height: 24px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNGU4MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0MjEzNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #304e80), color-stop(100%, #142136)); background-image: -webkit-linear-gradient(#304e80, #142136); background-image: -moz-linear-gradient(#304e80, #142136); background-image: -o-linear-gradient(#304e80, #142136); background-image: linear-gradient(#304e80, #142136); }
.cms-logo-header span { color: white; display: block; padding-left: 26px; }
.cms-logo-header span a { color: #3ebae0; display: inline; }
.cms-logo { border-bottom: 1px solid #03090c; overflow: hidden; padding: 8px 0; position: relative; vertical-align: middle; font-size: 12px; }
.cms-logo { border-bottom: 1px solid #1a2a45; overflow: hidden; padding: 10px 0 9px; /* should come to 40px with border bottom and line-height */ position: relative; vertical-align: middle; font-size: 12px; min-height: 20px; }
.collapsed .cms-logo { padding: 0; }
.cms-logo .version { display: none; }
<<<<<<< HEAD
.cms-logo a { position: absolute; top: 8px; bottom: 8px; left: 4px; display: block; width: 24px; background: url("../images/logo_small.png") no-repeat left center; text-indent: -9999em; padding-right: 7px; border-right: 1px solid #19435c; }
.cms-logo span { font-weight: bold; font-size: 14px; line-height: 20px; padding: 2px 0; margin-left: 44px; }
=======
.cms-logo a, .cms-logo .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-logo a:hover, .cms-logo .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-logo li.vakata-hover > a, .cms-logo .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-logo li.vakata-hover > a, .cms-logo .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-logo li.vakata-hover > a, .cms-logo .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-logo li.vakata-hover > a, .cms-logo .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-logo a:hover, .cms-logo .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-logo li.vakata-hover > a, .cms-logo .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-logo li.vakata-hover > a, .cms-logo .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-logo li.vakata-hover > a, .cms-logo .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-logo li.vakata-hover > a { position: absolute; top: 8px; bottom: 8px; display: block; width: 24px; background: url("../images/logo_small.png") no-repeat left center; text-indent: -9999em; padding: 0 1px; }
.cms-logo span { font-weight: bold; font-size: 12px; line-height: 16px; padding: 2px 0; margin-left: 30px; }
>>>>>>> NEW Side by side editing functionality - first cut (os#7412)
.cms-login-status { border-top: 1px solid #19435c; padding: 7px 4px; line-height: 16px; font-size: 11px; }
.cms-login-status .logout-link { display: inline-block; height: 16px; width: 16px; float: left; margin: 0 8px 0 3px; background: url('../images/sprites-32x32-sb47394f892.png') 0 -76px no-repeat; text-indent: -9999em; }
.cms-login-status { border-top: 1px solid #19435c; padding: 12px 0 17px; line-height: 16px; font-size: 11px; }
.cms-login-status .logout-link { display: inline-block; height: 16px; width: 16px; float: left; margin: 0 8px 0 5px; background: url('../images/sprites-32x32-sb47394f892.png') 0 -76px no-repeat; text-indent: -9999em; }
.cms-menu { z-index: 80; background: #b0bec7; width: 192px; -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; -moz-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; }
.cms-menu a { text-decoration: none; }
.cms-menu .cms-panel-content { width: 191px; /* 8x24 - 1 */ overflow-x: hidden; overflow-y: auto; position: relative !important; top: auto !important; left: auto !important; }
.cms-menu.collapsed { width: 40px; cursor: auto; z-index: 1000; }
.cms-menu.collapsed { width: 40px !important; cursor: auto; z-index: 1000; }
.cms-menu.collapsed .cms-panel-header { width: 30px; }
.cms-menu.collapsed .cms-panel-header span { display: none; }
.cms-menu.collapsed .cms-menu-list { overflow-x: hidden; overflow-y: auto; }
@ -765,10 +793,11 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
.cms-menu.collapsed .cms-menu-list li ul { display: none; }
.cms-menu.collapsed .cms-login-status { height: 16px; }
.cms-menu.collapsed .cms-login-status span { display: none; }
.cms-menu.collapsed .cms-logo { height: 24px; }
.cms-menu.collapsed .cms-logo { height: 20px; padding: 10px 0 9px; }
.cms-menu.collapsed.cms-panel .cms-panel-content { display: block; }
.cms-menu-list li { /* Style applied to the menu flyout only when the collapsed setting */ }
<<<<<<< HEAD
.cms-menu-list li a { display: block; height: 24px; line-height: 24px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: #bfcad2 1px 1px 0; color: #1f1f1f; padding: 7px 5px 7px 8px; background-color: #b0bec7; cursor: pointer; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#b0bec7, #92a5b2); background-image: -moz-linear-gradient(#b0bec7, #92a5b2); background-image: -o-linear-gradient(#b0bec7, #92a5b2); background-image: linear-gradient(#b0bec7, #92a5b2); border-top: 1px solid #c2cdd4; border-bottom: 1px solid #748d9d; }
.cms-menu-list li a:hover { text-decoration: none; background-color: #b6c3cb; border-bottom: 1px solid #8399a7; color: #2c2c2c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmY2FkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfcad2), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(#bfcad2, #b0bec7); background-image: -moz-linear-gradient(#bfcad2, #b0bec7); background-image: -o-linear-gradient(#bfcad2, #b0bec7); background-image: linear-gradient(#bfcad2, #b0bec7); }
.cms-menu-list li a:focus, .cms-menu-list li a:active { border-top: 1px solid #a1b2bc; text-decoration: none; background-color: #a1b2bc; color: #393939; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ExYjJiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92a5b2), color-stop(100%, #a1b2bc)); background-image: -webkit-linear-gradient(#92a5b2, #a1b2bc); background-image: -moz-linear-gradient(#92a5b2, #a1b2bc); background-image: -o-linear-gradient(#92a5b2, #a1b2bc); background-image: linear-gradient(#92a5b2, #a1b2bc); }
@ -781,6 +810,20 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
.cms-menu-list li.current a { color: white; text-shadow: #1e5270 0 -1px 0; border-top: 1px solid #55a4d2; border-bottom: 1px solid #1e5270; background-color: #338dc1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background-image: -webkit-linear-gradient(#338dc1, #287099); background-image: -moz-linear-gradient(#338dc1, #287099); background-image: -o-linear-gradient(#338dc1, #287099); background-image: linear-gradient(#338dc1, #287099); }
.cms-menu-list li.current a .toggle-children .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -217px no-repeat; }
.cms-menu-list li.current a .toggle-children.opened .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -905px no-repeat; }
=======
.cms-menu-list li a, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a { display: block; height: 24px; line-height: 24px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: #bfcad2 1px 1px 0; color: #1f1f1f; padding: 7px 5px 7px 8px; background-color: #b0bec7; cursor: pointer; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#b0bec7, #92a5b2); background-image: -moz-linear-gradient(#b0bec7, #92a5b2); background-image: -o-linear-gradient(#b0bec7, #92a5b2); background-image: linear-gradient(#b0bec7, #92a5b2); border-top: 1px solid #c2cdd4; border-bottom: 1px solid #748d9d; }
.cms-menu-list li a:hover, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms #vakata-contextmenu li.vakata-hover > a, .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a:hover { text-decoration: none; background-color: #b6c3cb; border-bottom: 1px solid #8399a7; color: #2c2c2c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmY2FkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfcad2), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(#bfcad2, #b0bec7); background-image: -moz-linear-gradient(#bfcad2, #b0bec7); background-image: -o-linear-gradient(#bfcad2, #b0bec7); background-image: linear-gradient(#bfcad2, #b0bec7); }
.cms-menu-list li a:focus, .cms-menu-list li .cms .jstree .jstree-wholerow a:focus:hover, .cms .jstree .jstree-wholerow .cms-menu-list li a:focus:hover, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:focus, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:focus, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a:focus, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a:focus, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:focus:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:focus:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a:focus, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a:focus, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:focus, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:focus, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list li a:active, .cms-menu-list li .cms .jstree .jstree-wholerow a:active:hover, .cms .jstree .jstree-wholerow .cms-menu-list li a:active:hover, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:active, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a:active, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:active, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:active, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a:active, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a:active, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a:active, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:active, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:active:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:active:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a:active, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a:active, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a:active, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:active, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:active, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a:active, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:active, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:active { border-top: 1px solid #a1b2bc; text-decoration: none; background-color: #a1b2bc; color: #393939; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ExYjJiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92a5b2), color-stop(100%, #a1b2bc)); background-image: -webkit-linear-gradient(#92a5b2, #a1b2bc); background-image: -moz-linear-gradient(#92a5b2, #a1b2bc); background-image: -o-linear-gradient(#92a5b2, #a1b2bc); background-image: linear-gradient(#92a5b2, #a1b2bc); }
.cms-menu-list li a .icon, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover .icon, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover .icon, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .icon, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .icon, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .icon, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover .icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .icon, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .icon { display: inline-block; float: left; margin: 4px 10px 0 4px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.cms-menu-list li a .text, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover .text, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover .text, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .text, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .text, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .text, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .text, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .text, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a .text, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .text, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .text, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .text, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover .text, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .text, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a .text, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .text, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .text, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .text, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .text, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .text, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .text { display: inline-block; float: left; }
.cms-menu-list li a .toggle-children, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover .toggle-children, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover .toggle-children, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .toggle-children, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .toggle-children, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .toggle-children, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover .toggle-children, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .toggle-children, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .toggle-children, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children { display: inline-block; float: right; width: 20px; height: 100%; cursor: pointer; }
.cms-menu-list li a .toggle-children .toggle-children-icon, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover .toggle-children .toggle-children-icon, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover .toggle-children .toggle-children-icon, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover .toggle-children .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon { display: inline-block; width: 8px; height: 8px; background: url('../images/sprites-32x32-sb47394f892.png') 0 -159px no-repeat; vertical-align: middle; }
.cms-menu-list li a .toggle-children.opened .toggle-children-icon, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover .toggle-children.opened .toggle-children-icon, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover .toggle-children.opened .toggle-children-icon, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover .toggle-children.opened .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -143px no-repeat; }
.cms-menu-list li ul li a, .cms-menu-list li ul li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-menu-list li ul li a:hover, .cms-menu-list li ul .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li ul li a:hover, .cms-menu-list li ul .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li ul li.vakata-hover > a { border-top: 1px solid #b6c3cb; }
.cms-menu-list li.current a, .cms-menu-list li.current .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-menu-list li.current a:hover, .cms-menu-list li.current .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.current a:hover, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a { color: white; text-shadow: #1e5270 0 -1px 0; border-top: 1px solid #55a4d2; border-bottom: 1px solid #236184; background-color: #338dc1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background-image: -webkit-linear-gradient(#338dc1, #287099); background-image: -moz-linear-gradient(#338dc1, #287099); background-image: -o-linear-gradient(#338dc1, #287099); background-image: linear-gradient(#338dc1, #287099); }
.cms-menu-list li.current a .toggle-children .toggle-children-icon, .cms-menu-list li.current .cms .jstree .jstree-wholerow a:hover .toggle-children .toggle-children-icon, .cms .jstree .jstree-wholerow .cms-menu-list li.current a:hover .toggle-children .toggle-children-icon, .cms-menu-list li.current .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.current a:hover .toggle-children .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -217px no-repeat; }
.cms-menu-list li.current a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .cms .jstree .jstree-wholerow a:hover .toggle-children.opened .toggle-children-icon, .cms .jstree .jstree-wholerow .cms-menu-list li.current a:hover .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.current a:hover .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -905px no-repeat; }
>>>>>>> NEW Side by side editing functionality - first cut (os#7412)
.cms-menu-list li.current ul { border-top: none; display: block; }
.cms-menu-list li.current li { background-color: #287099; }
.cms-menu-list li.current li a { font-size: 11px; padding: 0 10px 0 40px; height: 32px; line-height: 32px; color: #e2f0f7; background: none; border-top: 1px solid #2f81b1; border-bottom: 1px solid #1e5270; }
@ -835,6 +878,64 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
.cms-menu-list.collapsed li .text, .cms-menu-list.collapsed li .toggle-children { display: none; }
.cms-menu-list.collapsed li > li { display: none; }
/* -------------------------- */
.cms-preview-controls { z-index: 1; background: #eceff1; min-height: 28px; padding: 12px 12px; }
.cms-navigator { width: 100%; /* Old selecter - to delete */ }
.cms-navigator .chzn-results li { display: list-item; }
.cms-navigator .field { display: inline-block; float: right; margin-right: 4px; }
/* Preview selector */
ul.preview-selector li { position: relative; float: right; margin: 1px 0 0; }
ul.preview-selector li .preview-selected span { display: none; }
ul.preview-selector li a, ul.preview-selector li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a { padding: 6px 6px 6px 30px; width: 0px; text-indent: 299px; overflow: hidden; background-color: #FFF; background-image: url(../images/preview_icons.png); background-repeat: no-repeat; }
ul.preview-selector li a.icon-auto, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-auto:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-auto:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-auto, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-auto, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-auto:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-auto:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-auto { background-position: -3px -246px; }
ul.preview-selector li a.icon-desktop, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-desktop:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-desktop:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-desktop, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-desktop, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-desktop:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-desktop:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-desktop { background-position: -3px -62px; }
ul.preview-selector li a.icon-tablet, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-tablet:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-tablet:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-tablet, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-tablet, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-tablet:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-tablet:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-tablet { background-position: -3px -33px; }
ul.preview-selector li a.icon-mobile, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-mobile:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-mobile:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-mobile, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-mobile, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-mobile:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-mobile:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-mobile { background-position: -3px -1px; }
ul.preview-selector li a.icon-split, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-split:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-split:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-split, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-split, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-split:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-split:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-split { background-position: -3px -214px; }
ul.preview-selector li a.icon-edit, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-edit:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-edit:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-edit, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-edit, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-edit:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-edit:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-edit { background-position: -3px -184px; }
ul.preview-selector li a.icon-preview, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-preview:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-preview:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-preview, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-preview, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-preview:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-preview:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-preview { background-position: -3px -154px; }
ul.preview-selector li a.icon-window, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-window:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-window:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-window, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-window, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-window:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-window:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-window { background-position: -3px -124px; }
ul.preview-selector li a:hover, ul.preview-selector li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms #vakata-contextmenu li.vakata-hover > a, .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a:hover { background-color: #f2f4f6; text-decoration: none; }
ul.preview-selector li li { border: none; margin: 0; }
ul.preview-selector li li a, ul.preview-selector li li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a { display: block; line-height: 18px; height: auto; border-bottom: 1px solid rgba(201, 205, 206, 0.8); width: 90px; text-indent: 0; }
ul.preview-selector li li a.icon-auto, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-auto:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-auto:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-auto, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-auto, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-auto:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-auto:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-auto { background-position: -3px -242px; }
ul.preview-selector li li a.icon-desktop, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-desktop:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-desktop:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-desktop, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-desktop, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-desktop:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-desktop:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-desktop { background-position: -3px -58px; }
ul.preview-selector li li a.icon-tablet, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-tablet:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-tablet:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-tablet, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-tablet, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-tablet:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-tablet:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-tablet { background-position: -3px -29px; }
ul.preview-selector li li a.icon-mobile, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-mobile:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-mobile:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-mobile, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-mobile, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-mobile:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-mobile:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-mobile { background-position: -3px 3px; }
ul.preview-selector li li a.icon-split, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-split:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-split:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-split, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-split, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-split:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-split:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-split { background-position: -3px -211px; }
ul.preview-selector li li a.icon-edit, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-edit:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-edit:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-edit, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-edit, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-edit:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-edit:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-edit { background-position: -3px -182px; }
ul.preview-selector li li a.icon-preview, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-preview:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-preview:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-preview, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-preview, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-preview:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-preview:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-preview { background-position: -3px -152px; }
ul.preview-selector li li a.icon-window, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-window:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-window:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-window, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-window, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-window:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-window:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-window { background-position: -3px -122px; }
ul.preview-selector li li.last a, ul.preview-selector li li.last .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li.last a:hover, ul.preview-selector li li.last .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.last a:hover, ul.preview-selector li li.last .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.last li.vakata-hover > a { border-bottom: none; }
ul.preview-selector li li.active a, ul.preview-selector li li.active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li.active a:hover, ul.preview-selector li li.active .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.active a:hover, ul.preview-selector li li.active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.active li.vakata-hover > a { background-color: #eceff1; }
ul.preview-selector li .preview-selected a, ul.preview-selector li .preview-selected .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li .preview-selected a:hover, ul.preview-selector li .preview-selected .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li .preview-selected a:hover, ul.preview-selector li .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li .preview-selected li.vakata-hover > a { float: left; display: inline; height: 16px; width: 1px; background-color: transparent; padding-right: 0; }
ul.preview-selector li .preview-size-menu { display: none; -webkit-border-radius: 4px 4px 0 4px; -moz-border-radius: 4px 4px 0 4px; -ms-border-radius: 4px 4px 0 4px; -o-border-radius: 4px 4px 0 4px; border-radius: 4px 4px 0 4px; border: 1px solid rgba(201, 205, 206, 0.8); background-color: #FFF; overflow: hidden; position: absolute; right: 0px; top: -125px; /* height for 4 items */ }
ul.preview-selector li:hover .preview-size-menu, ul.preview-selector.active .preview-size-menu { display: block; }
ul.preview-selector li:hover .preview-selected a, ul.preview-selector li:hover .preview-selected .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li:hover .preview-selected a:hover, ul.preview-selector li:hover .preview-selected .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li:hover .preview-selected a:hover, ul.preview-selector li:hover .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected a, ul.preview-selector.active .preview-selected .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector.active .preview-selected a:hover, ul.preview-selector.active .preview-selected .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector.active .preview-selected a:hover, ul.preview-selector.active .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector.active .preview-selected li.vakata-hover > a { background-color: #dae0e5; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
/* Preview selector - Override for double label */
ul.double-label li li a, ul.double-label li li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.double-label li li a:hover, ul.double-label li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.double-label li li.vakata-hover > a, ul.double-label li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a, ul.double-label li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.double-label li li.vakata-hover > a, ul.double-label li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a, ul.double-label li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.double-label li li a:hover, ul.double-label li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.double-label li li.vakata-hover > a, ul.double-label li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a, ul.double-label li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.double-label li li.vakata-hover > a, ul.double-label li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a { line-height: 12px; padding: 5px 6px 5px 30px; }
ul.double-label li li a span, ul.double-label li li .cms .jstree .jstree-wholerow a:hover span, .cms .jstree .jstree-wholerow ul.double-label li li a:hover span, ul.double-label li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a span, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.double-label li li.vakata-hover > a span, ul.double-label li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a span, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a span, ul.double-label li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a span, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.double-label li li.vakata-hover > a span, ul.double-label li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a span, ul.double-label li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover span, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.double-label li li a:hover span, ul.double-label li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.double-label li li.vakata-hover > a span, ul.double-label li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a span, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a span, ul.double-label li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.double-label li li.vakata-hover > a span, ul.double-label li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a span { color: #5e5e5e; font-size: 10px; display: block; }
ul.double-label li .preview-size-menu { top: -141px; /* height for 4 items */ }
/* On Off Switch*/
.cms-preview-states { float: right; margin-top: 2px; margin-right: 7px; position: relative; width: 100px; }
.cms-preview-states label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #236184; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.switch-options { display: block; width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in; -webkit-transition-delay: 0s; -moz-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; }
.switch-options a, .switch-options .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .switch-options a:hover, .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options a:hover, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a { text-align: right; width: 50%; float: left; display: block; padding: 0 6px 0 0; height: 24px; line-height: 24px; color: #FFF; background-color: #338dc1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287099), color-stop(100%, #338dc1)); background-image: -webkit-linear-gradient(#287099, #338dc1); background-image: -moz-linear-gradient(#287099, #338dc1); background-image: -o-linear-gradient(#287099, #338dc1); background-image: linear-gradient(#287099, #338dc1); -webkit-box-shadow: #236184 0 0 2px inset; -moz-box-shadow: #236184 0 0 2px inset; box-shadow: #236184 0 0 2px inset; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.switch-options a:hover, .switch-options .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .switch-options a:hover, .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options a:hover, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .cms #vakata-contextmenu li.vakata-hover > a, .cms #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a:hover, .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a:hover, .switch-options .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options li.vakata-hover > a:hover, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .switch-options li.vakata-hover > a:hover, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .switch-options li.vakata-hover > a:hover, .switch-options .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-options li.vakata-hover > a:hover, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a:hover, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a:hover { text-decoration: none; }
.switch-options a.first, .switch-options .cms .jstree .jstree-wholerow a.first:hover, .cms .jstree .jstree-wholerow .switch-options a.first:hover, .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.first, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a.first, .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.first, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a.first, .switch-options .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.first, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-options li.vakata-hover > a.first, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.first, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .switch-options li.vakata-hover > a.first, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.first:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options a.first:hover, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.first, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .switch-options li.vakata-hover > a.first, .switch-options .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.first, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options li.vakata-hover > a.first, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.first, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a.first, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.first, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a.first, .switch-options a:first-child, .switch-options .cms .jstree .jstree-wholerow a:first-child:hover, .cms .jstree .jstree-wholerow .switch-options a:first-child:hover, .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:first-child, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a:first-child, .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:first-child, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a:first-child, .switch-options .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a:first-child, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-options li.vakata-hover > a:first-child, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a:first-child, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .switch-options li.vakata-hover > a:first-child, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:first-child:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options a:first-child:hover, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a:first-child, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .switch-options li.vakata-hover > a:first-child, .switch-options .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a:first-child, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options li.vakata-hover > a:first-child, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:first-child, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a:first-child, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:first-child, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a:first-child { text-align: left; padding-left: 8px; padding-right: 0; }
.switch { display: block; width: 8px; margin: 0px; position: absolute; top: 0; bottom: 0; right: 90px; border: 1px solid #9a9a9a; -webkit-box-shadow: white 0 0 2px inset; -moz-box-shadow: white 0 0 2px inset; box-shadow: white 0 0 2px inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #eceff1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwLjIpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDApIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: all 0.3s ease-in; -webkit-transition-delay: 0s; -moz-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
input.hide { display: none; }
input:checked + label .switch-options { margin-left: 0; }
input:checked + label .switch { right: 0px; }
.ModelAdmin .cms-content-fields { overflow: hidden; }
.ModelAdmin .cms-content-fields .cms-edit-form { overflow-y: scroll; overflow-x: hidden; }
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content .cms-search-form .resetformaction { margin-right: 0px; }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 709 B

BIN
admin/images/preview.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -93,7 +93,7 @@
if(window.debug) console.log('redraw', this.attr('class'), this.get(0));
// Fix dimensions to actual extents, in preparation for a relayout via jslayout.
this.height('auto');
this.height('28px');
this.height(this.innerHeight()-this.css('padding-top')-this.css('padding-bottom'));
}
});

View File

@ -0,0 +1,96 @@
/**
* File: LeftAndMain.Layout.js
*/
(function($) {
$.fn.layout.defaults.resize = false;
var minMenuWidth = 40;
var maxMenuWidth = 150;
var prefContentWidth = 820;
var prefPreviewWidth = 500;
var minPreviewWidth = 400;
jLayout = (typeof jLayout === 'undefined') ? {} : jLayout;
jLayout.threeColumnCompressor = function (spec) {
var obj = {}, menu = $.jLayoutWrap(spec.menu), content = $.jLayoutWrap(spec.content), preview = $.jLayoutWrap(spec.preview);
obj.layout = function (container) {
var contentHidden = (content.item.is('.is-collapsed'));
var size = container.bounds(),
insets = container.insets(),
top = insets.top,
bottom = size.height - insets.bottom,
left = insets.left,
right = size.width - insets.right;
var menuWidth = $('#cms-menu.cms-panel').hasClass('collapsed') ? minMenuWidth : maxMenuWidth;
var contentWidth = contentHidden ? 0 : prefContentWidth;
var previewWidth = right - left - (menuWidth + contentWidth);
if (!contentHidden) {
var previewWidth = right - left - (menuWidth + contentWidth);
var previewUnderlay = false;
// If preview width is less than the minimum size, take some off the menu
if (previewWidth < prefPreviewWidth) {
if (previewWidth < minPreviewWidth) {
contentWidth = right - left - menuWidth;
previewWidth = right - left - menuWidth;
previewUnderlay = true;
if (contentWidth < prefContentWidth) {
contentWidth = right - left - menuWidth;
previewWidth = right - left - menuWidth;
}
}
}
else if (previewWidth > 500) {
contentWidth = (right - left - menuWidth) / 2;
previewWidth = right - left - (menuWidth + contentWidth);
}
}
menu.bounds({'x': left, 'y': top, 'height': bottom - top, 'width': menuWidth});
menu.doLayout();
left += menuWidth;
content.bounds({'x': left, 'y': top, 'height': bottom - top, 'width': contentWidth});
content.item.css({display: contentHidden ? 'none' : 'block'});
content.doLayout();
if (!previewUnderlay) left += contentWidth;
preview.bounds({'x': left, 'y': top, 'height': bottom - top, 'width': previewWidth});
preview.doLayout();
return container;
};
function typeLayout(type) {
var func = type + 'Size';
return function (container) {
var menuSize = menu[func](), contentSize = content[func](), previewSize = preview[func](), insets = container.insets();
width = menuSize.width + contentSize.width + previewSize.width;
height = Math.max(menuSize.height, contentSize.height, previewSize.height);
return {
'width': insets.left + insets.right + width,
'height': insets.top + insets.bottom + height
};
};
}
obj.preferred = typeLayout('preferred');
obj.minimum = typeLayout('minimum');
obj.maximum = typeLayout('maximum');
return obj;
};
}(jQuery));

View File

@ -79,8 +79,6 @@
var newWidth = bool ? this.getWidthExpanded() : this.getWidthCollapsed();
this.width(newWidth); // the content panel width always stays in "expanded state" to avoid floating elements
this.find('.toggle-collapse')[bool ? 'show' : 'hide']();
this.find('.toggle-expand')[bool ? 'hide' : 'show']();
// If an alternative collapsed view exists, toggle it as well
var collapsedContent = this.find('.cms-panel-content-collapsed');

View File

@ -40,11 +40,9 @@
// Load edit view for new page, but only if the preview is activated at the moment.
// This avoids e.g. force-redirections of the edit view on RedirectorPage instances.
if(!self.is('.is-collapsed')) self.loadCurrentPage();
self.loadCurrentPage();
});
if(this.hasClass('is-expanded')) this.expand();
else this.collapse();
this.data('cms-preview-initialized', true);
// Preview might not be available in all admin interfaces - block/disable when necessary
@ -53,21 +51,18 @@
$('.cms-preview-toggle-link')[this.canPreview() ? 'show' : 'hide']();
self._fixIframeLinks();
this.updatePreview();
this._super();
},
loadUrl: function(url) {
this.find('iframe').attr('src', url);
},
updateAfterXhr: function(){
$('.cms-preview-toggle-link')[this.canPreview() ? 'show' : 'hide']();
// Only load when panel is visible (see details in iframe load event handler).
if(this.is('.is-collapsed')) return;
// var url = ui.xmlhttp.getResponseHeader('x-frontend-url');
updatePreview: function() {
var url = $('.cms-edit-form').choosePreviewLink();
if(url) {
this.loadUrl(url);
this.unblock();
@ -77,6 +72,11 @@
}
},
updateAfterXhr: function(){
$('.cms-preview-toggle-link')[this.canPreview() ? 'show' : 'hide']();
this.updatePreview();
},
'from .cms-container': {
onaftersubmitform: function(){
this.updateAfterXhr();
@ -86,15 +86,6 @@
}
},
// Toggle preview when new menu entry is selected.
// Only do this when preview is actually shown,
// to avoid auto-expanding the menu in normal CMS mode
'from .cms-menu-list li': {
onselect: function(){
if(!this.hasClass('is-collapsed')) this.collapse();
}
},
/**
* Loads the matching edit form for a page viewed in the preview iframe,
* based on metadata sent along with this document.
@ -130,7 +121,13 @@
},
_fixIframeLinks: function() {
var doc = this.find('iframe')[0].contentDocument;
var iframe = this.find('iframe')[0];
if(iframe){
var doc = iframe.contentDocument;
}else{
return;
}
if(!doc) return;
// Block outside links from going anywhere
@ -152,39 +149,6 @@
if(naviMsg) naviMsg.style.display = 'none';
},
expand: function(inclMenu) {
var self = this, containerEl = this.getLayoutContainer(), contentEl = containerEl.find('.cms-content');
this.show();
this.removeClass('east').addClass('center').removeClass('is-collapsed');
// this.css('overflow', 'auto');
contentEl.removeClass('center').hide();
this.find('iframe').show();
this.find('.cms-preview-toggle a').html('&raquo;');
this.find('.cms-preview-controls').show();
if(this.data('cms-preview-initialized')) {
containerEl.find('.cms-menu').collapsePanel();
}
containerEl.redraw();
},
collapse: function() {
var self = this, containerEl = this.getLayoutContainer(), contentEl = containerEl.find('.cms-content');
this.addClass('east').removeClass('center').addClass('is-collapsed').width(10);
// this.css('overflow', 'hidden');
contentEl.addClass('center').show().css('visibility', 'visible');
this.find('iframe').hide();
this.find('.cms-preview-toggle a').html('&laquo;');
this.find('.cms-preview-controls').hide();
if(this.data('cms-preview-initialized')) {
containerEl.find('.cms-menu').expandPanel();
}
containerEl.redraw();
},
block: function() {
this.addClass('blocked');
},
@ -197,13 +161,8 @@
return this.parents('.cms-container');
},
toggle: function(bool) {
this[this.hasClass('is-collapsed') ? 'expand' : 'collapse']();
},
redraw: function() {
if(window.debug) console.log('redraw', this.attr('class'), this.get(0));
this.layout({resize: false});
}
});
@ -238,74 +197,57 @@
}
});
$('.cms-preview .cms-preview-toggle').entwine({
$('.switch-options a').entwine({
onclick: function(e) {
e.preventDefault();
this.parents('.cms-preview').toggle();
}
});
$('.cms-switch-view a').entwine({
onclick: function(e) {
e.preventDefault();
var preview = $('.cms-preview');
preview.toggle(true);
preview.loadUrl($(e.target).attr('href'));
var loadSibling = $(this).siblings('a');
var checkbox = $(this).closest('.cms-preview-states').find('input');
if(checkbox.attr('checked') !== undefined){
checkbox.attr('checked', false);
}else{
checkbox.attr('checked', true);
}
preview.loadUrl($(loadSibling).attr('href'));
return false;
}
});
$('.cms-menu li').entwine({
onclick: function(e) {
// Prevent reloading of interface when opening the edit panel
if(this.hasClass('Menu-CMSMain')) {
var preview = $('.cms-preview');
preview.toggle(true);
e.preventDefault();
}
}
});
$('.cms-preview .cms-preview-states').entwine({
onmatch: function() {
this.find('a').addClass('disabled');
this.find('.active a').removeClass('disabled');
this.find('.cms-preview-watermark').show();
this.find('.active .cms-preview-watermark').hide();
this._super();
},
onunmatch: function() {
this._super();
}
});
$('.cms-preview .cms-preview-states a').entwine({
onclick: function(e) {
e.preventDefault();
this.parents('.cms-preview').loadUrl(this.attr('href'));
this.addClass('disabled');
this.parents('.cms-preview-states').find('a').not(this).removeClass('disabled');
//This hides all watermarks
this.parents('.cms-preview-states').find('.cms-preview-watermark').hide();
//Show the watermark for the current state
this.siblings('.cms-preview-watermark').show();
}
});
$('.cms-preview-toggle-link').entwine({
onclick: function(e) {
$('#cms-preview-mode-dropdown').entwine({
onchange: function(e) {
e.preventDefault();
var preview = $('.cms-preview'),
url = $('.cms-edit-form').choosePreviewLink();
if(url) {
preview.loadUrl(url);
preview.unblock();
preview.toggle();
var content = $('.cms-content');
var state = $(this).val();
if (state == 'split') {
content.removeClass('is-collapsed');
} else {
content.addClass('is-collapsed');
}
content.parent().redraw();
}
});
// Preview selectors (screen size, screen mode)
$('.preview-selector .preview-selected').entwine({
onclick: function(e) {
e.preventDefault();
this.parents('.preview-selector').toggleClass('active');
}
});
$(".preview-selector .preview-size-menu li").entwine({
onclick: function(e) {
var text = $(this).html();
this.parents('.preview-selector').removeClass('active').find('.preview-selected').html(text);
this.siblings().removeClass('active');
this.addClass('active');
}
});
$('.cms-edit-form').entwine({
/**
* Choose applicable preview link based on form data,

View File

@ -4,6 +4,7 @@ jQuery.noConflict();
* File: LeftAndMain.js
*/
(function($) {
// setup jquery.entwine
$.entwine.warningLevel = $.entwine.WARN_LEVEL_BESTPRACTISE;
$.entwine('ss', function($) {
@ -147,16 +148,22 @@ jQuery.noConflict();
redraw: function() {
if(window.debug) console.log('redraw', this.attr('class'), this.get(0));
// Move from inner to outer layouts. Some of the elements might not exist.
// Not all edit forms are layouted, so qualify by their data value.
// Use the three column compressor layout, which squishes preview, then menu, then content
this.data('jlayout', jLayout.threeColumnCompressor({
menu: this.children('.cms-menu'),
content: this.children('.cms-content'),
preview: this.children('.cms-preview')}
));
this.layout({resize: false});
// Do the layout - this also lays out children. We move from outside to inside, resizing to fit the parent
this.layout();
// Redraw on all the children that need it
this.find('.cms-panel-layout').redraw();
this.find('.cms-content-fields[data-layout-type]').redraw();
this.find('.cms-edit-form[data-layout-type]').redraw();
this.find('.cms-preview').redraw();
this.find('.cms-content').redraw();
this.layout({resize: false});
},
/**
@ -800,8 +807,6 @@ jQuery.noConflict();
$(".cms-panel-layout").entwine({
redraw: function() {
if(window.debug) console.log('redraw', this.attr('class'), this.get(0));
this.layout({resize: false});
}
});

View File

@ -293,7 +293,7 @@ form.small .field, .field.small {
}
.Actions {
min-height: 30px;
max-height: 28px;
overflow: auto;
}

View File

@ -8,16 +8,16 @@
*/
.cms-logo-header {
background-color: darken($color-dark-bg, 10%);
background-color: $color-dark-bg;
position: relative !important;
top:auto !important;
height:auto !important;
padding: 0 8px 0 4px;
padding: 0 8px;
line-height: 24px;
@include background-image(
linear-gradient(darken($color-dark-bg, 10%), $color-dark-bg, darken($color-dark-bg, 10%)
));
linear-gradient(lighten($color-dark-bg,20%), $color-dark-bg)
);
span {
color: $color-text-light;
@ -32,12 +32,13 @@
}
.cms-logo {
border-bottom: 1px solid darken($color-dark-separator, 20%);
border-bottom: 1px solid lighten($color-dark-bg,4%);
overflow: hidden;
padding: $grid-y 0;
padding: $grid-y+2 0 $grid-y+1; /* should come to 40px with border bottom and line-height */
position: relative;
vertical-align: middle;
font-size: $font-base-size;
min-height: 20px;
.collapsed &{
padding:0;
@ -51,27 +52,25 @@
position: absolute;
top: $grid-y;
bottom: $grid-y;
left: 4px;
display: block;
width: 24px;
background: $application-logo-small no-repeat left center;
text-indent: -9999em;
padding-right: 7px;
border-right: 1px solid $color-dark-separator;
padding: 0 1px;
}
span {
font-weight: bold;
font-size: 14px;
line-height: 20px;
font-size: $font-base-size;
line-height: 16px;
padding: 2px 0;
margin-left: 44px;
margin-left: 30px;
}
}
.cms-login-status {
border-top: 1px solid $color-dark-separator;
padding: 7px 4px;
padding: $grid-y*1.5 0 17px;
line-height: 16px;
font-size: $font-base-size - 1;
@ -80,7 +79,7 @@
height: 16px;
width: 16px;
float: left;
margin: 0 8px 0 3px;
margin: 0 8px 0 5px;
background: sprite($sprites32, logout) no-repeat;
text-indent: -9999em;
}
@ -90,6 +89,7 @@
z-index: 80;
background: $color-base;
width: ($grid-x * 24); // Removed right border as it clashes with different blues
@include box-shadow($color-shadow-blacker 0 0 3px);
a {
text-decoration: none;
@ -105,7 +105,7 @@
}
&.collapsed {
width: 40px;
width: 40px !important;
cursor: auto;
z-index: 1000;
@ -140,7 +140,8 @@
}
.cms-logo {
height:24px;
height:20px;
padding: 10px 0 9px;
}
&.cms-panel .cms-panel-content {
@ -242,7 +243,7 @@
color: $color-text-light;
text-shadow: darken($color-menu-button, 20%) 0 -1px 0;
border-top: 1px solid lighten($color-menu-button, 10%);
border-bottom: 1px solid darken($color-menu-button, 20%);
border-bottom: 1px solid darken($color-menu-button, 15%);
background-color: $color-menu-button;
@include background-image(linear-gradient(
$color-menu-button,

View File

@ -101,5 +101,9 @@
*:first-child &{ zoom:1;}
}
@mixin transition($properties: margin 0.3s ease-in 0s){
-moz-transition: $properties;
-webkit-transition: $properties;
-o-transition: $properties;
transition: $properties;
}

243
admin/scss/_preview.scss Normal file
View File

@ -0,0 +1,243 @@
/* -------------------------- */
.cms-preview-controls {
z-index: 1;
background: $color-widget-bg;
min-height: 28px;
padding: $grid-y*1.5 $grid-y*1.5;
}
.cms-navigator {
width: 100%;
/* Old selecter - to delete */
.chzn-results li {
display: list-item;
}
.field {
display: inline-block;
float: right;
margin-right: $grid-x/2;
}
}
/* Preview selector */
ul.preview-selector {
li {
position: relative;
float: right;
margin: 1px 0 0;
.preview-selected span {
display: none;
}
a {
padding: 6px 6px 6px 30px;
width: 0px;
text-indent: 299px;
overflow: hidden;
background: {
color: #FFF;
image: url(../images/preview_icons.png);
repeat: no-repeat;
}
&.icon-auto {
background-position: -3px -246px;
}
&.icon-desktop {
background-position: -3px -62px;
}
&.icon-tablet {
background-position: -3px -33px;
}
&.icon-mobile {
background-position: -3px -1px;
}
&.icon-split {
background-position: -3px -214px;
}
&.icon-edit {
background-position: -3px -184px;
}
&.icon-preview {
background-position: -3px -154px;
}
&.icon-window {
background-position: -3px -124px;
}
&:hover {
background-color: lighten($color-widget-bg,2%);
text-decoration: none;
}
}
li {
border: none;
margin: 0;
a {
display: block;
line-height: 18px;
height: auto;
border-bottom: 1px solid $color-light-separator;
width: 90px;
text-indent: 0;
&.icon-auto {
background-position: -3px -242px;
}
&.icon-desktop {
background-position: -3px -58px;
}
&.icon-tablet {
background-position: -3px -29px;
}
&.icon-mobile {
background-position: -3px 3px;
}
&.icon-split {
background-position: -3px -211px;
}
&.icon-edit {
background-position: -3px -182px;
}
&.icon-preview {
background-position: -3px -152px;
}
&.icon-window {
background-position: -3px -122px;
}
}
&.last a {
border-bottom: none;
}
&.active a {
background-color: $color-widget-bg;
}
}
.preview-selected {
a {
float:left;
display: inline;
height: 16px;
width:1px;
background-color: transparent;
padding-right: 0;
}
}
.preview-size-menu {
display: none;
@include border-radius(4px 4px 0 4px);
border: 1px solid $color-light-separator;
background-color: #FFF;
overflow: hidden;
position: absolute;
right: 0px;
top: -125px; /* height for 4 items */
}
}
li:hover, &.active {
.preview-size-menu {
display: block;
}
}
li:hover .preview-selected a, &.active .preview-selected a {
background-color: darken($color-widget-bg,6%);
@include border-radius(0 0 4px 4px);
}
}
/* Preview selector - Override for double label */
ul.double-label li {
li a {
line-height: 12px;
padding: 5px 6px 5px 30px;
span {
color: lighten($color-text,10%);
font-size: 10px;
display: block;
}
}
.preview-size-menu {
top: -141px; /* height for 4 items */
}
}
/* On Off Switch*/
.cms-preview-states {
float: right;
margin-top: 2px;
margin-right: 7px;
position: relative;
width: 100px;
label {
display: block;
overflow: hidden;
cursor: pointer;
border: 1px solid darken($color-menu-button, 15%);
@include border-radius(3px);
}
}
.switch-options{
display:block;
width: 200%;
margin-left: -100%;
@include transition(margin 0.3s ease-in 0s);
a {
text-align: right;
width: 50%;
float: left;
display: block;
padding: 0 6px 0 0;
height: 24px;
line-height: 24px;
color: #FFF;
background-color: $color-menu-button;
@include background-image(linear-gradient(
darken($color-menu-button, 10%),
$color-menu-button
));
@include box-shadow(darken($color-menu-button, 15%) 0 0 2px inset);
@include box-sizing(border-box);
&:hover {
text-decoration: none;
}
&.first, &:first-child {
text-align: left;
padding-left: 8px;
padding-right: 0;
}
}
}
.switch {
display:block;
width: 8px;
margin: 0px;
position: absolute;
top: 0;
bottom: 0;
right: 90px;
border: 1px solid lighten($color-medium-separator,10%);
@include box-shadow(#FFF 0 0 2px inset);
@include border-radius(3px);
background: $color-widget-bg;
@include background-image(linear-gradient(
rgba(0,0,0,0.2) 0%,
rgba(0,0,0,0) 100%
));
@include transition(all 0.3s ease-in 0s);
}
input.hide{
display:none;
}
input:checked + label {
.switch-options {
margin-left: 0;
}
.switch {
right: 0px;
}
}

View File

@ -69,7 +69,8 @@ body.cms {
* -------------------------------------------- */
.cms-container {
height: 100%;
background: $tab-panel-texture-background;
/*background: $tab-panel-texture-background;*/
background: $tab-panel-texture-color;
}
.cms-preview,
@ -132,6 +133,10 @@ body.cms {
}
}
#Form_EditForm.CMSMain {
padding: 0; /* fixs the double padding around the edit panel - move to framework? */
}
/** --------------------------------------------
* Tabs
* -------------------------------------------- */
@ -146,6 +151,7 @@ body.cms {
.ui-tabs-panel {
padding: $grid-x 0;
background: transparent; // default it's white
}
.ui-widget-header {
@ -153,17 +159,13 @@ body.cms {
background: none;
}
.ui-tabs-panel {
background: transparent; // default it's white
}
.ui-tabs-nav {
float: right;
margin: 0 0 -1px 0;
padding: 0 $grid-x*2 0 0;
border-bottom: none;
& ~ .ui-tabs-panel {
~ .ui-tabs-panel {
border-top:1px solid $color-button-generic-border;
clear: both;
}
@ -279,6 +281,7 @@ body.cms {
.ui-tabs.cms-tabset-primary .ui-tabs-nav, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary {
li {
margin-right: 0; // tabs are directly adjacent
margin-top: 0;
a {
margin: 0;
// overlap divider line below
@ -307,7 +310,8 @@ body.cms {
.ui-state-active {
@include box-shadow(none);
background: darken($color-widget-bg, 2%);
background: $tab-panel-texture-background;
background: $tab-panel-texture-color;
/*background: $tab-panel-texture-background;*/
border-top: none;
border: {
right-color: darken($color-tab, 15%); // same color as divider between header and body, needed for IE
@ -404,15 +408,17 @@ body.cms {
* Actions
* -------------------------------------------- */
.cms-content-actions {
.cms-content-actions, .cms-preview-controls {
margin: 0;
padding: $grid-y*1.5 $grid-y*2;
z-index: 0;
border-top: 1px solid $color-light-separator;
border-top: 1px solid #FAFAFA;
@include box-shadow(#CCC 0 -1px 1px);
@include box-shadow(1px 0 0 $tab-panel-texture-color, #CCC 0 -1px 1px);
height: 28px;
}
/** --------------------------------------------
* Messages
* -------------------------------------------- */
@ -445,10 +451,6 @@ body.cms {
background-color: lighten($color-good,40%);
border-color: $color-good;
}
/* // Orange
background: lighten($color-optional,16%);
border-color: $color-optional;
*/
p {
margin: 0;
@ -510,8 +512,8 @@ body.cms {
padding: $grid-x;
overflow: auto;
}
#PageType {
}
#PageType {
ul {
padding-left: 20px;
li {
@ -568,7 +570,6 @@ body.cms {
}
}
}
}
}
/** --------------------------------------------
@ -576,7 +577,7 @@ body.cms {
* -------------------------------------------- */
.cms-content-toolbar {
min-height:35px;
min-height: 29px;
display: block;
margin: 0 0 15px 0;
@ -625,7 +626,7 @@ body.cms {
}
div {
background:url(../images/btn-icon/settings.png) 5px 4px no-repeat;
/*background:url(../images/btn-icon/settings.png) 5px 4px no-repeat;*/
border-left:none;
width:100%;
}
@ -644,10 +645,8 @@ body.cms {
* panel
*/
.cms-content-tools {
background-color: #F1F4F5;
background: $tab-panel-texture-background; // Pages bg panel look like same as pages view
background: $tab-panel-texture-color;
width: $grid-x * 24;
border-right: 1px solid darken($color-widget-bg, 15%);
overflow-y: auto;
overflow-x: hidden;
z-index: 70;
@ -873,35 +872,17 @@ body.cms {
padding-right: 1em;
}
}
/* Necessary because when chosen is initialised the selects are not part of cms-preview
and so the sizes are wrong. */
select.preview-dropdown {
display: inline;
width: auto;
padding-right: 20px;
}
.cms-preview {
display: none;
width: 1px; // collapsed by default
z-index: 100;
.cms-preview-toggle {
width: 10px;
cursor: pointer;
a {
display: block;
padding: 2px 12px 2px 6px;
height: 16px;
position: relative;
top: 48%;
background-color: $color-base;
color: $color-text-light;
font-weight: bold;
text-decoration: none;
z-index: 2000;
line-height: 16px;
@include border-bottom-right-radius(4px);
@include border-top-right-radius(4px);
@include box-shadow(0 0 10px rgba(180, 180,180,0.4));
}
}
background: #FFF url(../images/preview.png) no-repeat center center;
&.is-collapsed {
.cms-preview-toggle {
a {
@ -909,87 +890,12 @@ body.cms {
}
}
}
iframe {
width: 100%;
height: 100%;
}
.cms-preview-watermark {
z-index: 99;
position: fixed;
right: 60px;
top: 30px;
opacity: 0.3;
padding: .4em 1em;
cursor: default;
font-weight: bold;
text-decoration: none;
line-height: $grid-y * 2;
color: lighten($color-text-dark, 10%);
border: 1px solid #AAAAAA;
border-radius:12px;
background-color: white;
text-shadow: lighten($color-tab, 5%) 0 1px 0;
}
.cms-preview-controls {
z-index: 99;
background: $color-widget-bg;
padding: 10px;
min-height: 30px;
.cms-navigator {
width: 100%;
* {
display: inline-block;
}
}
li{
margin: 0 2px;
}
a.disabled {
padding:.4em 1em;
color: lighten($color-text-dark, 20%);
border: 1px solid;
border-color: darken($color-button-disabled, 20%);
border-radius:12px;
cursor: default;
background:$color-base;
}
.cms-preview-states {
margin-right: 10px;
margin-left: 10px;
}
.cms-preview-popup-link {
display: inline-block;
}
.cms-preview-toggle-link {
float: right;
}
}
}
.cms-preview-toggle-link {
display: block;
float: right;
font-size: 12px;
text-decoration: none;
}
.cms-preview-header {
background-color: #FFBE66;
padding: 10px;
font-weight: bold;
}
/** --------------------------------------------
* Member Profile
@ -1026,12 +932,10 @@ form.member-profile-form {
.advanced h4 {
margin-bottom: .5em;
}
.Actions {
text-align: left;
border: 0;
}
input.customFormat {
width: $grid-x * 10;
border: 1px solid #ccc !important;
@ -1079,13 +983,16 @@ form.member-profile-form {
}
}
}
}
.cms {
.cms-content {
@include box-shadow(3px 0 4px rgba(0,0,0,0.15));
@include box-shadow(1px 0 0 #BBB);
@include border-radius(0);
/*background: $tab-panel-texture-background;*/
background: $tab-panel-texture-color;
width: 800px;
z-index: 40;
}
.cms-content-fields {
@ -1115,7 +1022,6 @@ form.member-profile-form {
float:none;
}
}
.field {
.fieldholder-small { // Small fields have a second set of headers
margin-top: $grid-y;
@ -1131,7 +1037,6 @@ form.member-profile-form {
}
}
}
form.member-profile-form {
#Root .ui-tabs-nav {
display: none;
@ -1141,7 +1046,6 @@ form.member-profile-form {
border: none;
}
}
}
/** --------------------------------------------
@ -1169,7 +1073,6 @@ form.member-profile-form {
.cms-panel {
overflow: hidden;
.cms-panel-toggle {
@include box-shadow(0 0 1px rgba(107, 120, 123, 0.5));
&.south {
@ -1190,6 +1093,7 @@ form.member-profile-form {
&.toggle-expand {
width: 40px; // will set the collapsed width
display: none;
}
}
}
@ -1198,26 +1102,26 @@ form.member-profile-form {
border-top: 1px solid #FFF;
}
}
&.collapsed {
cursor: pointer;
%display-none{
display:none;
}
.cms-panel-header * {
display: none;
@extend %display-none;
}
.cms-panel-content {
display: none;
@extend %display-none;
}
//.cms-panel-header {
// @include rotate(-90deg);
// position: relative;
// top: $grid-y * 10;
// border: none;
// padding: 0;
//}
.cms-panel-toggle a.toggle-expand {
display: block;
}
.cms-panel-toggle a.toggle-collapse {
@extend %display-none;
}
}
@ -1278,7 +1182,6 @@ form.member-profile-form {
margin-top: -8px;
display: none; /* To be shown by javascript, see LeftAndMain.Panel.js */
}
.collapsed-flyout {
display: block !important;
left: 41px;
@ -1290,12 +1193,11 @@ form.member-profile-form {
display: block !important;
}
}
}
.cms {
.cms-panel-padded {
padding: $grid-y $grid-x*2;
padding: $grid-y $grid-x*2 $grid-y*2;
margin:0;
}
}
@ -1464,7 +1366,6 @@ body.cms-dialog {
}
}
}
.loading button.add-url .ui-icon {
background-image: url(../images/throbber.gif);
background-position: 50% 50%;

View File

@ -54,5 +54,6 @@ $experimental-support-for-svg: true;
@import "style.scss";
@import "tree.scss";
@import "menu.scss";
@import "preview.scss";
@import "ModelAdmin.scss";
@import "SecurityAdmin.scss";

View File

@ -10,7 +10,7 @@
$color-base: #b0bec7 !default;
$color-widget-bg: lighten($color-base, 20%) !default;
$color-dark-bg: #003050 !default;
$color-dark-bg: #142136 /*#003050*/ !default;
$color-dark-separator: #19435c !default;
$color-medium-separator: #808080 !default;
$color-light-separator: rgba(201, 205, 206, 0.8) !default;
@ -66,7 +66,7 @@ $color-cms-batchactions-menu-selected-background: #efe999 !default;
/** -----------------------------------------------
* Textures
* ----------------------------------------------- */
$tab-panel-texture-color: #f0f3f4 !default;
$tab-panel-texture-color: /*#f0f3f4*/ #ECEFF1 !default;
$tab-panel-texture-background: $tab-panel-texture-color url(../images/textures/bg_cms_main_content.png) repeat top left !default;
/** -----------------------------------------------

View File

@ -1,12 +1,68 @@
<div class="cms-navigator">
<a href="#" class="ss-ui-button cms-preview-toggle-link" data-icon="preview">
&laquo; <% _t('SilverStripeNavigator.Edit', 'Edit') %>
<ul class="preview-selector select-mode">
<li>
<span class="preview-selected">
<a href="" class="icon-split">
<% _t('SilverStripeNavigator.SplitView', 'Split mode') %>
</a>
</span>
<ul class="preview-size-menu">
<li class="active">
<a class="icon-split" href="">Split mode</a>
</li>
<li>
<a class="icon-preview" href="">Preview mode</a>
</li>
<li>
<a class="icon-edit" href="">Edit mode</a>
</li>
<li class="last">
<a class="icon-window" href="">Dual window</a>
</li>
</ul>
</li>
</ul>
<ul class="preview-selector double-label select-size">
<li>
<span class="preview-selected">
<a href="" class="icon-auto">Auto <span>Responsive</span></a>
</span>
<ul class="preview-size-menu">
<li class="active">
<a class="icon-auto" href="">Auto <span>Responsive</span></a>
</li>
<li>
<a class="icon-desktop" href="">Desktop <span>1024px width</span></a>
</li>
<li>
<a class="icon-tablet" href="">Tablet <span>800px width</span></a>
</li>
<li class="last">
<a class="icon-mobile" href="">Mobile <span>400px width</span></a>
</li>
</ul>
</li>
</ul>
<% include Switch %>
<!-- To remove
<span class="field dropdown">
<select id="cms-preview-mode-dropdown" class="preview-dropdown dropdown nolabel" autocomplete="off" name="Action">
<option value="split"><% _t('SilverStripeNavigator.SplitView', 'Split mode') %></option>
<option value="preview"><% _t('SilverStripeNavigator.Preview View', 'Preview mode') %></option>
</select>
</span>
-->
<!-- To remove
<ul class="cms-preview-states">
<% loop Items %>
<li class="<% if isActive %> active<% end_if %>">$HTML
<% if Watermark %><span class="cms-preview-watermark">$Watermark</span><% end_if %>
</li>
<% end_loop %>
</ul>
</ul>-->
</div>

View File

@ -0,0 +1,13 @@
<div class="cms-preview-states">
<input type="checkbox" name="cms-preview" class="hide cms-preview" id="cms-preview-state" checked>
<label for="cms-preview-state">
<span class="switch-options">
<% loop Items %>
<a href="$Link" class="$FirstLast <% if isActive %> active<% end_if %>">
$Title
</a>
<% end_loop %>
</span>
<span class="switch"></span>
</label>
</div>

View File

@ -9,7 +9,7 @@
<body class="loading cms" lang="$Locale.RFC1766" data-frameworkpath="$ModulePath(framework)">
<% include CMSLoadingScreen %>
<div class="cms-container center" data-layout-type="border">
<div class="cms-container center" data-layout-type="custom">
$Menu
$Content

View File

@ -12,8 +12,14 @@ if (jQuery && jLayout) {
* This wraps jQuery objects in another object that supplies
* the methods required for the layout algorithms.
*/
function wrap(item, resize) {
// CUSTOM hfriedlander 2012-10-26 for side-by-side editing.
// function wrap(item, resize) {
var wrap = $.jLayoutWrap = function(item, resize) {
// CUSTOM END
var that = {};
// CUSTOM hfriedlander 2012-10-26 for side-by-side editing.
that.item = item;
// CUSTOM END
$.each(['min', 'max'], function (i, name) {
that[name + 'imumSize'] = function (value) {
@ -29,11 +35,20 @@ if (jQuery && jLayout) {
$.extend(that, {
doLayout: function () {
// CUSTOM hfriedlander 2012-10-26 for side-by-side editing.
//var l = item.data('jlayout');
//
//if (l) {
// l.layout(that);
//}
//
var l = item.data('jlayout');
if (l) {
l.layout(that);
if (l) l.layout(that);
else if (item.is('[data-layout-type]')) {
item.layout({resize: false});
}
// CUSTOM END
item.css({position: 'absolute'});
},
isVisible: function () {

View File

@ -1,5 +1,6 @@
/** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */
/** ----------------------------------------------- Colours ------------------------------------------------ */
/*$color-optional: #a1d2eb !default; */
/** ----------------------------------------------- Textures ----------------------------------------------- */
/** ----------------------------------------------- Typography. ------------------------------------------------ */
/** ----------------------------------------------- Grid Units (px) We have a vertical rhythm that the grid is based off both x (=horizontal) and y (=vertical). All internal padding and margins are scaled to this and accounting for paragraphs ------------------------------------------------ */
@ -31,12 +32,12 @@ body.cms.ss-uploadfield-edit-iframe .fieldholder-small label, .composite.ss-asse
.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info { background-color: #c11f1d; padding-right: 130px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c11f1d), color-stop(4%, #bf1d1b), color-stop(8%, #b71b1c), color-stop(15%, #b61e1d), color-stop(27%, #b11d1d), color-stop(31%, #ab1d1c), color-stop(42%, #a51b1b), color-stop(46%, #9f1b19), color-stop(50%, #9f1b19), color-stop(54%, #991c1a), color-stop(58%, #971a18), color-stop(62%, #911b1b), color-stop(65%, #911b1b), color-stop(88%, #7e1816), color-stop(92%, #771919), color-stop(100%, #731817)); background-image: -webkit-linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%); background-image: -moz-linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%); background-image: -o-linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%); background-image: linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%); }
.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info .ss-uploadfield-item-name { width: 100%; cursor: default; background: #bcb9b9; background: rgba(201, 198, 198, 0.9); }
.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info .ss-uploadfield-item-name .name { text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); }
.ss-assetuploadfield .ss-uploadfield-files .ui-state-warning .ss-uploadfield-item-info { background-color: #e09d66; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbb99e), color-stop(8%, #d4ac8b), color-stop(50%, #ce9f78), color-stop(54%, #cd9d77), color-stop(96%, #d18261), color-stop(100%, #d27154)); background-image: -webkit-linear-gradient(top, #dbb99e 0%, #d4ac8b 8%, #ce9f78 50%, #cd9d77 54%, #d18261 96%, #d27154 100%); background-image: -moz-linear-gradient(top, #dbb99e 0%, #d4ac8b 8%, #ce9f78 50%, #cd9d77 54%, #d18261 96%, #d27154 100%); background-image: -o-linear-gradient(top, #dbb99e 0%, #d4ac8b 8%, #ce9f78 50%, #cd9d77 54%, #d18261 96%, #d27154 100%); background-image: linear-gradient(top, #dbb99e 0%, #d4ac8b 8%, #ce9f78 50%, #cd9d77 54%, #d18261 96%, #d27154 100%); }
.ss-assetuploadfield .ss-uploadfield-files .ui-state-warning .ss-uploadfield-item-info { background-color: #e9d104; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5d33b), color-stop(8%, #e2ce24), color-stop(50%, #d1be1c), color-stop(54%, #d1bc1b), color-stop(96%, #d09a1a), color-stop(100%, #ce8719)); background-image: -webkit-linear-gradient(top, #e5d33b 0%, #e2ce24 8%, #d1be1c 50%, #d1bc1b 54%, #d09a1a 96%, #ce8719 100%); background-image: -moz-linear-gradient(top, #e5d33b 0%, #e2ce24 8%, #d1be1c 50%, #d1bc1b 54%, #d09a1a 96%, #ce8719 100%); background-image: -o-linear-gradient(top, #e5d33b 0%, #e2ce24 8%, #d1be1c 50%, #d1bc1b 54%, #d09a1a 96%, #ce8719 100%); background-image: linear-gradient(top, #e5d33b 0%, #e2ce24 8%, #d1be1c 50%, #d1bc1b 54%, #d09a1a 96%, #ce8719 100%); }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name { position: relative; z-index: 1; margin: 3px 0 3px 50px; width: 50%; color: #5e5e5e; background: #eeeded; background: rgba(255, 255, 255, 0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; line-height: 24px; height: 22px; padding: 0 5px; text-align: left; cursor: pointer; display: table; table-layout: fixed; }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .name { text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); display: inline; float: left; max-width: 50%; font-weight: normal; padding: 0 5px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status { position: relative; float: right; padding: 0 0 0 5px; max-width: 30%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-error-text { max-width: 70%; position: absolute; right: 5px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); color: #cc0000; }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text { color: #d7823c; }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text { color: #b7a403; }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-success-text { color: #1f9433; }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions { position: absolute; top: 0; right: 0; left: 0; z-index: 0; color: #f00; }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button { background: none; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; color: white; float: right; }

View File

@ -1,6 +1,7 @@
/** Core styles for the basic GridField form field without any specific style. @package framework @subpackage scss @todo Add radial gradient to default delete button state @todo Create SASS mixin-function to simply swap the from/to, to to/from colours in grsdient mixins? */
/** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */
/** ----------------------------------------------- Colours ------------------------------------------------ */
/*$color-optional: #a1d2eb !default; */
/** ----------------------------------------------- Textures ----------------------------------------------- */
/** ----------------------------------------------- Typography. ------------------------------------------------ */
/** ----------------------------------------------- Grid Units (px) We have a vertical rhythm that the grid is based off both x (=horizontal) and y (=vertical). All internal padding and margins are scaled to this and accounting for paragraphs ------------------------------------------------ */

View File

@ -1,5 +1,6 @@
/** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */
/** ----------------------------------------------- Colours ------------------------------------------------ */
/*$color-optional: #a1d2eb !default; */
/** ----------------------------------------------- Textures ----------------------------------------------- */
/** ----------------------------------------------- Typography. ------------------------------------------------ */
/** ----------------------------------------------- Grid Units (px) We have a vertical rhythm that the grid is based off both x (=horizontal) and y (=vertical). All internal padding and margins are scaled to this and accounting for paragraphs ------------------------------------------------ */
@ -17,7 +18,7 @@
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .name { font-size: 11px; color: #848484; width: 290px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: inline; float: left; }
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status { float: right; padding: 0 0 0 5px; width: 100px; text-align: right; }
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-error-text { color: red; font-weight: bold; }
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text { color: #d7823c; }
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text { color: #b7a403; }
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-success-text { color: #1f9433; }
.ss-uploadfield .ss-ui-button { display: block; float: left; margin: 0 10px 0 0; }
.ss-uploadfield .ss-ui-button.ss-uploadfield-fromcomputer { position: relative; overflow: hidden; }