mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-01 05:39:10 +02:00
NEW Side by side editing functionality - first cut (os#7412)
Introduces a preview window that appears when the screen is wide enough, removes old preview button, adds a draft-public switch, adds variety of preview options which are not hooked up yet. Goes along with cms commit fa3738a9f4c5181eabf18a77ca89792d31592250
This commit is contained in:
Mateusz Uzdowski
Ingo Schommer
parent
fa84c2d705
commit
f4b080ee06
@ -294,6 +294,7 @@ class LeftAndMain extends Controller implements PermissionProvider {
|
||||
'leftandmain.js',
|
||||
array_unique(array_merge(
|
||||
array(
|
||||
FRAMEWORK_ADMIN_DIR . '/javascript/LeftAndMain.Layout.js',
|
||||
FRAMEWORK_ADMIN_DIR . '/javascript/LeftAndMain.js',
|
||||
FRAMEWORK_ADMIN_DIR . '/javascript/LeftAndMain.Panel.js',
|
||||
FRAMEWORK_ADMIN_DIR . '/javascript/LeftAndMain.Tree.js',
|
||||
|
||||
@ -158,7 +158,7 @@ form.nostyle input.text, form.nostyle textarea, form.nostyle select, form.nostyl
|
||||
.field input.text, .field textarea, .field select, .field .TreeDropdownField { width: 100%; max-width: 512px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
||||
.field input.text.help, .field textarea.help, .field select.help, .field .TreeDropdownField.help { margin: 0; }
|
||||
.field input.text .help, .field textarea .help, .field select .help, .field .TreeDropdownField .help { max-width: 512px; }
|
||||
.field input.text, .field textarea, .field .TreeDropdownField { background: #fff; border: 1px solid #b3b3b3; padding: 7px 7px; line-height: 16px; margin: 0; outline: none; -webkit-transition: 0.2s box-shadow ease-in; -moz-transition: 0.2s box-shadow ease-in; -o-transition: 0.2s box-shadow ease-in; transition: 0.2s box-shadow ease-in; -webkit-transition: 0.2s border ease-in; -moz-transition: 0.2s border ease-in; -o-transition: 0.2s border ease-in; transition: 0.2s border ease-in; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea), color-stop(10%, #ffffff)); background-image: -webkit-linear-gradient(#eaeaea, #ffffff 10%); background-image: -moz-linear-gradient(#eaeaea, #ffffff 10%); background-image: -o-linear-gradient(#eaeaea, #ffffff 10%); background-image: linear-gradient(#eaeaea, #ffffff 10%); }
|
||||
.field input.text, .field textarea, .field .TreeDropdownField { background: #fff; border: 1px solid #b3b3b3; padding: 7px 7px; line-height: 16px; margin: 0; outline: none; -moz-transition: 0.2s box-shadow ease-in; -webkit-transition: 0.2s box-shadow ease-in; -o-transition: 0.2s box-shadow ease-in; transition: 0.2s box-shadow ease-in; -moz-transition: 0.2s border ease-in; -webkit-transition: 0.2s border ease-in; -o-transition: 0.2s border ease-in; transition: 0.2s border ease-in; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea), color-stop(10%, #ffffff)); background-image: -webkit-linear-gradient(#eaeaea, #ffffff 10%); background-image: -moz-linear-gradient(#eaeaea, #ffffff 10%); background-image: -o-linear-gradient(#eaeaea, #ffffff 10%); background-image: linear-gradient(#eaeaea, #ffffff 10%); }
|
||||
.field input.text:focus, .field textarea:focus, .field .TreeDropdownField:focus { border: 1px solid #9a9a9a; border-top-color: gray; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; }
|
||||
.field input[disabled], .field input.disabled, .field textarea[disabled], .field textarea.disabled, .field select[disabled], .field select.disabled { color: #777777; background: #efefef; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bcbcbc), color-stop(10%, #efefef), color-stop(90%, #ffffff), color-stop(100%, #bcbcbc)); background-image: -webkit-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -moz-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: -o-linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); background-image: linear-gradient(#bcbcbc, #efefef 10%, #ffffff 90%, #bcbcbc); border: 1px solid #b3b3b3; }
|
||||
.field#Action { box-shadow: none; }
|
||||
@ -190,7 +190,7 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
|
||||
/** ---------------------------------------------------- Buttons ---------------------------------------------------- */
|
||||
.cms .Actions > *, .cms .cms-actions-row > * { display: block; float: left; margin-right: 8px; }
|
||||
.cms .Actions > *:last-child, .cms .cms-actions-row > *:last-child { margin-right: 0; }
|
||||
.cms .Actions { min-height: 30px; overflow: auto; }
|
||||
.cms .Actions { max-height: 28px; overflow: auto; }
|
||||
.cms input.loading, .cms button.loading, .cms input.ui-state-default.loading, .cms .ui-widget-content input.ui-state-default.loading, .cms .ui-widget-header input.ui-state-default.loading { color: #525252; border-color: #d5d3d3; cursor: default; }
|
||||
.cms input.loading .ui-icon, .cms button.loading .ui-icon, .cms input.ui-state-default.loading .ui-icon, .cms .ui-widget-content input.ui-state-default.loading .ui-icon, .cms .ui-widget-header input.ui-state-default.loading .ui-icon { background: transparent url(../../images/network-save.gif) no-repeat 0 0; }
|
||||
.cms input.loading.ss-ui-action-constructive .ui-icon, .cms button.loading.ss-ui-action-constructive .ui-icon { background: transparent url(../../images/network-save-constructive.gif) no-repeat 0 0; }
|
||||
@ -276,7 +276,7 @@ body.cms { overflow: hidden; }
|
||||
.hide { display: none; }
|
||||
|
||||
/** -------------------------------------------- Panels Styles -------------------------------------------- */
|
||||
.cms-container { height: 100%; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; }
|
||||
.cms-container { height: 100%; /*background: $tab-panel-texture-background;*/ background: #eceff1; }
|
||||
|
||||
.cms-preview, .cms-menu, .cms-content, .cms-content-header, .cms-content-tools, .cms-content-fields, .cms-edit-form, .cms-preview, .cms-preview iframe, .cms-preview-controls { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
|
||||
|
||||
@ -289,12 +289,13 @@ body.cms { overflow: hidden; }
|
||||
.cms-content-header .ss-ui-button { line-height: 24px; }
|
||||
.cms-content-header .ss-ui-button .ui-button-text { line-height: 1.4; }
|
||||
|
||||
#Form_EditForm.CMSMain { padding: 0; /* fixs the double padding around the edit panel - move to framework? */ }
|
||||
|
||||
/** -------------------------------------------- Tabs -------------------------------------------- */
|
||||
.ui-tabs { padding: 0; background: none; }
|
||||
.ui-tabs .ui-tabs { position: static; }
|
||||
.ui-tabs .ui-tabs-panel { padding: 8px 0; }
|
||||
.ui-tabs .ui-tabs-panel { padding: 8px 0; background: transparent; }
|
||||
.ui-tabs .ui-widget-header { border: 0; background: none; }
|
||||
.ui-tabs .ui-tabs-panel { background: transparent; }
|
||||
.ui-tabs .ui-tabs-nav { float: right; margin: 0 0 -1px 0; padding: 0 16px 0 0; border-bottom: none; }
|
||||
.ui-tabs .ui-tabs-nav ~ .ui-tabs-panel { border-top: 1px solid #c0c0c2; clear: both; }
|
||||
.ui-tabs .ui-tabs-nav li { top: 0; float: left; border-bottom: 0 !important; }
|
||||
@ -327,12 +328,21 @@ body.cms { overflow: hidden; }
|
||||
.ui-tabs .ss-ui-button .ui-button-text { line-height: 1.4; }
|
||||
|
||||
/** Primary styles which sit on top of screen, with different tab colors. TODO Only use one "primary" selector and fix HTMLEditorField TabSet addExtraClass() */
|
||||
<<<<<<< HEAD
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav li, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li { margin-right: 0; }
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a { margin: 0; line-height: 39px; }
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-all, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-top, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-right, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-tr, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-tl, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-all, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-top, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-right, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-tr, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-tl { border-radius: 0; }
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-default, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-default { -webkit-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; -moz-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; background-color: #b0bec7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZGJlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4dbe0), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(#d4dbe0, #b0bec7); background-image: -moz-linear-gradient(#d4dbe0, #b0bec7); background-image: -o-linear-gradient(#d4dbe0, #b0bec7); background-image: linear-gradient(#d4dbe0, #b0bec7); border-top: none; border-right-color: #8399a7; border-left-color: #ced7dc; }
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e6eaed; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; border-top: none; border-right-color: #b3b3b3; border-left-color: #b3b3b3; z-index: 2; }
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active a { border-bottom: none; }
|
||||
=======
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav li, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li { margin-right: 0; margin-top: 0; }
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav li a, .ui-tabs.cms-tabset-primary .ui-tabs-nav li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li a:hover, .ui-tabs.cms-tabset-primary .ui-tabs-nav .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li a:hover, .ui-tabs.cms-tabset-primary .ui-tabs-nav .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a:hover, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a:hover, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a { margin: 0; line-height: 39px; }
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-all, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-top, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-right, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-tr, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-tl, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-all, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-top, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-right, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-tr, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-tl { border-radius: 0; }
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-default, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-default { -webkit-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; -moz-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; background-color: #b0bec7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZGJlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4dbe0), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(#d4dbe0, #b0bec7); background-image: -moz-linear-gradient(#d4dbe0, #b0bec7); background-image: -o-linear-gradient(#d4dbe0, #b0bec7); background-image: linear-gradient(#d4dbe0, #b0bec7); border-top: none; border-right-color: #8399a7; border-left-color: #ced7dc; }
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e6eaed; background: #eceff1; /*background: $tab-panel-texture-background;*/ border-top: none; border-right-color: #b3b3b3; border-left-color: #b3b3b3; z-index: 2; }
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active a:hover, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active a:hover, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active a:hover, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active a:hover, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active li.vakata-hover > a { border-bottom: none; }
|
||||
>>>>>>> NEW Side by side editing functionality - first cut (os#7412)
|
||||
|
||||
.cms-content-header-tabs { float: right; }
|
||||
|
||||
@ -349,13 +359,10 @@ body.cms { overflow: hidden; }
|
||||
.ss-loading-screen .loading-animation { display: none; position: absolute; left: 49%; top: 75%; }
|
||||
|
||||
/** -------------------------------------------- Actions -------------------------------------------- */
|
||||
.cms-content-actions { margin: 0; padding: 12px 16px; z-index: 0; border-top: 1px solid rgba(201, 205, 206, 0.8); border-top: 1px solid #FAFAFA; -webkit-box-shadow: #cccccc 0 -1px 1px; -moz-box-shadow: #cccccc 0 -1px 1px; box-shadow: #cccccc 0 -1px 1px; }
|
||||
.cms-content-actions, .cms-preview-controls { margin: 0; padding: 12px 16px; z-index: 0; border-top: 1px solid rgba(201, 205, 206, 0.8); border-top: 1px solid #FAFAFA; -webkit-box-shadow: 1px 0 0 #eceff1, #cccccc 0 -1px 1px; -moz-box-shadow: 1px 0 0 #eceff1, #cccccc 0 -1px 1px; box-shadow: 1px 0 0 #eceff1, #cccccc 0 -1px 1px; height: 28px; }
|
||||
|
||||
/** -------------------------------------------- Messages -------------------------------------------- */
|
||||
.message { display: block; clear: both; margin: 0 0 8px 0; padding: 10px 12px; font-weight: normal; border: 1px #ccc solid; background: #fff; background: rgba(255, 255, 255, 0.5); text-shadow: none; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; /* // Orange
|
||||
background: lighten($color-optional,16%);
|
||||
border-color: $color-optional;
|
||||
*/ }
|
||||
.message { display: block; clear: both; margin: 0 0 8px 0; padding: 10px 12px; font-weight: normal; border: 1px #ccc solid; background: #fff; background: rgba(255, 255, 255, 0.5); text-shadow: none; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
|
||||
.message.notice { background-color: #f0f8fc; border-color: #93cde8; }
|
||||
.message.warning { background-color: #fefbde; border-color: #e9d104; }
|
||||
.message.error, .message.bad, .message.required, .message.validation { background-color: #fae8e9; border-color: #e68288; }
|
||||
@ -378,21 +385,22 @@ body.cms { overflow: hidden; }
|
||||
.cms-add-form .step-label .title { padding-top: 5px; font-weight: bold; text-shadow: 1px 1px 0 white; }
|
||||
.cms-add-form ul.SelectionGroup { padding-left: 28px; }
|
||||
.cms-add-form .parent-mode { padding: 8px; overflow: auto; }
|
||||
.cms-add-form #PageType ul { padding-left: 20px; }
|
||||
.cms-add-form #PageType ul li { float: none; width: 100%; padding: 9px 0 9px 15px; overflow: hidden; border-bottom-width: 2px; border-bottom: 2px groove rgba(255, 255, 255, 0.8); -webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; }
|
||||
.cms-add-form #PageType ul li:last-child { border-bottom: none; }
|
||||
.cms-add-form #PageType ul li:hover, .cms-add-form #PageType ul li.selected { background-color: rgba(255, 255, 102, 0.3); }
|
||||
.cms-add-form #PageType ul li.disabled { color: #aaaaaa; }
|
||||
.cms-add-form #PageType ul li.disabled:hover { background: none; }
|
||||
.cms-add-form #PageType ul li input { margin: inherit; }
|
||||
.cms-add-form #PageType ul li label { padding-left: 0; padding-bottom: 0; }
|
||||
.cms-add-form #PageType ul li input, .cms-add-form #PageType ul li label, .cms-add-form #PageType ul li .page-icon, .cms-add-form #PageType ul li .title { float: left; line-height: 1.3em; }
|
||||
.cms-add-form #PageType ul li .page-icon { margin: 0 4px; }
|
||||
.cms-add-form #PageType ul li .title { width: 120px; font-weight: bold; padding-right: 10px; }
|
||||
.cms-add-form #PageType ul li .description { font-style: italic; }
|
||||
|
||||
#PageType ul { padding-left: 20px; }
|
||||
#PageType ul li { float: none; width: 100%; padding: 9px 0 9px 15px; overflow: hidden; border-bottom-width: 2px; border-bottom: 2px groove rgba(255, 255, 255, 0.8); -webkit-border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; border-image: url(../images/textures/bg_fieldset_elements_border.png) 2 stretch stretch; }
|
||||
#PageType ul li:last-child { border-bottom: none; }
|
||||
#PageType ul li:hover, #PageType ul li.selected { background-color: rgba(255, 255, 102, 0.3); }
|
||||
#PageType ul li.disabled { color: #aaaaaa; }
|
||||
#PageType ul li.disabled:hover { background: none; }
|
||||
#PageType ul li input { margin: inherit; }
|
||||
#PageType ul li label { padding-left: 0; padding-bottom: 0; }
|
||||
#PageType ul li input, #PageType ul li label, #PageType ul li .page-icon, #PageType ul li .title { float: left; line-height: 1.3em; }
|
||||
#PageType ul li .page-icon { margin: 0 4px; }
|
||||
#PageType ul li .title { width: 120px; font-weight: bold; padding-right: 10px; }
|
||||
#PageType ul li .description { font-style: italic; }
|
||||
|
||||
/** -------------------------------------------- Content toolbar -------------------------------------------- */
|
||||
.cms-content-toolbar { min-height: 35px; display: block; margin: 0 0 15px 0; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); *zoom: 1; /* smaller treedropdown */ }
|
||||
.cms-content-toolbar { min-height: 29px; display: block; margin: 0 0 15px 0; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); *zoom: 1; /* smaller treedropdown */ }
|
||||
.cms-content-toolbar:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
|
||||
.cms-content-toolbar .cms-tree-view-modes { float: right; padding-top: 5px; }
|
||||
.cms-content-toolbar .cms-tree-view-modes * { display: inline-block; }
|
||||
@ -401,11 +409,11 @@ body.cms { overflow: hidden; }
|
||||
.cms-content-toolbar .chzn-container-single .chzn-single:hover { -webkit-box-shadow: 0 0 5px #b3b3b3; -moz-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #b3b3b3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #d2d2d2)); background-image: -webkit-linear-gradient(#ebebeb, #d2d2d2); background-image: -moz-linear-gradient(#ebebeb, #d2d2d2); background-image: -o-linear-gradient(#ebebeb, #d2d2d2); background-image: linear-gradient(#ebebeb, #d2d2d2); }
|
||||
.cms-content-toolbar .chzn-container-single .chzn-single:active { -webkit-box-shadow: inset 0 1px 3px #4d4d4d; -moz-box-shadow: inset 0 1px 3px #4d4d4d; box-shadow: inset 0 1px 3px #4d4d4d; }
|
||||
.cms-content-toolbar .chzn-container-single .chzn-single span { padding-top: 1px; }
|
||||
.cms-content-toolbar .chzn-container-single .chzn-single div { background: url(../images/btn-icon/settings.png) 5px 4px no-repeat; border-left: none; width: 100%; }
|
||||
.cms-content-toolbar .chzn-container-single .chzn-single div { /*background:url(../images/btn-icon/settings.png) 5px 4px no-repeat;*/ border-left: none; width: 100%; }
|
||||
.cms-content-toolbar .chzn-container-single .chzn-single div b { background: url(../images/sprites-32x32/menu-arrow-deselected-down.png) no-repeat 9px 11px; float: right; width: 24px; }
|
||||
|
||||
/* -------------------------------------------------------- Content Tools is the sidebar on the left of the main content panel */
|
||||
.cms-content-tools { background-color: #F1F4F5; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; width: 192px; border-right: 1px solid #bfcad2; overflow-y: auto; overflow-x: hidden; z-index: 70; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; float: left; position: relative; }
|
||||
.cms-content-tools { background: #eceff1; width: 192px; overflow-y: auto; overflow-x: hidden; z-index: 70; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.6) 0 2px 3px; float: left; position: relative; }
|
||||
.cms-content-tools.filter { padding: 0 !important; }
|
||||
.cms-content-tools .cms-panel-header { clear: both; margin: 0 0 7px; line-height: 24px; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
|
||||
.cms-content-tools .cms-panel-content { width: 176px; padding: 8px 8px 0; overflow: auto; height: 100%; }
|
||||
@ -451,6 +459,7 @@ body.cms { overflow: hidden; }
|
||||
/** -------------------------------------------- Preview -------------------------------------------- */
|
||||
.cms-switch-view a { padding-right: 1em; }
|
||||
|
||||
<<<<<<< HEAD
|
||||
.cms-preview { display: none; width: 1px; z-index: 100; }
|
||||
.cms-preview .cms-preview-toggle { width: 10px; cursor: pointer; }
|
||||
.cms-preview .cms-preview-toggle a { display: block; padding: 2px 12px 2px 6px; height: 16px; position: relative; top: 48%; background-color: #b0bec7; color: white; font-weight: bold; text-decoration: none; z-index: 2000; line-height: 16px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); -moz-box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); box-shadow: 0 0 10px rgba(180, 180, 180, 0.4); }
|
||||
@ -469,6 +478,14 @@ body.cms { overflow: hidden; }
|
||||
.cms-preview-toggle-link { display: block; float: right; font-size: 12px; text-decoration: none; }
|
||||
|
||||
.cms-preview-header { background-color: #FFBE66; padding: 10px; font-weight: bold; }
|
||||
=======
|
||||
/* Necessary because when chosen is initialised the selects are not part of cms-preview and so the sizes are wrong. */
|
||||
select.preview-dropdown { display: inline; width: auto; padding-right: 20px; }
|
||||
|
||||
.cms-preview { background: white url(../images/preview.png) no-repeat center center; }
|
||||
.cms-preview.is-collapsed .cms-preview-toggle a, .cms-preview.is-collapsed .cms-preview-toggle .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-preview.is-collapsed .cms-preview-toggle a:hover, .cms-preview.is-collapsed .cms-preview-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-preview.is-collapsed .cms-preview-toggle a:hover, .cms-preview.is-collapsed .cms-preview-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.is-collapsed .cms-preview-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-preview.is-collapsed .cms-preview-toggle li.vakata-hover > a { left: -15px; }
|
||||
.cms-preview iframe { width: 100%; height: 100%; }
|
||||
>>>>>>> NEW Side by side editing functionality - first cut (os#7412)
|
||||
|
||||
/** -------------------------------------------- Member Profile -------------------------------------------- */
|
||||
form.member-profile-form { padding: 0 16px 0 0; }
|
||||
@ -488,7 +505,7 @@ form.member-profile-form #Groups .middleColumn { margin-left: 0; width: 100%; }
|
||||
form.member-profile-form #Groups .middleColumn .TreeDropdownField { width: 90%; max-width: 90%; }
|
||||
form.member-profile-form #Permissions .optionset li { float: none; width: auto; }
|
||||
|
||||
.cms .cms-content { -webkit-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); box-shadow: 3px 0 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
|
||||
.cms .cms-content { -webkit-box-shadow: 1px 0 0 #bbbbbb; -moz-box-shadow: 1px 0 0 #bbbbbb; box-shadow: 1px 0 0 #bbbbbb; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /*background: $tab-panel-texture-background;*/ background: #eceff1; width: 800px; z-index: 40; }
|
||||
.cms .cms-content-fields { overflow-y: auto; overflow-x: auto; background: none; width: 100%; }
|
||||
.cms .cms-content-fields #Root_Main .confirmedpassword { border-bottom: none; box-shadow: none; }
|
||||
.cms .cms-content-fields #Root_Main .customFormat { max-width: 80px; }
|
||||
@ -509,13 +526,19 @@ form.member-profile-form #Permissions .optionset li { float: none; width: auto;
|
||||
.cms-panel { overflow: hidden; }
|
||||
.cms-panel .cms-panel-toggle { -webkit-box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); -moz-box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); box-shadow: 0 0 1px rgba(107, 120, 123, 0.5); }
|
||||
.cms-panel .cms-panel-toggle.south { border-top: 1px solid rgba(201, 205, 206, 0.8); }
|
||||
<<<<<<< HEAD
|
||||
.cms-panel .cms-panel-toggle a { display: block; text-align: right; padding: 4px 0; width: 100%; text-decoration: none; }
|
||||
.cms-panel .cms-panel-toggle a span { display: inline-block; margin: 0 5px; color: #1f1f1f; font-size: 16px; }
|
||||
.cms-panel .cms-panel-toggle a.toggle-expand { width: 40px; }
|
||||
=======
|
||||
.cms-panel .cms-panel-toggle a, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-panel .cms-panel-toggle a:hover, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel .cms-panel-toggle a:hover, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a { display: block; text-align: right; padding: 4px 0; width: 100%; text-decoration: none; }
|
||||
.cms-panel .cms-panel-toggle a span, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow a:hover span, .cms .jstree .jstree-wholerow .cms-panel .cms-panel-toggle a:hover span, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a span, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a span, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a span, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover span, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel .cms-panel-toggle a:hover span, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a span, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a span, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a span { display: inline-block; margin: 0 5px; color: #1f1f1f; font-size: 16px; }
|
||||
.cms-panel .cms-panel-toggle a.toggle-expand, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow a.toggle-expand:hover, .cms .jstree .jstree-wholerow .cms-panel .cms-panel-toggle a.toggle-expand:hover, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-expand, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.toggle-expand, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.toggle-expand:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel .cms-panel-toggle a.toggle-expand:hover, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-panel .cms-panel-toggle li.vakata-hover > a.toggle-expand { width: 40px; display: none; }
|
||||
>>>>>>> NEW Side by side editing functionality - first cut (os#7412)
|
||||
.cms-panel.cms-content-tools .cms-panel-toggle.south { border-top: 1px solid #FFF; }
|
||||
.cms-panel.collapsed { cursor: pointer; }
|
||||
.cms-panel.collapsed .cms-panel-header * { display: none; }
|
||||
.cms-panel.collapsed .cms-panel-content { display: none; }
|
||||
.cms-panel.collapsed .cms-panel-header *, .cms-panel.collapsed .cms-panel-content, .cms-panel.collapsed .cms-panel-toggle a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow a.toggle-collapse:hover, .cms .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle a.toggle-collapse:hover, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-collapse, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-collapse, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.toggle-collapse, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.toggle-collapse, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.toggle-collapse:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle a.toggle-collapse:hover, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.toggle-collapse, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.toggle-collapse, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-collapse, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-collapse, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse { display: none; }
|
||||
.cms-panel.collapsed .cms-panel-toggle a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow a.toggle-expand:hover, .cms .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle a.toggle-expand:hover, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-expand, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.toggle-expand, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.toggle-expand:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle a.toggle-expand:hover, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand { display: block; }
|
||||
.cms-panel .cms-panel-header { width: 100%; }
|
||||
.cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed { width: 40px; display: none; }
|
||||
.cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed h2, .cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed h3 { border-bottom: 0; margin-left: 8px; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
|
||||
@ -527,7 +550,7 @@ form.member-profile-form #Permissions .optionset li { float: none; width: auto;
|
||||
.cms-panel .collapsed-flyout { display: block !important; left: 41px; margin-top: -40px; position: fixed; width: 191px; }
|
||||
.cms-panel .collapsed-flyout li a span { display: block !important; }
|
||||
|
||||
.cms .cms-panel-padded { padding: 8px 16px; margin: 0; }
|
||||
.cms .cms-panel-padded { padding: 8px 16px 16px; margin: 0; }
|
||||
|
||||
/** ------------------------------------------------------------------
|
||||
* Dialog
|
||||
@ -740,23 +763,28 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
|
||||
.cms-tree a.jstree-loading .jstree-pageicon { background: url(../images/throbber.gif) top left no-repeat; }
|
||||
|
||||
/** Styles for the left hand side menu and header for the admin panels. Take into consideration CSS selector performance. @package framework @subpackage admin */
|
||||
.cms-logo-header { background-color: #00111d; position: relative !important; top: auto !important; height: auto !important; padding: 0 8px 0 4px; line-height: 24px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMTExZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAzMDUwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAxMTFkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00111d), color-stop(50%, #003050), color-stop(100%, #00111d)); background-image: -webkit-linear-gradient(#00111d, #003050, #00111d); background-image: -moz-linear-gradient(#00111d, #003050, #00111d); background-image: -o-linear-gradient(#00111d, #003050, #00111d); background-image: linear-gradient(#00111d, #003050, #00111d); }
|
||||
.cms-logo-header { background-color: #142136; position: relative !important; top: auto !important; height: auto !important; padding: 0 8px; line-height: 24px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNGU4MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0MjEzNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #304e80), color-stop(100%, #142136)); background-image: -webkit-linear-gradient(#304e80, #142136); background-image: -moz-linear-gradient(#304e80, #142136); background-image: -o-linear-gradient(#304e80, #142136); background-image: linear-gradient(#304e80, #142136); }
|
||||
.cms-logo-header span { color: white; display: block; padding-left: 26px; }
|
||||
.cms-logo-header span a { color: #3ebae0; display: inline; }
|
||||
|
||||
.cms-logo { border-bottom: 1px solid #03090c; overflow: hidden; padding: 8px 0; position: relative; vertical-align: middle; font-size: 12px; }
|
||||
.cms-logo { border-bottom: 1px solid #1a2a45; overflow: hidden; padding: 10px 0 9px; /* should come to 40px with border bottom and line-height */ position: relative; vertical-align: middle; font-size: 12px; min-height: 20px; }
|
||||
.collapsed .cms-logo { padding: 0; }
|
||||
.cms-logo .version { display: none; }
|
||||
<<<<<<< HEAD
|
||||
.cms-logo a { position: absolute; top: 8px; bottom: 8px; left: 4px; display: block; width: 24px; background: url("../images/logo_small.png") no-repeat left center; text-indent: -9999em; padding-right: 7px; border-right: 1px solid #19435c; }
|
||||
.cms-logo span { font-weight: bold; font-size: 14px; line-height: 20px; padding: 2px 0; margin-left: 44px; }
|
||||
=======
|
||||
.cms-logo a, .cms-logo .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-logo a:hover, .cms-logo .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-logo li.vakata-hover > a, .cms-logo .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-logo li.vakata-hover > a, .cms-logo .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-logo li.vakata-hover > a, .cms-logo .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-logo li.vakata-hover > a, .cms-logo .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-logo a:hover, .cms-logo .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-logo li.vakata-hover > a, .cms-logo .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-logo li.vakata-hover > a, .cms-logo .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-logo li.vakata-hover > a, .cms-logo .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-logo li.vakata-hover > a { position: absolute; top: 8px; bottom: 8px; display: block; width: 24px; background: url("../images/logo_small.png") no-repeat left center; text-indent: -9999em; padding: 0 1px; }
|
||||
.cms-logo span { font-weight: bold; font-size: 12px; line-height: 16px; padding: 2px 0; margin-left: 30px; }
|
||||
>>>>>>> NEW Side by side editing functionality - first cut (os#7412)
|
||||
|
||||
.cms-login-status { border-top: 1px solid #19435c; padding: 7px 4px; line-height: 16px; font-size: 11px; }
|
||||
.cms-login-status .logout-link { display: inline-block; height: 16px; width: 16px; float: left; margin: 0 8px 0 3px; background: url('../images/sprites-32x32-sb47394f892.png') 0 -76px no-repeat; text-indent: -9999em; }
|
||||
.cms-login-status { border-top: 1px solid #19435c; padding: 12px 0 17px; line-height: 16px; font-size: 11px; }
|
||||
.cms-login-status .logout-link { display: inline-block; height: 16px; width: 16px; float: left; margin: 0 8px 0 5px; background: url('../images/sprites-32x32-sb47394f892.png') 0 -76px no-repeat; text-indent: -9999em; }
|
||||
|
||||
.cms-menu { z-index: 80; background: #b0bec7; width: 192px; -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; -moz-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; }
|
||||
.cms-menu a { text-decoration: none; }
|
||||
.cms-menu .cms-panel-content { width: 191px; /* 8x24 - 1 */ overflow-x: hidden; overflow-y: auto; position: relative !important; top: auto !important; left: auto !important; }
|
||||
.cms-menu.collapsed { width: 40px; cursor: auto; z-index: 1000; }
|
||||
.cms-menu.collapsed { width: 40px !important; cursor: auto; z-index: 1000; }
|
||||
.cms-menu.collapsed .cms-panel-header { width: 30px; }
|
||||
.cms-menu.collapsed .cms-panel-header span { display: none; }
|
||||
.cms-menu.collapsed .cms-menu-list { overflow-x: hidden; overflow-y: auto; }
|
||||
@ -765,10 +793,11 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
|
||||
.cms-menu.collapsed .cms-menu-list li ul { display: none; }
|
||||
.cms-menu.collapsed .cms-login-status { height: 16px; }
|
||||
.cms-menu.collapsed .cms-login-status span { display: none; }
|
||||
.cms-menu.collapsed .cms-logo { height: 24px; }
|
||||
.cms-menu.collapsed .cms-logo { height: 20px; padding: 10px 0 9px; }
|
||||
.cms-menu.collapsed.cms-panel .cms-panel-content { display: block; }
|
||||
|
||||
.cms-menu-list li { /* Style applied to the menu flyout only when the collapsed setting */ }
|
||||
<<<<<<< HEAD
|
||||
.cms-menu-list li a { display: block; height: 24px; line-height: 24px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: #bfcad2 1px 1px 0; color: #1f1f1f; padding: 7px 5px 7px 8px; background-color: #b0bec7; cursor: pointer; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#b0bec7, #92a5b2); background-image: -moz-linear-gradient(#b0bec7, #92a5b2); background-image: -o-linear-gradient(#b0bec7, #92a5b2); background-image: linear-gradient(#b0bec7, #92a5b2); border-top: 1px solid #c2cdd4; border-bottom: 1px solid #748d9d; }
|
||||
.cms-menu-list li a:hover { text-decoration: none; background-color: #b6c3cb; border-bottom: 1px solid #8399a7; color: #2c2c2c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmY2FkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfcad2), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(#bfcad2, #b0bec7); background-image: -moz-linear-gradient(#bfcad2, #b0bec7); background-image: -o-linear-gradient(#bfcad2, #b0bec7); background-image: linear-gradient(#bfcad2, #b0bec7); }
|
||||
.cms-menu-list li a:focus, .cms-menu-list li a:active { border-top: 1px solid #a1b2bc; text-decoration: none; background-color: #a1b2bc; color: #393939; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ExYjJiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92a5b2), color-stop(100%, #a1b2bc)); background-image: -webkit-linear-gradient(#92a5b2, #a1b2bc); background-image: -moz-linear-gradient(#92a5b2, #a1b2bc); background-image: -o-linear-gradient(#92a5b2, #a1b2bc); background-image: linear-gradient(#92a5b2, #a1b2bc); }
|
||||
@ -781,6 +810,20 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
|
||||
.cms-menu-list li.current a { color: white; text-shadow: #1e5270 0 -1px 0; border-top: 1px solid #55a4d2; border-bottom: 1px solid #1e5270; background-color: #338dc1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background-image: -webkit-linear-gradient(#338dc1, #287099); background-image: -moz-linear-gradient(#338dc1, #287099); background-image: -o-linear-gradient(#338dc1, #287099); background-image: linear-gradient(#338dc1, #287099); }
|
||||
.cms-menu-list li.current a .toggle-children .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -217px no-repeat; }
|
||||
.cms-menu-list li.current a .toggle-children.opened .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -905px no-repeat; }
|
||||
=======
|
||||
.cms-menu-list li a, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a { display: block; height: 24px; line-height: 24px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: #bfcad2 1px 1px 0; color: #1f1f1f; padding: 7px 5px 7px 8px; background-color: #b0bec7; cursor: pointer; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#b0bec7, #92a5b2); background-image: -moz-linear-gradient(#b0bec7, #92a5b2); background-image: -o-linear-gradient(#b0bec7, #92a5b2); background-image: linear-gradient(#b0bec7, #92a5b2); border-top: 1px solid #c2cdd4; border-bottom: 1px solid #748d9d; }
|
||||
.cms-menu-list li a:hover, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms #vakata-contextmenu li.vakata-hover > a, .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a:hover { text-decoration: none; background-color: #b6c3cb; border-bottom: 1px solid #8399a7; color: #2c2c2c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmY2FkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfcad2), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(#bfcad2, #b0bec7); background-image: -moz-linear-gradient(#bfcad2, #b0bec7); background-image: -o-linear-gradient(#bfcad2, #b0bec7); background-image: linear-gradient(#bfcad2, #b0bec7); }
|
||||
.cms-menu-list li a:focus, .cms-menu-list li .cms .jstree .jstree-wholerow a:focus:hover, .cms .jstree .jstree-wholerow .cms-menu-list li a:focus:hover, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:focus, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:focus, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a:focus, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a:focus, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:focus:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:focus:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a:focus, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a:focus, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:focus, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:focus, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:focus, .cms-menu-list li a:active, .cms-menu-list li .cms .jstree .jstree-wholerow a:active:hover, .cms .jstree .jstree-wholerow .cms-menu-list li a:active:hover, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:active, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a:active, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:active, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:active, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a:active, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a:active, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a:active, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:active, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:active:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:active:hover, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a:active, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a:active, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a:active, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:active, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:active, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a:active, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:active, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a:active { border-top: 1px solid #a1b2bc; text-decoration: none; background-color: #a1b2bc; color: #393939; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ExYjJiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92a5b2), color-stop(100%, #a1b2bc)); background-image: -webkit-linear-gradient(#92a5b2, #a1b2bc); background-image: -moz-linear-gradient(#92a5b2, #a1b2bc); background-image: -o-linear-gradient(#92a5b2, #a1b2bc); background-image: linear-gradient(#92a5b2, #a1b2bc); }
|
||||
.cms-menu-list li a .icon, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover .icon, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover .icon, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .icon, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .icon, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .icon, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover .icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .icon, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .icon { display: inline-block; float: left; margin: 4px 10px 0 4px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
|
||||
.cms-menu-list li a .text, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover .text, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover .text, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .text, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .text, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .text, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .text, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .text, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a .text, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .text, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .text, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .text, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover .text, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .text, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a .text, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .text, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .text, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .text, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .text, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .text, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .text { display: inline-block; float: left; }
|
||||
.cms-menu-list li a .toggle-children, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover .toggle-children, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover .toggle-children, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .toggle-children, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .toggle-children, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .toggle-children, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover .toggle-children, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .toggle-children, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .toggle-children, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children { display: inline-block; float: right; width: 20px; height: 100%; cursor: pointer; }
|
||||
.cms-menu-list li a .toggle-children .toggle-children-icon, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover .toggle-children .toggle-children-icon, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover .toggle-children .toggle-children-icon, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover .toggle-children .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children .toggle-children-icon { display: inline-block; width: 8px; height: 8px; background: url('../images/sprites-32x32-sb47394f892.png') 0 -159px no-repeat; vertical-align: middle; }
|
||||
.cms-menu-list li a .toggle-children.opened .toggle-children-icon, .cms-menu-list li .cms .jstree .jstree-wholerow a:hover .toggle-children.opened .toggle-children-icon, .cms .jstree .jstree-wholerow .cms-menu-list li a:hover .toggle-children.opened .toggle-children-icon, .cms-menu-list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li a:hover .toggle-children.opened .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.vakata-hover > a .toggle-children.opened .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -143px no-repeat; }
|
||||
.cms-menu-list li ul li a, .cms-menu-list li ul li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-menu-list li ul li a:hover, .cms-menu-list li ul .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li ul li a:hover, .cms-menu-list li ul .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li ul li.vakata-hover > a, .cms-menu-list li ul .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li ul li.vakata-hover > a { border-top: 1px solid #b6c3cb; }
|
||||
.cms-menu-list li.current a, .cms-menu-list li.current .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-menu-list li.current a:hover, .cms-menu-list li.current .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.current a:hover, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a { color: white; text-shadow: #1e5270 0 -1px 0; border-top: 1px solid #55a4d2; border-bottom: 1px solid #236184; background-color: #338dc1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background-image: -webkit-linear-gradient(#338dc1, #287099); background-image: -moz-linear-gradient(#338dc1, #287099); background-image: -o-linear-gradient(#338dc1, #287099); background-image: linear-gradient(#338dc1, #287099); }
|
||||
.cms-menu-list li.current a .toggle-children .toggle-children-icon, .cms-menu-list li.current .cms .jstree .jstree-wholerow a:hover .toggle-children .toggle-children-icon, .cms .jstree .jstree-wholerow .cms-menu-list li.current a:hover .toggle-children .toggle-children-icon, .cms-menu-list li.current .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.current a:hover .toggle-children .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -217px no-repeat; }
|
||||
.cms-menu-list li.current a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .cms .jstree .jstree-wholerow a:hover .toggle-children.opened .toggle-children-icon, .cms .jstree .jstree-wholerow .cms-menu-list li.current a:hover .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.current a:hover .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .cms-menu-list li.current .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a .toggle-children.opened .toggle-children-icon, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-menu-list li.current li.vakata-hover > a .toggle-children.opened .toggle-children-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -905px no-repeat; }
|
||||
>>>>>>> NEW Side by side editing functionality - first cut (os#7412)
|
||||
.cms-menu-list li.current ul { border-top: none; display: block; }
|
||||
.cms-menu-list li.current li { background-color: #287099; }
|
||||
.cms-menu-list li.current li a { font-size: 11px; padding: 0 10px 0 40px; height: 32px; line-height: 32px; color: #e2f0f7; background: none; border-top: 1px solid #2f81b1; border-bottom: 1px solid #1e5270; }
|
||||
@ -835,6 +878,64 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
|
||||
.cms-menu-list.collapsed li .text, .cms-menu-list.collapsed li .toggle-children { display: none; }
|
||||
.cms-menu-list.collapsed li > li { display: none; }
|
||||
|
||||
/* -------------------------- */
|
||||
.cms-preview-controls { z-index: 1; background: #eceff1; min-height: 28px; padding: 12px 12px; }
|
||||
|
||||
.cms-navigator { width: 100%; /* Old selecter - to delete */ }
|
||||
.cms-navigator .chzn-results li { display: list-item; }
|
||||
.cms-navigator .field { display: inline-block; float: right; margin-right: 4px; }
|
||||
|
||||
/* Preview selector */
|
||||
ul.preview-selector li { position: relative; float: right; margin: 1px 0 0; }
|
||||
ul.preview-selector li .preview-selected span { display: none; }
|
||||
ul.preview-selector li a, ul.preview-selector li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a { padding: 6px 6px 6px 30px; width: 0px; text-indent: 299px; overflow: hidden; background-color: #FFF; background-image: url(../images/preview_icons.png); background-repeat: no-repeat; }
|
||||
ul.preview-selector li a.icon-auto, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-auto:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-auto:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-auto, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-auto, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-auto:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-auto:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-auto, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-auto { background-position: -3px -246px; }
|
||||
ul.preview-selector li a.icon-desktop, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-desktop:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-desktop:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-desktop, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-desktop, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-desktop:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-desktop:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-desktop, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-desktop { background-position: -3px -62px; }
|
||||
ul.preview-selector li a.icon-tablet, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-tablet:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-tablet:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-tablet, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-tablet, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-tablet:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-tablet:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-tablet, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-tablet { background-position: -3px -33px; }
|
||||
ul.preview-selector li a.icon-mobile, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-mobile:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-mobile:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-mobile, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-mobile, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-mobile:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-mobile:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-mobile, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-mobile { background-position: -3px -1px; }
|
||||
ul.preview-selector li a.icon-split, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-split:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-split:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-split, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-split, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-split:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-split:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-split, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-split { background-position: -3px -214px; }
|
||||
ul.preview-selector li a.icon-edit, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-edit:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-edit:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-edit, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-edit, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-edit:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-edit:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-edit, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-edit { background-position: -3px -184px; }
|
||||
ul.preview-selector li a.icon-preview, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-preview:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-preview:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-preview, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-preview, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-preview:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-preview:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-preview, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-preview { background-position: -3px -154px; }
|
||||
ul.preview-selector li a.icon-window, ul.preview-selector li .cms .jstree .jstree-wholerow a.icon-window:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a.icon-window:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-window, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-window, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-window:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a.icon-window:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a.icon-window, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a.icon-window { background-position: -3px -124px; }
|
||||
ul.preview-selector li a:hover, ul.preview-selector li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li a:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li a:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms #vakata-contextmenu li.vakata-hover > a, .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li.vakata-hover > a:hover, ul.preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li.vakata-hover > a:hover { background-color: #f2f4f6; text-decoration: none; }
|
||||
ul.preview-selector li li { border: none; margin: 0; }
|
||||
ul.preview-selector li li a, ul.preview-selector li li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a { display: block; line-height: 18px; height: auto; border-bottom: 1px solid rgba(201, 205, 206, 0.8); width: 90px; text-indent: 0; }
|
||||
ul.preview-selector li li a.icon-auto, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-auto:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-auto:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-auto, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-auto, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-auto:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-auto:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-auto, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-auto, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-auto { background-position: -3px -242px; }
|
||||
ul.preview-selector li li a.icon-desktop, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-desktop:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-desktop:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-desktop, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-desktop, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-desktop:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-desktop:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-desktop, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-desktop, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-desktop { background-position: -3px -58px; }
|
||||
ul.preview-selector li li a.icon-tablet, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-tablet:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-tablet:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-tablet, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-tablet, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-tablet:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-tablet:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-tablet, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-tablet, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-tablet { background-position: -3px -29px; }
|
||||
ul.preview-selector li li a.icon-mobile, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-mobile:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-mobile:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-mobile, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-mobile, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-mobile:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-mobile:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-mobile, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-mobile, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-mobile { background-position: -3px 3px; }
|
||||
ul.preview-selector li li a.icon-split, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-split:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-split:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-split, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-split, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-split:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-split:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-split, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-split, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-split { background-position: -3px -211px; }
|
||||
ul.preview-selector li li a.icon-edit, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-edit:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-edit:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-edit, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-edit, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-edit:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-edit:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-edit, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-edit, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-edit { background-position: -3px -182px; }
|
||||
ul.preview-selector li li a.icon-preview, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-preview:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-preview:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-preview, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-preview, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-preview:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-preview:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-preview, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-preview, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-preview { background-position: -3px -152px; }
|
||||
ul.preview-selector li li a.icon-window, ul.preview-selector li li .cms .jstree .jstree-wholerow a.icon-window:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li a.icon-window:hover, ul.preview-selector li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-window, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.icon-window, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.icon-window:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li a.icon-window:hover, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.vakata-hover > a.icon-window, ul.preview-selector li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.icon-window, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.vakata-hover > a.icon-window { background-position: -3px -122px; }
|
||||
ul.preview-selector li li.last a, ul.preview-selector li li.last .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li.last a:hover, ul.preview-selector li li.last .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.last a:hover, ul.preview-selector li li.last .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.last li.vakata-hover > a, ul.preview-selector li li.last .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.last li.vakata-hover > a { border-bottom: none; }
|
||||
ul.preview-selector li li.active a, ul.preview-selector li li.active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li li.active a:hover, ul.preview-selector li li.active .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.active a:hover, ul.preview-selector li li.active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li li.active li.vakata-hover > a, ul.preview-selector li li.active .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li li.active li.vakata-hover > a { background-color: #eceff1; }
|
||||
ul.preview-selector li .preview-selected a, ul.preview-selector li .preview-selected .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li .preview-selected a:hover, ul.preview-selector li .preview-selected .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li .preview-selected a:hover, ul.preview-selector li .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li .preview-selected li.vakata-hover > a, ul.preview-selector li .preview-selected .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li .preview-selected li.vakata-hover > a { float: left; display: inline; height: 16px; width: 1px; background-color: transparent; padding-right: 0; }
|
||||
ul.preview-selector li .preview-size-menu { display: none; -webkit-border-radius: 4px 4px 0 4px; -moz-border-radius: 4px 4px 0 4px; -ms-border-radius: 4px 4px 0 4px; -o-border-radius: 4px 4px 0 4px; border-radius: 4px 4px 0 4px; border: 1px solid rgba(201, 205, 206, 0.8); background-color: #FFF; overflow: hidden; position: absolute; right: 0px; top: -125px; /* height for 4 items */ }
|
||||
ul.preview-selector li:hover .preview-size-menu, ul.preview-selector.active .preview-size-menu { display: block; }
|
||||
ul.preview-selector li:hover .preview-selected a, ul.preview-selector li:hover .preview-selected .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector li:hover .preview-selected a:hover, ul.preview-selector li:hover .preview-selected .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li:hover .preview-selected a:hover, ul.preview-selector li:hover .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector li:hover .preview-selected .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector li:hover .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected a, ul.preview-selector.active .preview-selected .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.preview-selector.active .preview-selected a:hover, ul.preview-selector.active .preview-selected .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector.active .preview-selected a:hover, ul.preview-selector.active .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.preview-selector.active .preview-selected li.vakata-hover > a, ul.preview-selector.active .preview-selected .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.preview-selector.active .preview-selected li.vakata-hover > a { background-color: #dae0e5; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
|
||||
|
||||
/* Preview selector - Override for double label */
|
||||
ul.double-label li li a, ul.double-label li li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow ul.double-label li li a:hover, ul.double-label li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.double-label li li.vakata-hover > a, ul.double-label li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a, ul.double-label li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.double-label li li.vakata-hover > a, ul.double-label li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a, ul.double-label li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.double-label li li a:hover, ul.double-label li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.double-label li li.vakata-hover > a, ul.double-label li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a, ul.double-label li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.double-label li li.vakata-hover > a, ul.double-label li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a { line-height: 12px; padding: 5px 6px 5px 30px; }
|
||||
ul.double-label li li a span, ul.double-label li li .cms .jstree .jstree-wholerow a:hover span, .cms .jstree .jstree-wholerow ul.double-label li li a:hover span, ul.double-label li .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a span, .cms .jstree .jstree-wholerow #vakata-contextmenu ul.double-label li li.vakata-hover > a span, ul.double-label li .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a span, .cms #vakata-contextmenu .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a span, ul.double-label li .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a span, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu ul.double-label li li.vakata-hover > a span, ul.double-label li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a span, ul.double-label li li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover span, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.double-label li li a:hover span, ul.double-label li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu ul.double-label li li.vakata-hover > a span, ul.double-label li .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a span, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a span, ul.double-label li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu ul.double-label li li.vakata-hover > a span, ul.double-label li .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a span, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow ul.double-label li li.vakata-hover > a span { color: #5e5e5e; font-size: 10px; display: block; }
|
||||
ul.double-label li .preview-size-menu { top: -141px; /* height for 4 items */ }
|
||||
|
||||
/* On Off Switch*/
|
||||
.cms-preview-states { float: right; margin-top: 2px; margin-right: 7px; position: relative; width: 100px; }
|
||||
.cms-preview-states label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #236184; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
|
||||
|
||||
.switch-options { display: block; width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in; -webkit-transition-delay: 0s; -moz-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; }
|
||||
.switch-options a, .switch-options .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .switch-options a:hover, .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options a:hover, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a { text-align: right; width: 50%; float: left; display: block; padding: 0 6px 0 0; height: 24px; line-height: 24px; color: #FFF; background-color: #338dc1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #287099), color-stop(100%, #338dc1)); background-image: -webkit-linear-gradient(#287099, #338dc1); background-image: -moz-linear-gradient(#287099, #338dc1); background-image: -o-linear-gradient(#287099, #338dc1); background-image: linear-gradient(#287099, #338dc1); -webkit-box-shadow: #236184 0 0 2px inset; -moz-box-shadow: #236184 0 0 2px inset; box-shadow: #236184 0 0 2px inset; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
||||
.switch-options a:hover, .switch-options .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .switch-options a:hover, .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options a:hover, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a, .switch-options .cms #vakata-contextmenu li.vakata-hover > a, .cms #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a:hover, .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a:hover, .switch-options .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options li.vakata-hover > a:hover, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .switch-options li.vakata-hover > a:hover, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-options li.vakata-hover > a, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .switch-options li.vakata-hover > a:hover, .switch-options .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-options li.vakata-hover > a:hover, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a:hover, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a:hover { text-decoration: none; }
|
||||
.switch-options a.first, .switch-options .cms .jstree .jstree-wholerow a.first:hover, .cms .jstree .jstree-wholerow .switch-options a.first:hover, .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.first, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a.first, .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.first, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a.first, .switch-options .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.first, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-options li.vakata-hover > a.first, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.first, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .switch-options li.vakata-hover > a.first, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.first:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options a.first:hover, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.first, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .switch-options li.vakata-hover > a.first, .switch-options .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.first, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options li.vakata-hover > a.first, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.first, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a.first, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.first, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a.first, .switch-options a:first-child, .switch-options .cms .jstree .jstree-wholerow a:first-child:hover, .cms .jstree .jstree-wholerow .switch-options a:first-child:hover, .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:first-child, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a:first-child, .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:first-child, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a:first-child, .switch-options .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a:first-child, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-options li.vakata-hover > a:first-child, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a:first-child, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .switch-options li.vakata-hover > a:first-child, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:first-child:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options a:first-child:hover, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a:first-child, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .switch-options li.vakata-hover > a:first-child, .switch-options .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a:first-child, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-options li.vakata-hover > a:first-child, .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:first-child, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-options li.vakata-hover > a:first-child, .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:first-child, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-options li.vakata-hover > a:first-child { text-align: left; padding-left: 8px; padding-right: 0; }
|
||||
|
||||
.switch { display: block; width: 8px; margin: 0px; position: absolute; top: 0; bottom: 0; right: 90px; border: 1px solid #9a9a9a; -webkit-box-shadow: white 0 0 2px inset; -moz-box-shadow: white 0 0 2px inset; box-shadow: white 0 0 2px inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #eceff1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgwLCAwLCAwLCAwLjIpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDApIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: all 0.3s ease-in; -webkit-transition-delay: 0s; -moz-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
|
||||
|
||||
input.hide { display: none; }
|
||||
|
||||
input:checked + label .switch-options { margin-left: 0; }
|
||||
input:checked + label .switch { right: 0px; }
|
||||
|
||||
.ModelAdmin .cms-content-fields { overflow: hidden; }
|
||||
.ModelAdmin .cms-content-fields .cms-edit-form { overflow-y: scroll; overflow-x: hidden; }
|
||||
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content .cms-search-form .resetformaction { margin-right: 0px; }
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 709 B |
BIN
admin/images/preview.png
Normal file
BIN
admin/images/preview.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
admin/images/preview_icons.png
Normal file
BIN
admin/images/preview_icons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
@ -93,7 +93,7 @@
|
||||
if(window.debug) console.log('redraw', this.attr('class'), this.get(0));
|
||||
|
||||
// Fix dimensions to actual extents, in preparation for a relayout via jslayout.
|
||||
this.height('auto');
|
||||
this.height('28px');
|
||||
this.height(this.innerHeight()-this.css('padding-top')-this.css('padding-bottom'));
|
||||
}
|
||||
});
|
||||
|
||||
96
admin/javascript/LeftAndMain.Layout.js
Normal file
96
admin/javascript/LeftAndMain.Layout.js
Normal 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));
|
||||
@ -79,8 +79,6 @@
|
||||
var newWidth = bool ? this.getWidthExpanded() : this.getWidthCollapsed();
|
||||
|
||||
this.width(newWidth); // the content panel width always stays in "expanded state" to avoid floating elements
|
||||
this.find('.toggle-collapse')[bool ? 'show' : 'hide']();
|
||||
this.find('.toggle-expand')[bool ? 'hide' : 'show']();
|
||||
|
||||
// If an alternative collapsed view exists, toggle it as well
|
||||
var collapsedContent = this.find('.cms-panel-content-collapsed');
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
* The admin UI itself is collapsible, leaving most screen space to this panel.
|
||||
*
|
||||
* Relies on the server responses to indicate if a preview URL is available for the
|
||||
* currently loaded admin interface. If no preview is available, the panel is "blocked"
|
||||
* currently loaded admin interface. If no preview is available, the panel is "blocked"
|
||||
* automatically.
|
||||
*
|
||||
* Internal links within the preview iframe trigger a refresh of the admin panel as well,
|
||||
@ -40,11 +40,9 @@
|
||||
|
||||
// Load edit view for new page, but only if the preview is activated at the moment.
|
||||
// This avoids e.g. force-redirections of the edit view on RedirectorPage instances.
|
||||
if(!self.is('.is-collapsed')) self.loadCurrentPage();
|
||||
self.loadCurrentPage();
|
||||
});
|
||||
|
||||
if(this.hasClass('is-expanded')) this.expand();
|
||||
else this.collapse();
|
||||
this.data('cms-preview-initialized', true);
|
||||
|
||||
// Preview might not be available in all admin interfaces - block/disable when necessary
|
||||
@ -53,21 +51,18 @@
|
||||
$('.cms-preview-toggle-link')[this.canPreview() ? 'show' : 'hide']();
|
||||
|
||||
self._fixIframeLinks();
|
||||
|
||||
this.updatePreview();
|
||||
|
||||
this._super();
|
||||
},
|
||||
|
||||
loadUrl: function(url) {
|
||||
this.find('iframe').attr('src', url);
|
||||
},
|
||||
|
||||
updateAfterXhr: function(){
|
||||
$('.cms-preview-toggle-link')[this.canPreview() ? 'show' : 'hide']();
|
||||
|
||||
// Only load when panel is visible (see details in iframe load event handler).
|
||||
if(this.is('.is-collapsed')) return;
|
||||
|
||||
// var url = ui.xmlhttp.getResponseHeader('x-frontend-url');
|
||||
updatePreview: function() {
|
||||
var url = $('.cms-edit-form').choosePreviewLink();
|
||||
|
||||
if(url) {
|
||||
this.loadUrl(url);
|
||||
this.unblock();
|
||||
@ -77,6 +72,11 @@
|
||||
}
|
||||
},
|
||||
|
||||
updateAfterXhr: function(){
|
||||
$('.cms-preview-toggle-link')[this.canPreview() ? 'show' : 'hide']();
|
||||
this.updatePreview();
|
||||
},
|
||||
|
||||
'from .cms-container': {
|
||||
onaftersubmitform: function(){
|
||||
this.updateAfterXhr();
|
||||
@ -86,15 +86,6 @@
|
||||
}
|
||||
},
|
||||
|
||||
// Toggle preview when new menu entry is selected.
|
||||
// Only do this when preview is actually shown,
|
||||
// to avoid auto-expanding the menu in normal CMS mode
|
||||
'from .cms-menu-list li': {
|
||||
onselect: function(){
|
||||
if(!this.hasClass('is-collapsed')) this.collapse();
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Loads the matching edit form for a page viewed in the preview iframe,
|
||||
* based on metadata sent along with this document.
|
||||
@ -130,7 +121,13 @@
|
||||
},
|
||||
|
||||
_fixIframeLinks: function() {
|
||||
var doc = this.find('iframe')[0].contentDocument;
|
||||
var iframe = this.find('iframe')[0];
|
||||
if(iframe){
|
||||
var doc = iframe.contentDocument;
|
||||
}else{
|
||||
return;
|
||||
}
|
||||
|
||||
if(!doc) return;
|
||||
|
||||
// Block outside links from going anywhere
|
||||
@ -151,40 +148,7 @@
|
||||
var naviMsg = doc.getElementById('SilverStripeNavigatorMessage');
|
||||
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('»');
|
||||
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('«');
|
||||
this.find('.cms-preview-controls').hide();
|
||||
|
||||
if(this.data('cms-preview-initialized')) {
|
||||
containerEl.find('.cms-menu').expandPanel();
|
||||
}
|
||||
|
||||
containerEl.redraw();
|
||||
},
|
||||
|
||||
block: function() {
|
||||
this.addClass('blocked');
|
||||
},
|
||||
@ -197,13 +161,8 @@
|
||||
return this.parents('.cms-container');
|
||||
},
|
||||
|
||||
toggle: function(bool) {
|
||||
this[this.hasClass('is-collapsed') ? 'expand' : 'collapse']();
|
||||
},
|
||||
redraw: function() {
|
||||
if(window.debug) console.log('redraw', this.attr('class'), this.get(0));
|
||||
|
||||
this.layout({resize: false});
|
||||
}
|
||||
});
|
||||
|
||||
@ -238,73 +197,56 @@
|
||||
}
|
||||
});
|
||||
|
||||
$('.cms-preview .cms-preview-toggle').entwine({
|
||||
onclick: function(e) {
|
||||
e.preventDefault();
|
||||
this.parents('.cms-preview').toggle();
|
||||
}
|
||||
});
|
||||
|
||||
$('.cms-switch-view a').entwine({
|
||||
onclick: function(e) {
|
||||
e.preventDefault();
|
||||
$('.switch-options a').entwine({
|
||||
onclick: function(e) {
|
||||
var preview = $('.cms-preview');
|
||||
preview.toggle(true);
|
||||
preview.loadUrl($(e.target).attr('href'));
|
||||
var loadSibling = $(this).siblings('a');
|
||||
var checkbox = $(this).closest('.cms-preview-states').find('input');
|
||||
if(checkbox.attr('checked') !== undefined){
|
||||
checkbox.attr('checked', false);
|
||||
}else{
|
||||
checkbox.attr('checked', true);
|
||||
}
|
||||
preview.loadUrl($(loadSibling).attr('href'));
|
||||
return false;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('.cms-menu li').entwine({
|
||||
onclick: function(e) {
|
||||
// Prevent reloading of interface when opening the edit panel
|
||||
if(this.hasClass('Menu-CMSMain')) {
|
||||
var preview = $('.cms-preview');
|
||||
preview.toggle(true);
|
||||
e.preventDefault();
|
||||
|
||||
$('#cms-preview-mode-dropdown').entwine({
|
||||
onchange: function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var content = $('.cms-content');
|
||||
var state = $(this).val();
|
||||
if (state == 'split') {
|
||||
content.removeClass('is-collapsed');
|
||||
} else {
|
||||
content.addClass('is-collapsed');
|
||||
}
|
||||
content.parent().redraw();
|
||||
}
|
||||
});
|
||||
|
||||
$('.cms-preview .cms-preview-states').entwine({
|
||||
onmatch: function() {
|
||||
this.find('a').addClass('disabled');
|
||||
this.find('.active a').removeClass('disabled');
|
||||
this.find('.cms-preview-watermark').show();
|
||||
this.find('.active .cms-preview-watermark').hide();
|
||||
this._super();
|
||||
},
|
||||
onunmatch: function() {
|
||||
this._super();
|
||||
}
|
||||
});
|
||||
|
||||
$('.cms-preview .cms-preview-states a').entwine({
|
||||
// Preview selectors (screen size, screen mode)
|
||||
$('.preview-selector .preview-selected').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();
|
||||
this.parents('.preview-selector').toggleClass('active');
|
||||
}
|
||||
});
|
||||
|
||||
$('.cms-preview-toggle-link').entwine({
|
||||
$(".preview-selector .preview-size-menu li").entwine({
|
||||
onclick: function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var preview = $('.cms-preview'),
|
||||
url = $('.cms-edit-form').choosePreviewLink();
|
||||
|
||||
if(url) {
|
||||
preview.loadUrl(url);
|
||||
preview.unblock();
|
||||
preview.toggle();
|
||||
}
|
||||
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({
|
||||
/**
|
||||
|
||||
@ -4,6 +4,7 @@ jQuery.noConflict();
|
||||
* File: LeftAndMain.js
|
||||
*/
|
||||
(function($) {
|
||||
|
||||
// setup jquery.entwine
|
||||
$.entwine.warningLevel = $.entwine.WARN_LEVEL_BESTPRACTISE;
|
||||
$.entwine('ss', function($) {
|
||||
@ -147,16 +148,22 @@ jQuery.noConflict();
|
||||
redraw: function() {
|
||||
if(window.debug) console.log('redraw', this.attr('class'), this.get(0));
|
||||
|
||||
// Move from inner to outer layouts. Some of the elements might not exist.
|
||||
// Not all edit forms are layouted, so qualify by their data value.
|
||||
// Use the three column compressor layout, which squishes preview, then menu, then content
|
||||
this.data('jlayout', jLayout.threeColumnCompressor({
|
||||
menu: this.children('.cms-menu'),
|
||||
content: this.children('.cms-content'),
|
||||
preview: this.children('.cms-preview')}
|
||||
));
|
||||
|
||||
// Do the layout - this also lays out children. We move from outside to inside, resizing to fit the parent
|
||||
this.layout();
|
||||
|
||||
this.layout({resize: false});
|
||||
this.find('.cms-panel-layout').redraw();
|
||||
this.find('.cms-content-fields[data-layout-type]').redraw();
|
||||
this.find('.cms-edit-form[data-layout-type]').redraw();
|
||||
// Redraw on all the children that need it
|
||||
this.find('.cms-panel-layout').redraw();
|
||||
this.find('.cms-content-fields[data-layout-type]').redraw();
|
||||
this.find('.cms-edit-form[data-layout-type]').redraw();
|
||||
this.find('.cms-preview').redraw();
|
||||
this.find('.cms-content').redraw();
|
||||
this.layout({resize: false});
|
||||
},
|
||||
|
||||
/**
|
||||
@ -800,8 +807,6 @@ jQuery.noConflict();
|
||||
$(".cms-panel-layout").entwine({
|
||||
redraw: function() {
|
||||
if(window.debug) console.log('redraw', this.attr('class'), this.get(0));
|
||||
|
||||
this.layout({resize: false});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@ -293,7 +293,7 @@ form.small .field, .field.small {
|
||||
}
|
||||
|
||||
.Actions {
|
||||
min-height: 30px;
|
||||
max-height: 28px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
@ -8,16 +8,16 @@
|
||||
*/
|
||||
|
||||
.cms-logo-header {
|
||||
background-color: darken($color-dark-bg, 10%);
|
||||
background-color: $color-dark-bg;
|
||||
position: relative !important;
|
||||
top:auto !important;
|
||||
height:auto !important;
|
||||
padding: 0 8px 0 4px;
|
||||
padding: 0 8px;
|
||||
line-height: 24px;
|
||||
|
||||
@include background-image(
|
||||
linear-gradient(darken($color-dark-bg, 10%), $color-dark-bg, darken($color-dark-bg, 10%)
|
||||
));
|
||||
linear-gradient(lighten($color-dark-bg,20%), $color-dark-bg)
|
||||
);
|
||||
|
||||
span {
|
||||
color: $color-text-light;
|
||||
@ -32,12 +32,13 @@
|
||||
}
|
||||
|
||||
.cms-logo {
|
||||
border-bottom: 1px solid darken($color-dark-separator, 20%);
|
||||
border-bottom: 1px solid lighten($color-dark-bg,4%);
|
||||
overflow: hidden;
|
||||
padding: $grid-y 0;
|
||||
padding: $grid-y+2 0 $grid-y+1; /* should come to 40px with border bottom and line-height */
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
font-size: $font-base-size;
|
||||
min-height: 20px;
|
||||
|
||||
.collapsed &{
|
||||
padding:0;
|
||||
@ -51,27 +52,25 @@
|
||||
position: absolute;
|
||||
top: $grid-y;
|
||||
bottom: $grid-y;
|
||||
left: 4px;
|
||||
display: block;
|
||||
width: 24px;
|
||||
background: $application-logo-small no-repeat left center;
|
||||
text-indent: -9999em;
|
||||
padding-right: 7px;
|
||||
border-right: 1px solid $color-dark-separator;
|
||||
padding: 0 1px;
|
||||
}
|
||||
|
||||
span {
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
font-size: $font-base-size;
|
||||
line-height: 16px;
|
||||
padding: 2px 0;
|
||||
margin-left: 44px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.cms-login-status {
|
||||
border-top: 1px solid $color-dark-separator;
|
||||
padding: 7px 4px;
|
||||
padding: $grid-y*1.5 0 17px;
|
||||
line-height: 16px;
|
||||
font-size: $font-base-size - 1;
|
||||
|
||||
@ -80,7 +79,7 @@
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
float: left;
|
||||
margin: 0 8px 0 3px;
|
||||
margin: 0 8px 0 5px;
|
||||
background: sprite($sprites32, logout) no-repeat;
|
||||
text-indent: -9999em;
|
||||
}
|
||||
@ -90,6 +89,7 @@
|
||||
z-index: 80;
|
||||
background: $color-base;
|
||||
width: ($grid-x * 24); // Removed right border as it clashes with different blues
|
||||
|
||||
@include box-shadow($color-shadow-blacker 0 0 3px);
|
||||
a {
|
||||
text-decoration: none;
|
||||
@ -105,7 +105,7 @@
|
||||
}
|
||||
|
||||
&.collapsed {
|
||||
width: 40px;
|
||||
width: 40px !important;
|
||||
cursor: auto;
|
||||
z-index: 1000;
|
||||
|
||||
@ -140,7 +140,8 @@
|
||||
}
|
||||
|
||||
.cms-logo {
|
||||
height:24px;
|
||||
height:20px;
|
||||
padding: 10px 0 9px;
|
||||
}
|
||||
|
||||
&.cms-panel .cms-panel-content {
|
||||
@ -242,7 +243,7 @@
|
||||
color: $color-text-light;
|
||||
text-shadow: darken($color-menu-button, 20%) 0 -1px 0;
|
||||
border-top: 1px solid lighten($color-menu-button, 10%);
|
||||
border-bottom: 1px solid darken($color-menu-button, 20%);
|
||||
border-bottom: 1px solid darken($color-menu-button, 15%);
|
||||
background-color: $color-menu-button;
|
||||
@include background-image(linear-gradient(
|
||||
$color-menu-button,
|
||||
|
||||
@ -101,5 +101,9 @@
|
||||
*:first-child &{ zoom:1;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@mixin transition($properties: margin 0.3s ease-in 0s){
|
||||
-moz-transition: $properties;
|
||||
-webkit-transition: $properties;
|
||||
-o-transition: $properties;
|
||||
transition: $properties;
|
||||
}
|
||||
|
||||
243
admin/scss/_preview.scss
Normal file
243
admin/scss/_preview.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
@ -69,7 +69,8 @@ body.cms {
|
||||
* -------------------------------------------- */
|
||||
.cms-container {
|
||||
height: 100%;
|
||||
background: $tab-panel-texture-background;
|
||||
/*background: $tab-panel-texture-background;*/
|
||||
background: $tab-panel-texture-color;
|
||||
}
|
||||
|
||||
.cms-preview,
|
||||
@ -132,6 +133,10 @@ body.cms {
|
||||
}
|
||||
}
|
||||
|
||||
#Form_EditForm.CMSMain {
|
||||
padding: 0; /* fixs the double padding around the edit panel - move to framework? */
|
||||
}
|
||||
|
||||
/** --------------------------------------------
|
||||
* Tabs
|
||||
* -------------------------------------------- */
|
||||
@ -146,6 +151,7 @@ body.cms {
|
||||
|
||||
.ui-tabs-panel {
|
||||
padding: $grid-x 0;
|
||||
background: transparent; // default it's white
|
||||
}
|
||||
|
||||
.ui-widget-header {
|
||||
@ -153,17 +159,13 @@ body.cms {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.ui-tabs-panel {
|
||||
background: transparent; // default it's white
|
||||
}
|
||||
|
||||
.ui-tabs-nav {
|
||||
float: right;
|
||||
margin: 0 0 -1px 0;
|
||||
padding: 0 $grid-x*2 0 0;
|
||||
border-bottom: none;
|
||||
|
||||
& ~ .ui-tabs-panel {
|
||||
~ .ui-tabs-panel {
|
||||
border-top:1px solid $color-button-generic-border;
|
||||
clear: both;
|
||||
}
|
||||
@ -279,6 +281,7 @@ body.cms {
|
||||
.ui-tabs.cms-tabset-primary .ui-tabs-nav, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary {
|
||||
li {
|
||||
margin-right: 0; // tabs are directly adjacent
|
||||
margin-top: 0;
|
||||
a {
|
||||
margin: 0;
|
||||
// overlap divider line below
|
||||
@ -307,7 +310,8 @@ body.cms {
|
||||
.ui-state-active {
|
||||
@include box-shadow(none);
|
||||
background: darken($color-widget-bg, 2%);
|
||||
background: $tab-panel-texture-background;
|
||||
background: $tab-panel-texture-color;
|
||||
/*background: $tab-panel-texture-background;*/
|
||||
border-top: none;
|
||||
border: {
|
||||
right-color: darken($color-tab, 15%); // same color as divider between header and body, needed for IE
|
||||
@ -404,15 +408,17 @@ body.cms {
|
||||
* Actions
|
||||
* -------------------------------------------- */
|
||||
|
||||
.cms-content-actions {
|
||||
.cms-content-actions, .cms-preview-controls {
|
||||
margin: 0;
|
||||
padding: $grid-y*1.5 $grid-y*2;
|
||||
z-index: 0;
|
||||
border-top: 1px solid $color-light-separator;
|
||||
border-top: 1px solid #FAFAFA;
|
||||
@include box-shadow(#CCC 0 -1px 1px);
|
||||
@include box-shadow(1px 0 0 $tab-panel-texture-color, #CCC 0 -1px 1px);
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
|
||||
/** --------------------------------------------
|
||||
* Messages
|
||||
* -------------------------------------------- */
|
||||
@ -445,10 +451,6 @@ body.cms {
|
||||
background-color: lighten($color-good,40%);
|
||||
border-color: $color-good;
|
||||
}
|
||||
/* // Orange
|
||||
background: lighten($color-optional,16%);
|
||||
border-color: $color-optional;
|
||||
*/
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
@ -509,74 +511,73 @@ body.cms {
|
||||
.parent-mode {
|
||||
padding: $grid-x;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#PageType {
|
||||
ul {
|
||||
padding-left: 20px;
|
||||
li {
|
||||
float: none;
|
||||
width: 100%;
|
||||
padding: 9px 0 9px 15px;
|
||||
overflow: hidden;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom: 2px groove lighten($color-shadow-light, 95%);
|
||||
-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;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
&:hover, &.selected {
|
||||
background-color: $color-highlight-opacity;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: $color-text-disabled;
|
||||
&:hover {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
margin: inherit;
|
||||
}
|
||||
|
||||
label {
|
||||
padding-left: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
input, label, .page-icon, .title {
|
||||
float: left;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
.page-icon {
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 120px;
|
||||
font-weight: bold;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#PageType {
|
||||
ul {
|
||||
padding-left: 20px;
|
||||
li {
|
||||
float: none;
|
||||
width: 100%;
|
||||
padding: 9px 0 9px 15px;
|
||||
overflow: hidden;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom: 2px groove lighten($color-shadow-light, 95%);
|
||||
-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;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
&:hover, &.selected {
|
||||
background-color: $color-highlight-opacity;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: $color-text-disabled;
|
||||
&:hover {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
margin: inherit;
|
||||
}
|
||||
|
||||
label {
|
||||
padding-left: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
input, label, .page-icon, .title {
|
||||
float: left;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
.page-icon {
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 120px;
|
||||
font-weight: bold;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** --------------------------------------------
|
||||
* Content toolbar
|
||||
* -------------------------------------------- */
|
||||
|
||||
.cms-content-toolbar {
|
||||
min-height:35px;
|
||||
min-height: 29px;
|
||||
display: block;
|
||||
margin: 0 0 15px 0;
|
||||
|
||||
@ -625,7 +626,7 @@ body.cms {
|
||||
}
|
||||
|
||||
div {
|
||||
background:url(../images/btn-icon/settings.png) 5px 4px no-repeat;
|
||||
/*background:url(../images/btn-icon/settings.png) 5px 4px no-repeat;*/
|
||||
border-left:none;
|
||||
width:100%;
|
||||
}
|
||||
@ -644,10 +645,8 @@ body.cms {
|
||||
* panel
|
||||
*/
|
||||
.cms-content-tools {
|
||||
background-color: #F1F4F5;
|
||||
background: $tab-panel-texture-background; // Pages bg panel look like same as pages view
|
||||
background: $tab-panel-texture-color;
|
||||
width: $grid-x * 24;
|
||||
border-right: 1px solid darken($color-widget-bg, 15%);
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
z-index: 70;
|
||||
@ -873,123 +872,30 @@ body.cms {
|
||||
padding-right: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
/* Necessary because when chosen is initialised the selects are not part of cms-preview
|
||||
and so the sizes are wrong. */
|
||||
select.preview-dropdown {
|
||||
display: inline;
|
||||
width: auto;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.cms-preview {
|
||||
display: none;
|
||||
width: 1px; // collapsed by default
|
||||
z-index: 100;
|
||||
|
||||
.cms-preview-toggle {
|
||||
width: 10px;
|
||||
cursor: pointer;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 2px 12px 2px 6px;
|
||||
height: 16px;
|
||||
position: relative;
|
||||
top: 48%;
|
||||
background-color: $color-base;
|
||||
color: $color-text-light;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
z-index: 2000;
|
||||
line-height: 16px;
|
||||
|
||||
@include border-bottom-right-radius(4px);
|
||||
@include border-top-right-radius(4px);
|
||||
|
||||
@include box-shadow(0 0 10px rgba(180, 180,180,0.4));
|
||||
}
|
||||
}
|
||||
|
||||
background: #FFF url(../images/preview.png) no-repeat center center;
|
||||
&.is-collapsed {
|
||||
.cms-preview-toggle {
|
||||
a {
|
||||
left: -15px; // point left
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.cms-preview-watermark {
|
||||
z-index: 99;
|
||||
position: fixed;
|
||||
right: 60px;
|
||||
top: 30px;
|
||||
opacity: 0.3;
|
||||
padding: .4em 1em;
|
||||
cursor: default;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
line-height: $grid-y * 2;
|
||||
color: lighten($color-text-dark, 10%);
|
||||
border: 1px solid #AAAAAA;
|
||||
border-radius:12px;
|
||||
background-color: white;
|
||||
text-shadow: lighten($color-tab, 5%) 0 1px 0;
|
||||
}
|
||||
|
||||
.cms-preview-controls {
|
||||
z-index: 99;
|
||||
background: $color-widget-bg;
|
||||
padding: 10px;
|
||||
min-height: 30px;
|
||||
|
||||
.cms-navigator {
|
||||
width: 100%;
|
||||
|
||||
* {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
li{
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
a.disabled {
|
||||
padding:.4em 1em;
|
||||
color: lighten($color-text-dark, 20%);
|
||||
border: 1px solid;
|
||||
border-color: darken($color-button-disabled, 20%);
|
||||
border-radius:12px;
|
||||
cursor: default;
|
||||
background:$color-base;
|
||||
}
|
||||
|
||||
.cms-preview-states {
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.cms-preview-popup-link {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.cms-preview-toggle-link {
|
||||
float: right;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.cms-preview-toggle-link {
|
||||
display: block;
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.cms-preview-header {
|
||||
background-color: #FFBE66;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/** --------------------------------------------
|
||||
* Member Profile
|
||||
@ -1026,12 +932,10 @@ form.member-profile-form {
|
||||
.advanced h4 {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
.Actions {
|
||||
text-align: left;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
}
|
||||
input.customFormat {
|
||||
width: $grid-x * 10;
|
||||
border: 1px solid #ccc !important;
|
||||
@ -1079,13 +983,16 @@ form.member-profile-form {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.cms {
|
||||
.cms-content {
|
||||
@include box-shadow(3px 0 4px rgba(0,0,0,0.15));
|
||||
@include box-shadow(1px 0 0 #BBB);
|
||||
@include border-radius(0);
|
||||
/*background: $tab-panel-texture-background;*/
|
||||
background: $tab-panel-texture-color;
|
||||
width: 800px;
|
||||
z-index: 40;
|
||||
}
|
||||
|
||||
.cms-content-fields {
|
||||
@ -1114,8 +1021,7 @@ form.member-profile-form {
|
||||
ul.optionset li {
|
||||
float:none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.field {
|
||||
.fieldholder-small { // Small fields have a second set of headers
|
||||
margin-top: $grid-y;
|
||||
@ -1131,7 +1037,6 @@ form.member-profile-form {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
form.member-profile-form {
|
||||
#Root .ui-tabs-nav {
|
||||
display: none;
|
||||
@ -1140,8 +1045,7 @@ form.member-profile-form {
|
||||
#Root_Main, #Root_Permissions {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/** --------------------------------------------
|
||||
@ -1169,7 +1073,6 @@ form.member-profile-form {
|
||||
|
||||
.cms-panel {
|
||||
overflow: hidden;
|
||||
|
||||
.cms-panel-toggle {
|
||||
@include box-shadow(0 0 1px rgba(107, 120, 123, 0.5));
|
||||
&.south {
|
||||
@ -1190,6 +1093,7 @@ form.member-profile-form {
|
||||
|
||||
&.toggle-expand {
|
||||
width: 40px; // will set the collapsed width
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1197,27 +1101,27 @@ form.member-profile-form {
|
||||
&.south {
|
||||
border-top: 1px solid #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
&.collapsed {
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
%display-none{
|
||||
display:none;
|
||||
}
|
||||
.cms-panel-header * {
|
||||
display: none;
|
||||
@extend %display-none;
|
||||
}
|
||||
|
||||
.cms-panel-content {
|
||||
display: none;
|
||||
@extend %display-none;
|
||||
}
|
||||
|
||||
.cms-panel-toggle a.toggle-expand {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cms-panel-toggle a.toggle-collapse {
|
||||
@extend %display-none;
|
||||
}
|
||||
|
||||
//.cms-panel-header {
|
||||
// @include rotate(-90deg);
|
||||
// position: relative;
|
||||
// top: $grid-y * 10;
|
||||
// border: none;
|
||||
// padding: 0;
|
||||
//}
|
||||
|
||||
}
|
||||
|
||||
@ -1278,7 +1182,6 @@ form.member-profile-form {
|
||||
margin-top: -8px;
|
||||
display: none; /* To be shown by javascript, see LeftAndMain.Panel.js */
|
||||
}
|
||||
|
||||
.collapsed-flyout {
|
||||
display: block !important;
|
||||
left: 41px;
|
||||
@ -1290,12 +1193,11 @@ form.member-profile-form {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.cms {
|
||||
.cms-panel-padded {
|
||||
padding: $grid-y $grid-x*2;
|
||||
padding: $grid-y $grid-x*2 $grid-y*2;
|
||||
margin:0;
|
||||
}
|
||||
}
|
||||
@ -1332,13 +1234,13 @@ form.member-profile-form {
|
||||
// Elements with this class can either frame inline markup or an iframe,
|
||||
// most styles should be applied to .cms-dialog instead (which declares the content in the frame)
|
||||
.ui-dialog {
|
||||
background: url("../images/textures/bg_cms_main_content.png") repeat left top #F0F3F4;
|
||||
border: 3px solid #000 !important;
|
||||
background: url("../images/textures/bg_cms_main_content.png") repeat left top #F0F3F4;
|
||||
border: 3px solid #000 !important;
|
||||
border-radius: $grid-y;
|
||||
overflow: visible;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
padding: 0;
|
||||
|
||||
// Titlebar for pop-up dialog.
|
||||
// Titlebar for pop-up dialog.
|
||||
.ui-dialog-titlebar.ui-widget-header {
|
||||
font-size: $font-base-size+2;
|
||||
padding: 0;
|
||||
@ -1426,10 +1328,10 @@ body.cms-dialog {
|
||||
position: relative;
|
||||
|
||||
label {
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 13px;
|
||||
font-weight: normal; color: #888;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 13px;
|
||||
font-weight: normal; color: #888;
|
||||
}
|
||||
|
||||
.middleColumn {
|
||||
@ -1464,7 +1366,6 @@ body.cms-dialog {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.loading button.add-url .ui-icon {
|
||||
background-image: url(../images/throbber.gif);
|
||||
background-position: 50% 50%;
|
||||
|
||||
@ -54,5 +54,6 @@ $experimental-support-for-svg: true;
|
||||
@import "style.scss";
|
||||
@import "tree.scss";
|
||||
@import "menu.scss";
|
||||
@import "preview.scss";
|
||||
@import "ModelAdmin.scss";
|
||||
@import "SecurityAdmin.scss";
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
$color-base: #b0bec7 !default;
|
||||
$color-widget-bg: lighten($color-base, 20%) !default;
|
||||
|
||||
$color-dark-bg: #003050 !default;
|
||||
$color-dark-bg: #142136 /*#003050*/ !default;
|
||||
$color-dark-separator: #19435c !default;
|
||||
$color-medium-separator: #808080 !default;
|
||||
$color-light-separator: rgba(201, 205, 206, 0.8) !default;
|
||||
@ -66,7 +66,7 @@ $color-cms-batchactions-menu-selected-background: #efe999 !default;
|
||||
/** -----------------------------------------------
|
||||
* Textures
|
||||
* ----------------------------------------------- */
|
||||
$tab-panel-texture-color: #f0f3f4 !default;
|
||||
$tab-panel-texture-color: /*#f0f3f4*/ #ECEFF1 !default;
|
||||
$tab-panel-texture-background: $tab-panel-texture-color url(../images/textures/bg_cms_main_content.png) repeat top left !default;
|
||||
|
||||
/** -----------------------------------------------
|
||||
|
||||
@ -1,12 +1,68 @@
|
||||
<div class="cms-navigator">
|
||||
<a href="#" class="ss-ui-button cms-preview-toggle-link" data-icon="preview">
|
||||
« <% _t('SilverStripeNavigator.Edit', 'Edit') %>
|
||||
</a>
|
||||
<ul class="cms-preview-states">
|
||||
<ul class="preview-selector select-mode">
|
||||
<li>
|
||||
<span class="preview-selected">
|
||||
<a href="" class="icon-split">
|
||||
<% _t('SilverStripeNavigator.SplitView', 'Split mode') %>
|
||||
</a>
|
||||
</span>
|
||||
<ul class="preview-size-menu">
|
||||
<li class="active">
|
||||
<a class="icon-split" href="">Split mode</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="icon-preview" href="">Preview mode</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="icon-edit" href="">Edit mode</a>
|
||||
</li>
|
||||
<li class="last">
|
||||
<a class="icon-window" href="">Dual window</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="preview-selector double-label select-size">
|
||||
<li>
|
||||
<span class="preview-selected">
|
||||
<a href="" class="icon-auto">Auto <span>Responsive</span></a>
|
||||
</span>
|
||||
<ul class="preview-size-menu">
|
||||
<li class="active">
|
||||
<a class="icon-auto" href="">Auto <span>Responsive</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="icon-desktop" href="">Desktop <span>1024px width</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="icon-tablet" href="">Tablet <span>800px width</span></a>
|
||||
</li>
|
||||
<li class="last">
|
||||
<a class="icon-mobile" href="">Mobile <span>400px width</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<% include Switch %>
|
||||
|
||||
|
||||
<!-- To remove
|
||||
<span class="field dropdown">
|
||||
<select id="cms-preview-mode-dropdown" class="preview-dropdown dropdown nolabel" autocomplete="off" name="Action">
|
||||
<option value="split"><% _t('SilverStripeNavigator.SplitView', 'Split mode') %></option>
|
||||
<option value="preview"><% _t('SilverStripeNavigator.Preview View', 'Preview mode') %></option>
|
||||
</select>
|
||||
</span>
|
||||
-->
|
||||
|
||||
<!-- To remove
|
||||
<ul class="cms-preview-states">
|
||||
<% loop Items %>
|
||||
<li class="<% if isActive %> active<% end_if %>">$HTML
|
||||
<% if Watermark %><span class="cms-preview-watermark">$Watermark</span><% end_if %>
|
||||
</li>
|
||||
<% end_loop %>
|
||||
</ul>
|
||||
</ul>-->
|
||||
</div>
|
||||
|
||||
13
admin/templates/Includes/Switch.ss
Normal file
13
admin/templates/Includes/Switch.ss
Normal 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>
|
||||
@ -9,7 +9,7 @@
|
||||
<body class="loading cms" lang="$Locale.RFC1766" data-frameworkpath="$ModulePath(framework)">
|
||||
<% include CMSLoadingScreen %>
|
||||
|
||||
<div class="cms-container center" data-layout-type="border">
|
||||
<div class="cms-container center" data-layout-type="custom">
|
||||
$Menu
|
||||
$Content
|
||||
|
||||
|
||||
25
admin/thirdparty/jlayout/lib/jquery.jlayout.js
vendored
25
admin/thirdparty/jlayout/lib/jquery.jlayout.js
vendored
@ -12,8 +12,14 @@ if (jQuery && jLayout) {
|
||||
* This wraps jQuery objects in another object that supplies
|
||||
* the methods required for the layout algorithms.
|
||||
*/
|
||||
function wrap(item, resize) {
|
||||
// CUSTOM hfriedlander 2012-10-26 for side-by-side editing.
|
||||
// function wrap(item, resize) {
|
||||
var wrap = $.jLayoutWrap = function(item, resize) {
|
||||
// CUSTOM END
|
||||
var that = {};
|
||||
// CUSTOM hfriedlander 2012-10-26 for side-by-side editing.
|
||||
that.item = item;
|
||||
// CUSTOM END
|
||||
|
||||
$.each(['min', 'max'], function (i, name) {
|
||||
that[name + 'imumSize'] = function (value) {
|
||||
@ -29,11 +35,20 @@ if (jQuery && jLayout) {
|
||||
|
||||
$.extend(that, {
|
||||
doLayout: function () {
|
||||
var l = item.data('jlayout');
|
||||
|
||||
if (l) {
|
||||
l.layout(that);
|
||||
// CUSTOM hfriedlander 2012-10-26 for side-by-side editing.
|
||||
//var l = item.data('jlayout');
|
||||
//
|
||||
//if (l) {
|
||||
// l.layout(that);
|
||||
//}
|
||||
//
|
||||
var l = item.data('jlayout');
|
||||
if (l) l.layout(that);
|
||||
else if (item.is('[data-layout-type]')) {
|
||||
item.layout({resize: false});
|
||||
}
|
||||
// CUSTOM END
|
||||
|
||||
item.css({position: 'absolute'});
|
||||
},
|
||||
isVisible: function () {
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
/** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */
|
||||
/** ----------------------------------------------- Colours ------------------------------------------------ */
|
||||
/*$color-optional: #a1d2eb !default; */
|
||||
/** ----------------------------------------------- Textures ----------------------------------------------- */
|
||||
/** ----------------------------------------------- Typography. ------------------------------------------------ */
|
||||
/** ----------------------------------------------- Grid Units (px) We have a vertical rhythm that the grid is based off both x (=horizontal) and y (=vertical). All internal padding and margins are scaled to this and accounting for paragraphs ------------------------------------------------ */
|
||||
@ -31,12 +32,12 @@ body.cms.ss-uploadfield-edit-iframe .fieldholder-small label, .composite.ss-asse
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info { background-color: #c11f1d; padding-right: 130px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c11f1d), color-stop(4%, #bf1d1b), color-stop(8%, #b71b1c), color-stop(15%, #b61e1d), color-stop(27%, #b11d1d), color-stop(31%, #ab1d1c), color-stop(42%, #a51b1b), color-stop(46%, #9f1b19), color-stop(50%, #9f1b19), color-stop(54%, #991c1a), color-stop(58%, #971a18), color-stop(62%, #911b1b), color-stop(65%, #911b1b), color-stop(88%, #7e1816), color-stop(92%, #771919), color-stop(100%, #731817)); background-image: -webkit-linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%); background-image: -moz-linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%); background-image: -o-linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%); background-image: linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%); }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info .ss-uploadfield-item-name { width: 100%; cursor: default; background: #bcb9b9; background: rgba(201, 198, 198, 0.9); }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info .ss-uploadfield-item-name .name { text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ui-state-warning .ss-uploadfield-item-info { background-color: #e09d66; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbb99e), color-stop(8%, #d4ac8b), color-stop(50%, #ce9f78), color-stop(54%, #cd9d77), color-stop(96%, #d18261), color-stop(100%, #d27154)); background-image: -webkit-linear-gradient(top, #dbb99e 0%, #d4ac8b 8%, #ce9f78 50%, #cd9d77 54%, #d18261 96%, #d27154 100%); background-image: -moz-linear-gradient(top, #dbb99e 0%, #d4ac8b 8%, #ce9f78 50%, #cd9d77 54%, #d18261 96%, #d27154 100%); background-image: -o-linear-gradient(top, #dbb99e 0%, #d4ac8b 8%, #ce9f78 50%, #cd9d77 54%, #d18261 96%, #d27154 100%); background-image: linear-gradient(top, #dbb99e 0%, #d4ac8b 8%, #ce9f78 50%, #cd9d77 54%, #d18261 96%, #d27154 100%); }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ui-state-warning .ss-uploadfield-item-info { background-color: #e9d104; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5d33b), color-stop(8%, #e2ce24), color-stop(50%, #d1be1c), color-stop(54%, #d1bc1b), color-stop(96%, #d09a1a), color-stop(100%, #ce8719)); background-image: -webkit-linear-gradient(top, #e5d33b 0%, #e2ce24 8%, #d1be1c 50%, #d1bc1b 54%, #d09a1a 96%, #ce8719 100%); background-image: -moz-linear-gradient(top, #e5d33b 0%, #e2ce24 8%, #d1be1c 50%, #d1bc1b 54%, #d09a1a 96%, #ce8719 100%); background-image: -o-linear-gradient(top, #e5d33b 0%, #e2ce24 8%, #d1be1c 50%, #d1bc1b 54%, #d09a1a 96%, #ce8719 100%); background-image: linear-gradient(top, #e5d33b 0%, #e2ce24 8%, #d1be1c 50%, #d1bc1b 54%, #d09a1a 96%, #ce8719 100%); }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name { position: relative; z-index: 1; margin: 3px 0 3px 50px; width: 50%; color: #5e5e5e; background: #eeeded; background: rgba(255, 255, 255, 0.8); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; line-height: 24px; height: 22px; padding: 0 5px; text-align: left; cursor: pointer; display: table; table-layout: fixed; }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .name { text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); display: inline; float: left; max-width: 50%; font-weight: normal; padding: 0 5px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status { position: relative; float: right; padding: 0 0 0 5px; max-width: 30%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-error-text { max-width: 70%; position: absolute; right: 5px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); color: #cc0000; }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text { color: #d7823c; }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text { color: #b7a403; }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-success-text { color: #1f9433; }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions { position: absolute; top: 0; right: 0; left: 0; z-index: 0; color: #f00; }
|
||||
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-actions .ss-ui-button { background: none; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; color: white; float: right; }
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
/** Core styles for the basic GridField form field without any specific style. @package framework @subpackage scss @todo Add radial gradient to default delete button state @todo Create SASS mixin-function to simply swap the from/to, to to/from colours in grsdient mixins? */
|
||||
/** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */
|
||||
/** ----------------------------------------------- Colours ------------------------------------------------ */
|
||||
/*$color-optional: #a1d2eb !default; */
|
||||
/** ----------------------------------------------- Textures ----------------------------------------------- */
|
||||
/** ----------------------------------------------- Typography. ------------------------------------------------ */
|
||||
/** ----------------------------------------------- Grid Units (px) We have a vertical rhythm that the grid is based off both x (=horizontal) and y (=vertical). All internal padding and margins are scaled to this and accounting for paragraphs ------------------------------------------------ */
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
/** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */
|
||||
/** ----------------------------------------------- Colours ------------------------------------------------ */
|
||||
/*$color-optional: #a1d2eb !default; */
|
||||
/** ----------------------------------------------- Textures ----------------------------------------------- */
|
||||
/** ----------------------------------------------- Typography. ------------------------------------------------ */
|
||||
/** ----------------------------------------------- Grid Units (px) We have a vertical rhythm that the grid is based off both x (=horizontal) and y (=vertical). All internal padding and margins are scaled to this and accounting for paragraphs ------------------------------------------------ */
|
||||
@ -17,7 +18,7 @@
|
||||
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .name { font-size: 11px; color: #848484; width: 290px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: inline; float: left; }
|
||||
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status { float: right; padding: 0 0 0 5px; width: 100px; text-align: right; }
|
||||
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-error-text { color: red; font-weight: bold; }
|
||||
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text { color: #d7823c; }
|
||||
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text { color: #b7a403; }
|
||||
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-success-text { color: #1f9433; }
|
||||
.ss-uploadfield .ss-ui-button { display: block; float: left; margin: 0 10px 0 0; }
|
||||
.ss-uploadfield .ss-ui-button.ss-uploadfield-fromcomputer { position: relative; overflow: hidden; }
|
||||
|
||||
Loading…
Reference in New Issue
Block a user