tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 14:05:37 +02:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
admin/code/LeftAndMain.php
View File

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

171
admin/css/screen.css
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, .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 { margin: 0; }
.field input.text .help, .field textarea .help, .field select .help, .field .TreeDropdownField .help { max-width: 512px; } .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.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 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; } .field#Action { box-shadow: none; }
@ -190,7 +190,7 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
/** ---------------------------------------------------- Buttons ---------------------------------------------------- */ /** ---------------------------------------------------- Buttons ---------------------------------------------------- */
.cms .Actions > *, .cms .cms-actions-row > * { display: block; float: left; margin-right: 8px; } .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 > *: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, .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 .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; } .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; } .hide { display: none; }
/** -------------------------------------------- Panels Styles -------------------------------------------- */ /** -------------------------------------------- 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; } .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 { line-height: 24px; }
.cms-content-header .ss-ui-button .ui-button-text { line-height: 1.4; } .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 -------------------------------------------- */ /** -------------------------------------------- Tabs -------------------------------------------- */
.ui-tabs { padding: 0; background: none; } .ui-tabs { padding: 0; background: none; }
.ui-tabs .ui-tabs { position: static; } .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-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 { 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 ~ .ui-tabs-panel { border-top: 1px solid #c0c0c2; clear: both; }
.ui-tabs .ui-tabs-nav li { top: 0; float: left; border-bottom: 0 !important; } .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; } .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() */ /** 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, .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 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-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-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, .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 .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; } .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%; } .ss-loading-screen .loading-animation { display: none; position: absolute; left: 49%; top: 75%; }
/** -------------------------------------------- Actions -------------------------------------------- */ /** -------------------------------------------- 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 -------------------------------------------- */ /** -------------------------------------------- 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 .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; }
background: lighten($color-optional,16%);
border-color: $color-optional;
*/ }
.message.notice { background-color: #f0f8fc; border-color: #93cde8; } .message.notice { background-color: #f0f8fc; border-color: #93cde8; }
.message.warning { background-color: #fefbde; border-color: #e9d104; } .message.warning { background-color: #fefbde; border-color: #e9d104; }
.message.error, .message.bad, .message.required, .message.validation { background-color: #fae8e9; border-color: #e68288; } .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 .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 ul.SelectionGroup { padding-left: 28px; }
.cms-add-form .parent-mode { padding: 8px; overflow: auto; } .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; } #PageType ul { padding-left: 20px; }
.cms-add-form #PageType ul li:last-child { border-bottom: none; } #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:hover, .cms-add-form #PageType ul li.selected { background-color: rgba(255, 255, 102, 0.3); } #PageType ul li:last-child { border-bottom: none; }
.cms-add-form #PageType ul li.disabled { color: #aaaaaa; } #PageType ul li:hover, #PageType ul li.selected { background-color: rgba(255, 255, 102, 0.3); }
.cms-add-form #PageType ul li.disabled:hover { background: none; } #PageType ul li.disabled { color: #aaaaaa; }
.cms-add-form #PageType ul li input { margin: inherit; } #PageType ul li.disabled:hover { background: none; }
.cms-add-form #PageType ul li label { padding-left: 0; padding-bottom: 0; } #PageType ul li input { margin: inherit; }
.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; } #PageType ul li label { padding-left: 0; padding-bottom: 0; }
.cms-add-form #PageType ul li .page-icon { margin: 0 4px; } #PageType ul li input, #PageType ul li label, #PageType ul li .page-icon, #PageType ul li .title { float: left; line-height: 1.3em; }
.cms-add-form #PageType ul li .title { width: 120px; font-weight: bold; padding-right: 10px; } #PageType ul li .page-icon { margin: 0 4px; }
.cms-add-form #PageType ul li .description { font-style: italic; } #PageType ul li .title { width: 120px; font-weight: bold; padding-right: 10px; }
#PageType ul li .description { font-style: italic; }
/** -------------------------------------------- Content toolbar -------------------------------------------- */ /** -------------------------------------------- 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: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 { float: right; padding-top: 5px; }
.cms-content-toolbar .cms-tree-view-modes * { display: inline-block; } .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: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: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 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; } .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 */ /* -------------------------------------------------------- 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.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-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%; } .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 -------------------------------------------- */ /** -------------------------------------------- Preview -------------------------------------------- */
.cms-switch-view a { padding-right: 1em; } .cms-switch-view a { padding-right: 1em; }
<<<<<<< HEAD
.cms-preview { display: none; width: 1px; z-index: 100; } .cms-preview { display: none; width: 1px; z-index: 100; }
.cms-preview .cms-preview-toggle { width: 10px; cursor: pointer; } .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); } .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-toggle-link { display: block; float: right; font-size: 12px; text-decoration: none; }
.cms-preview-header { background-color: #FFBE66; padding: 10px; font-weight: bold; } .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 -------------------------------------------- */ /** -------------------------------------------- Member Profile -------------------------------------------- */
form.member-profile-form { padding: 0 16px 0 0; } 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 #Groups .middleColumn .TreeDropdownField { width: 90%; max-width: 90%; }
form.member-profile-form #Permissions .optionset li { float: none; width: auto; } 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 { 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 .confirmedpassword { border-bottom: none; box-shadow: none; }
.cms .cms-content-fields #Root_Main .customFormat { max-width: 80px; } .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 { 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 { -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); } .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 { 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 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.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.cms-content-tools .cms-panel-toggle.south { border-top: 1px solid #FFF; }
.cms-panel.collapsed { cursor: pointer; } .cms-panel.collapsed { cursor: pointer; }
.cms-panel.collapsed .cms-panel-header * { 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-content { 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-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 { 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); } .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 { display: block !important; left: 41px; margin-top: -40px; position: fixed; width: 191px; }
.cms-panel .collapsed-flyout li a span { display: block !important; } .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 * 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; } .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 */ /** 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 { color: white; display: block; padding-left: 26px; }
.cms-logo-header span a { color: #3ebae0; display: inline; } .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; } .collapsed .cms-logo { padding: 0; }
.cms-logo .version { display: none; } .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 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 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 { 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 3px; background: url('../images/sprites-32x32-sb47394f892.png') 0 -76px no-repeat; text-indent: -9999em; } .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 { 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 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 .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 { width: 30px; }
.cms-menu.collapsed .cms-panel-header span { display: none; } .cms-menu.collapsed .cms-panel-header span { display: none; }
.cms-menu.collapsed .cms-menu-list { overflow-x: hidden; overflow-y: auto; } .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-menu-list li ul { display: none; }
.cms-menu.collapsed .cms-login-status { height: 16px; } .cms-menu.collapsed .cms-login-status { height: 16px; }
.cms-menu.collapsed .cms-login-status span { display: none; } .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.collapsed.cms-panel .cms-panel-content { display: block; }
.cms-menu-list li { /* Style applied to the menu flyout only when the collapsed setting */ } .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 { 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: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); } .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 { 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 .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.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 ul { border-top: none; display: block; }
.cms-menu-list li.current li { background-color: #287099; } .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; } .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 .text, .cms-menu-list.collapsed li .toggle-children { display: none; }
.cms-menu-list.collapsed li > li { 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 { overflow: hidden; }
.ModelAdmin .cms-content-fields .cms-edit-form { overflow-y: scroll; overflow-x: 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; } .ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content .cms-search-form .resetformaction { margin-right: 0px; }

BIN
admin/images/logo_small.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 709 B

BIN
admin/images/preview.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
admin/images/preview_icons.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

2
admin/javascript/LeftAndMain.Content.js
View File

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

96
admin/javascript/LeftAndMain.Layout.js Normal file
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));

2
admin/javascript/LeftAndMain.Panel.js
View File

@ -79,8 +79,6 @@
var newWidth = bool ? this.getWidthExpanded() : this.getWidthCollapsed(); var newWidth = bool ? this.getWidthExpanded() : this.getWidthCollapsed();
this.width(newWidth); // the content panel width always stays in "expanded state" to avoid floating elements 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 // If an alternative collapsed view exists, toggle it as well
var collapsedContent = this.find('.cms-panel-content-collapsed'); var collapsedContent = this.find('.cms-panel-content-collapsed');

170
admin/javascript/LeftAndMain.Preview.js
View File

@ -40,11 +40,9 @@
// Load edit view for new page, but only if the preview is activated at the moment. // 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. // 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); this.data('cms-preview-initialized', true);
// Preview might not be available in all admin interfaces - block/disable when necessary // 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'](); $('.cms-preview-toggle-link')[this.canPreview() ? 'show' : 'hide']();
self._fixIframeLinks(); self._fixIframeLinks();
this.updatePreview();
this._super(); this._super();
}, },
loadUrl: function(url) { loadUrl: function(url) {
this.find('iframe').attr('src', url); this.find('iframe').attr('src', url);
}, },
updateAfterXhr: function(){ updatePreview: 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');
var url = $('.cms-edit-form').choosePreviewLink(); var url = $('.cms-edit-form').choosePreviewLink();
if(url) { if(url) {
this.loadUrl(url); this.loadUrl(url);
this.unblock(); this.unblock();
@ -77,6 +72,11 @@
} }
}, },
updateAfterXhr: function(){
$('.cms-preview-toggle-link')[this.canPreview() ? 'show' : 'hide']();
this.updatePreview();
},
'from .cms-container': { 'from .cms-container': {
onaftersubmitform: function(){ onaftersubmitform: function(){
this.updateAfterXhr(); 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, * Loads the matching edit form for a page viewed in the preview iframe,
* based on metadata sent along with this document. * based on metadata sent along with this document.
@ -130,7 +121,13 @@
}, },
_fixIframeLinks: function() { _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; if(!doc) return;
// Block outside links from going anywhere // Block outside links from going anywhere
@ -152,39 +149,6 @@
if(naviMsg) naviMsg.style.display = 'none'; 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() { block: function() {
this.addClass('blocked'); this.addClass('blocked');
}, },
@ -197,13 +161,8 @@
return this.parents('.cms-container'); return this.parents('.cms-container');
}, },
toggle: function(bool) {
this[this.hasClass('is-collapsed') ? 'expand' : 'collapse']();
},
redraw: function() { redraw: function() {
if(window.debug) console.log('redraw', this.attr('class'), this.get(0)); 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) { onclick: function(e) {
e.preventDefault();
this.parents('.cms-preview').toggle();
}
});
$('.cms-switch-view a').entwine({
onclick: function(e) {
e.preventDefault();
var preview = $('.cms-preview'); var preview = $('.cms-preview');
preview.toggle(true); var loadSibling = $(this).siblings('a');
preview.loadUrl($(e.target).attr('href')); 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({ $('#cms-preview-mode-dropdown').entwine({
onmatch: function() { onchange: function(e) {
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) {
e.preventDefault(); e.preventDefault();
var preview = $('.cms-preview'), var content = $('.cms-content');
url = $('.cms-edit-form').choosePreviewLink(); var state = $(this).val();
if (state == 'split') {
if(url) { content.removeClass('is-collapsed');
preview.loadUrl(url); } else {
preview.unblock(); content.addClass('is-collapsed');
preview.toggle();
} }
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({ $('.cms-edit-form').entwine({
/** /**
* Choose applicable preview link based on form data, * Choose applicable preview link based on form data,

17
admin/javascript/LeftAndMain.js
View File

@ -4,6 +4,7 @@ jQuery.noConflict();
* File: LeftAndMain.js * File: LeftAndMain.js
*/ */
(function($) { (function($) {
// setup jquery.entwine // setup jquery.entwine
$.entwine.warningLevel = $.entwine.WARN_LEVEL_BESTPRACTISE; $.entwine.warningLevel = $.entwine.WARN_LEVEL_BESTPRACTISE;
$.entwine('ss', function($) { $.entwine('ss', function($) {
@ -147,16 +148,22 @@ jQuery.noConflict();
redraw: function() { redraw: function() {
if(window.debug) console.log('redraw', this.attr('class'), this.get(0)); 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. // Use the three column compressor layout, which squishes preview, then menu, then content
// Not all edit forms are layouted, so qualify by their data value. 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-panel-layout').redraw();
this.find('.cms-content-fields[data-layout-type]').redraw(); this.find('.cms-content-fields[data-layout-type]').redraw();
this.find('.cms-edit-form[data-layout-type]').redraw(); this.find('.cms-edit-form[data-layout-type]').redraw();
this.find('.cms-preview').redraw(); this.find('.cms-preview').redraw();
this.find('.cms-content').redraw(); this.find('.cms-content').redraw();
this.layout({resize: false});
}, },
/** /**
@ -800,8 +807,6 @@ jQuery.noConflict();
$(".cms-panel-layout").entwine({ $(".cms-panel-layout").entwine({
redraw: function() { redraw: function() {
if(window.debug) console.log('redraw', this.attr('class'), this.get(0)); if(window.debug) console.log('redraw', this.attr('class'), this.get(0));
this.layout({resize: false});
} }
}); });

2
admin/scss/_forms.scss
View File

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

35
admin/scss/_menu.scss
View File

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

8
admin/scss/_mixins.scss
View File

@ -101,5 +101,9 @@
*:first-child &{ zoom:1;} *: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;
}
}

195
admin/scss/_style.scss
View File

@ -69,7 +69,8 @@ body.cms {
* -------------------------------------------- */ * -------------------------------------------- */
.cms-container { .cms-container {
height: 100%; height: 100%;
background: $tab-panel-texture-background; /*background: $tab-panel-texture-background;*/
background: $tab-panel-texture-color;
} }
.cms-preview, .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 * Tabs
* -------------------------------------------- */ * -------------------------------------------- */
@ -146,6 +151,7 @@ body.cms {
.ui-tabs-panel { .ui-tabs-panel {
padding: $grid-x 0; padding: $grid-x 0;
background: transparent; // default it's white
} }
.ui-widget-header { .ui-widget-header {
@ -153,17 +159,13 @@ body.cms {
background: none; background: none;
} }
.ui-tabs-panel {
background: transparent; // default it's white
}
.ui-tabs-nav { .ui-tabs-nav {
float: right; float: right;
margin: 0 0 -1px 0; margin: 0 0 -1px 0;
padding: 0 $grid-x*2 0 0; padding: 0 $grid-x*2 0 0;
border-bottom: none; border-bottom: none;
& ~ .ui-tabs-panel { ~ .ui-tabs-panel {
border-top:1px solid $color-button-generic-border; border-top:1px solid $color-button-generic-border;
clear: both; 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 { .ui-tabs.cms-tabset-primary .ui-tabs-nav, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary {
li { li {
margin-right: 0; // tabs are directly adjacent margin-right: 0; // tabs are directly adjacent
margin-top: 0;
a { a {
margin: 0; margin: 0;
// overlap divider line below // overlap divider line below
@ -307,7 +310,8 @@ body.cms {
.ui-state-active { .ui-state-active {
@include box-shadow(none); @include box-shadow(none);
background: darken($color-widget-bg, 2%); 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-top: none;
border: { border: {
right-color: darken($color-tab, 15%); // same color as divider between header and body, needed for IE right-color: darken($color-tab, 15%); // same color as divider between header and body, needed for IE
@ -404,15 +408,17 @@ body.cms {
* Actions * Actions
* -------------------------------------------- */ * -------------------------------------------- */
.cms-content-actions { .cms-content-actions, .cms-preview-controls {
margin: 0; margin: 0;
padding: $grid-y*1.5 $grid-y*2; padding: $grid-y*1.5 $grid-y*2;
z-index: 0; z-index: 0;
border-top: 1px solid $color-light-separator; border-top: 1px solid $color-light-separator;
border-top: 1px solid #FAFAFA; 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 * Messages
* -------------------------------------------- */ * -------------------------------------------- */
@ -445,10 +451,6 @@ body.cms {
background-color: lighten($color-good,40%); background-color: lighten($color-good,40%);
border-color: $color-good; border-color: $color-good;
} }
/* // Orange
background: lighten($color-optional,16%);
border-color: $color-optional;
*/
p { p {
margin: 0; margin: 0;
@ -510,7 +512,7 @@ body.cms {
padding: $grid-x; padding: $grid-x;
overflow: auto; overflow: auto;
} }
}
#PageType { #PageType {
ul { ul {
padding-left: 20px; padding-left: 20px;
@ -569,14 +571,13 @@ body.cms {
} }
} }
} }
}
/** -------------------------------------------- /** --------------------------------------------
* Content toolbar * Content toolbar
* -------------------------------------------- */ * -------------------------------------------- */
.cms-content-toolbar { .cms-content-toolbar {
min-height:35px; min-height: 29px;
display: block; display: block;
margin: 0 0 15px 0; margin: 0 0 15px 0;
@ -625,7 +626,7 @@ body.cms {
} }
div { 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; border-left:none;
width:100%; width:100%;
} }
@ -644,10 +645,8 @@ body.cms {
* panel * panel
*/ */
.cms-content-tools { .cms-content-tools {
background-color: #F1F4F5; background: $tab-panel-texture-color;
background: $tab-panel-texture-background; // Pages bg panel look like same as pages view
width: $grid-x * 24; width: $grid-x * 24;
border-right: 1px solid darken($color-widget-bg, 15%);
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
z-index: 70; z-index: 70;
@ -873,35 +872,17 @@ body.cms {
padding-right: 1em; 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 { .cms-preview {
display: none; background: #FFF url(../images/preview.png) no-repeat center center;
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));
}
}
&.is-collapsed { &.is-collapsed {
.cms-preview-toggle { .cms-preview-toggle {
a { a {
@ -909,87 +890,12 @@ body.cms {
} }
} }
} }
iframe { iframe {
width: 100%; width: 100%;
height: 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 * Member Profile
@ -1026,12 +932,10 @@ form.member-profile-form {
.advanced h4 { .advanced h4 {
margin-bottom: .5em; margin-bottom: .5em;
} }
.Actions { .Actions {
text-align: left; text-align: left;
border: 0; border: 0;
} }
input.customFormat { input.customFormat {
width: $grid-x * 10; width: $grid-x * 10;
border: 1px solid #ccc !important; border: 1px solid #ccc !important;
@ -1079,13 +983,16 @@ form.member-profile-form {
} }
} }
} }
} }
.cms { .cms {
.cms-content { .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); @include border-radius(0);
/*background: $tab-panel-texture-background;*/
background: $tab-panel-texture-color;
width: 800px;
z-index: 40;
} }
.cms-content-fields { .cms-content-fields {
@ -1115,7 +1022,6 @@ form.member-profile-form {
float:none; float:none;
} }
} }
.field { .field {
.fieldholder-small { // Small fields have a second set of headers .fieldholder-small { // Small fields have a second set of headers
margin-top: $grid-y; margin-top: $grid-y;
@ -1131,7 +1037,6 @@ form.member-profile-form {
} }
} }
} }
form.member-profile-form { form.member-profile-form {
#Root .ui-tabs-nav { #Root .ui-tabs-nav {
display: none; display: none;
@ -1141,7 +1046,6 @@ form.member-profile-form {
border: none; border: none;
} }
} }
} }
/** -------------------------------------------- /** --------------------------------------------
@ -1169,7 +1073,6 @@ form.member-profile-form {
.cms-panel { .cms-panel {
overflow: hidden; overflow: hidden;
.cms-panel-toggle { .cms-panel-toggle {
@include box-shadow(0 0 1px rgba(107, 120, 123, 0.5)); @include box-shadow(0 0 1px rgba(107, 120, 123, 0.5));
&.south { &.south {
@ -1190,6 +1093,7 @@ form.member-profile-form {
&.toggle-expand { &.toggle-expand {
width: 40px; // will set the collapsed width width: 40px; // will set the collapsed width
display: none;
} }
} }
} }
@ -1198,26 +1102,26 @@ form.member-profile-form {
border-top: 1px solid #FFF; border-top: 1px solid #FFF;
} }
} }
&.collapsed { &.collapsed {
cursor: pointer; cursor: pointer;
%display-none{
.cms-panel-header * {
display:none; display:none;
} }
.cms-panel-header * {
@extend %display-none;
}
.cms-panel-content { .cms-panel-content {
display: none; @extend %display-none;
} }
//.cms-panel-header { .cms-panel-toggle a.toggle-expand {
// @include rotate(-90deg); display: block;
// position: relative; }
// top: $grid-y * 10;
// border: none; .cms-panel-toggle a.toggle-collapse {
// padding: 0; @extend %display-none;
//} }
} }
@ -1278,7 +1182,6 @@ form.member-profile-form {
margin-top: -8px; margin-top: -8px;
display: none; /* To be shown by javascript, see LeftAndMain.Panel.js */ display: none; /* To be shown by javascript, see LeftAndMain.Panel.js */
} }
.collapsed-flyout { .collapsed-flyout {
display: block !important; display: block !important;
left: 41px; left: 41px;
@ -1290,12 +1193,11 @@ form.member-profile-form {
display: block !important; display: block !important;
} }
} }
} }
.cms { .cms {
.cms-panel-padded { .cms-panel-padded {
padding: $grid-y $grid-x*2; padding: $grid-y $grid-x*2 $grid-y*2;
margin:0; margin:0;
} }
} }
@ -1464,7 +1366,6 @@ body.cms-dialog {
} }
} }
} }
.loading button.add-url .ui-icon { .loading button.add-url .ui-icon {
background-image: url(../images/throbber.gif); background-image: url(../images/throbber.gif);
background-position: 50% 50%; background-position: 50% 50%;

1
admin/scss/screen.scss
View File

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

4
admin/scss/themes/_default.scss
View File

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

64
admin/templates/Includes/LeftAndMain_SilverStripeNavigator.ss
View File

@ -1,12 +1,68 @@
<div class="cms-navigator"> <div class="cms-navigator">
<a href="#" class="ss-ui-button cms-preview-toggle-link" data-icon="preview"> <ul class="preview-selector select-mode">
&laquo; <% _t('SilverStripeNavigator.Edit', 'Edit') %> <li>
<span class="preview-selected">
<a href="" class="icon-split">
<% _t('SilverStripeNavigator.SplitView', 'Split mode') %>
</a> </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"> <ul class="cms-preview-states">
<% loop Items %> <% loop Items %>
<li class="<% if isActive %> active<% end_if %>">$HTML <li class="<% if isActive %> active<% end_if %>">$HTML
<% if Watermark %><span class="cms-preview-watermark">$Watermark</span><% end_if %>
</li> </li>
<% end_loop %> <% end_loop %>
</ul> </ul>-->
</div> </div>

13
admin/templates/Includes/Switch.ss Normal file
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>

2
admin/templates/LeftAndMain.ss
View File

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

23
admin/thirdparty/jlayout/lib/jquery.jlayout.js vendored
View File

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

5
css/AssetUploadField.css
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. */ /** 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 ------------------------------------------------ */ /** ----------------------------------------------- Colours ------------------------------------------------ */
/*$color-optional: #a1d2eb !default; */
/** ----------------------------------------------- Textures ----------------------------------------------- */ /** ----------------------------------------------- Textures ----------------------------------------------- */
/** ----------------------------------------------- Typography. ------------------------------------------------ */ /** ----------------------------------------------- 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 ------------------------------------------------ */ /** ----------------------------------------------- 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 { 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 { 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-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 { 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 .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 { 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-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-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 { 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; } .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; }

1
css/GridField.css
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? */ /** 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. */ /** 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 ------------------------------------------------ */ /** ----------------------------------------------- Colours ------------------------------------------------ */
/*$color-optional: #a1d2eb !default; */
/** ----------------------------------------------- Textures ----------------------------------------------- */ /** ----------------------------------------------- Textures ----------------------------------------------- */
/** ----------------------------------------------- Typography. ------------------------------------------------ */ /** ----------------------------------------------- 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 ------------------------------------------------ */ /** ----------------------------------------------- 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 ------------------------------------------------ */

3
css/UploadField.css
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. */ /** 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 ------------------------------------------------ */ /** ----------------------------------------------- Colours ------------------------------------------------ */
/*$color-optional: #a1d2eb !default; */
/** ----------------------------------------------- Textures ----------------------------------------------- */ /** ----------------------------------------------- Textures ----------------------------------------------- */
/** ----------------------------------------------- Typography. ------------------------------------------------ */ /** ----------------------------------------------- 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 ------------------------------------------------ */ /** ----------------------------------------------- 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 .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 { 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-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-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 { display: block; float: left; margin: 0 10px 0 0; }
.ss-uploadfield .ss-ui-button.ss-uploadfield-fromcomputer { position: relative; overflow: hidden; } .ss-uploadfield .ss-ui-button.ss-uploadfield-fromcomputer { position: relative; overflow: hidden; }