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

Side-by-side preview options styling.

Browse Source 
Thanks @adrexia for contributing.
This commit is contained in:
Paul Clarke 2012-11-22 16:30:50 +13:00 committed by Ingo Schommer
parent 1edfeefbdd
commit 544d2eb6e1
32 changed files with 822 additions and 502 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

276
admin/css/screen.css
View File

@ -121,10 +121,22 @@ body, html { font-size: 12px; line-height: 16px; font-family: Arial, sans-serif;
.ui-widget-header { background-color: #b0bec7; padding: 8px 8px 6px 8px; border-bottom: 2px solid #8399a7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZTNlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dde3e7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#dde3e7, #92a5b2); background-image: -moz-linear-gradient(#dde3e7, #92a5b2); background-image: -o-linear-gradient(#dde3e7, #92a5b2); background-image: linear-gradient(#dde3e7, #92a5b2); border-bottom: 3px solid #5c7382; padding: 8px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.ui-widget-header .ui-dialog-title { padding: 6px 0; text-shadow: #ced7dc 1px 1px 0; }
<<<<<<< HEAD
.ui-widget-header a.ui-dialog-titlebar-close { position: absolute; top: -8px; right: -15px; width: 30px; height: 30px; z-index: 100000; }
.ui-widget-header a.ui-state-hover { border-color: transparent; background: transparent; }
.ui-widget-header a.ui-state-hover .ui-icon-closethick { background: url('../images/sprites-32x32-sb47394f892.png') 0 0 no-repeat; }
.ui-widget-header .ui-icon-closethick { background: url('../images/sprites-32x32-sb47394f892.png') 0 -102px no-repeat; width: 30px; height: 30px; }
=======
.ui-widget-header a.ui-dialog-titlebar-close, .ui-widget-header .cms .jstree .jstree-wholerow a.ui-dialog-titlebar-close:hover, .cms .jstree .jstree-wholerow .ui-widget-header a.ui-dialog-titlebar-close:hover, .ui-widget-header .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.ui-dialog-titlebar-close, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-dialog-titlebar-close, .ui-widget-header .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.ui-dialog-titlebar-close, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-dialog-titlebar-close, .ui-widget-header .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.ui-dialog-titlebar-close, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-dialog-titlebar-close, .ui-widget-header .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.ui-dialog-titlebar-close, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-dialog-titlebar-close, .ui-widget-header .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.ui-dialog-titlebar-close:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-widget-header a.ui-dialog-titlebar-close:hover, .ui-widget-header .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.ui-dialog-titlebar-close, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-dialog-titlebar-close, .ui-widget-header .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.ui-dialog-titlebar-close, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-dialog-titlebar-close, .ui-widget-header .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.ui-dialog-titlebar-close, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-dialog-titlebar-close, .ui-widget-header .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.ui-dialog-titlebar-close, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-dialog-titlebar-close { position: absolute; top: -8px; right: -15px; width: 30px; height: 30px; z-index: 100000; }
.ui-widget-header a.ui-state-hover, .ui-widget-header .cms .jstree .jstree-wholerow a.ui-state-hover:hover, .cms .jstree .jstree-wholerow .ui-widget-header a.ui-state-hover:hover, .ui-widget-header .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.ui-state-hover, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-state-hover, .ui-widget-header .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.ui-state-hover, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-state-hover, .ui-widget-header .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.ui-state-hover, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-state-hover, .ui-widget-header .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.ui-state-hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-state-hover, .ui-widget-header .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.ui-state-hover:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-widget-header a.ui-state-hover:hover, .ui-widget-header .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.ui-state-hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-state-hover, .ui-widget-header .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.ui-state-hover, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-state-hover, .ui-widget-header .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.ui-state-hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-state-hover, .ui-widget-header .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.ui-state-hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-state-hover { border-color: transparent; background: transparent; }
<<<<<<< HEAD
.ui-widget-header a.ui-state-hover .ui-icon-closethick, .ui-widget-header .cms .jstree .jstree-wholerow a.ui-state-hover:hover .ui-icon-closethick, .cms .jstree .jstree-wholerow .ui-widget-header a.ui-state-hover:hover .ui-icon-closethick, .ui-widget-header .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.ui-state-hover:hover .ui-icon-closethick, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-widget-header a.ui-state-hover:hover .ui-icon-closethick, .ui-widget-header .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick { background: url('../images/sprites-32x32-sfe5e8653c5.png') 0 0 no-repeat; }
.ui-widget-header .ui-icon-closethick { background: url('../images/sprites-32x32-sfe5e8653c5.png') 0 -144px no-repeat; width: 30px; height: 30px; }
>>>>>>> Resolve conflicts
=======
.ui-widget-header a.ui-state-hover .ui-icon-closethick, .ui-widget-header .cms .jstree .jstree-wholerow a.ui-state-hover:hover .ui-icon-closethick, .cms .jstree .jstree-wholerow .ui-widget-header a.ui-state-hover:hover .ui-icon-closethick, .ui-widget-header .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.ui-state-hover:hover .ui-icon-closethick, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-widget-header a.ui-state-hover:hover .ui-icon-closethick, .ui-widget-header .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .ui-widget-header .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.ui-state-hover .ui-icon-closethick, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-widget-header li.vakata-hover > a.ui-state-hover .ui-icon-closethick { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -216px no-repeat; }
.ui-widget-header .ui-icon-closethick { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -318px no-repeat; width: 30px; height: 30px; }
>>>>>>> ENHANCEMENT: Turn side-by-side controls into chosen selects
.ui-state-hover { cursor: pointer; }
@ -166,6 +178,9 @@ form.nostyle input.text, form.nostyle textarea, form.nostyle select, form.nostyl
form.stacked .field label, .field.stacked label { display: block; float: none; padding-bottom: 10px; }
form.stacked .field .middleColumn, .field.stacked .middleColumn { margin-left: 0px; clear: left; }
form .fieldgroup { border-bottom: 1px solid rgba(201, 205, 206, 0.8); box-shadow: 0 1px 0 rgba(244, 245, 245, 0.8); display: block; margin: 0 0 8px; padding: 0 0 7px; }
form .fieldgroup .fieldgroup { border-bottom: none; box-shadow: none; padding-bottom: 0; margin-bottom: 0; }
form.small .field label.left, .field.small label.left { width: 112px; }
form.small .field .middleColumn, .field.small .middleColumn { margin-left: 120px; }
form.small .field input.text, form.small .field textarea, form.small .field select, form.small .field .TreeDropdownField, .field.small input.text, .field.small textarea, .field.small select, .field.small .TreeDropdownField { width: auto; }
@ -176,6 +191,7 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
.field .TreeDropdownField.treedropdownfield-open-tree { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.field .TreeDropdownField .badge { display: none; }
.field .dropdown select { margin-top: 8px; }
.field .chzn-container { max-width: 416px; }
.field .chzn-container .chzn-results li { font-size: 11px; line-height: 16px; padding: 4px 4px; }
.field .chzn-container-active .chzn-single { border: 1px solid #9a9a9a; }
.field .chzn-container-single .chzn-single { height: 26px; line-height: 26px; /* not relative, as then we'd had to redo most of chzn */ font-size: 12px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); }
@ -190,7 +206,8 @@ 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 { max-height: 28px; overflow: auto; }
.cms .Actions { max-height: 28px; overflow: auto; padding: 8px 12px; }
.cms .south .Actions, .cms .ui-tabs-panel .Actions, .cms .ui-tabs-panel iframe .Actions { padding: 0; }
.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; }
@ -216,12 +233,16 @@ form.small .field input.text, form.small .field textarea, form.small .field sele
.fieldgroup .fieldgroup-field .field { border: none; padding-bottom: 0; }
.fieldgroup.stacked .fieldgroup-field { float: none; }
.ss-toggle { margin-bottom: 8px; }
.ss-toggle .ui-accordion-header { font-weight: bold; }
.ss-toggle { margin: 8px 0; }
.ss-toggle .ui-accordion-header { font-weight: bold; font-size: 12px; }
.ss-toggle .ui-accordion-header.ui-state-default { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNDEsIDI0MiwgMjQyLCAwLjgpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDIwMSwgMjA1LCAyMDYsIDAuOCkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(241, 242, 242, 0.8)), color-stop(100%, rgba(201, 205, 206, 0.8))); background-image: -webkit-linear-gradient(rgba(241, 242, 242, 0.8), rgba(201, 205, 206, 0.8)); background-image: -moz-linear-gradient(rgba(241, 242, 242, 0.8), rgba(201, 205, 206, 0.8)); background-image: -o-linear-gradient(rgba(241, 242, 242, 0.8), rgba(201, 205, 206, 0.8)); background-image: linear-gradient(rgba(241, 242, 242, 0.8), rgba(201, 205, 206, 0.8)); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.ss-toggle .ui-accordion-content { padding: 16px 0 8px 0; }
.ss-toggle .ui-accordion-content .field { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-left: 16px; padding-right: 16px; }
.ss-toggle .ui-accordion-header .ui-accordion-header-icon { margin-top: -9px; }
.ss-toggle .ui-accordion-content { padding: 8px 0 12px; }
.ss-toggle .ui-accordion-content .field { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-left: 12px; padding-right: 12px; }
.ss-toggle .ui-accordion-content .field:last-child { margin-bottom: 0; }
.ss-toggle .ui-accordion-content .field .middleColumn { margin-left: 0; }
.ss-toggle .ui-accordion-content .field label { float: none; margin-left: 0; }
.ss-toggle .ui-accordion-content .field .help { margin-left: 0; }
/** ---------------------------------------------------- Checkbox Field ---------------------------------------------------- */
.field.checkbox { padding-left: 184px; margin-bottom: 8px; }
@ -236,10 +257,11 @@ input.checkbox { margin-left: 0; }
input.radio { margin-left: 0; }
/** ---------------------------------------------------- Optionsets and Checkboxsets ---------------------------------------------------- */
.optionset { padding-bottom: 8px; }
.optionset li { float: left; display: block; width: 216px; padding-bottom: 8px; line-height: 16px; list-style: none; }
.optionset { padding-bottom: 8px; padding-top: 8px; }
.optionset li { float: left; display: block; width: 216px; padding-bottom: 8px; padding-top: 0; line-height: 16px; list-style: none; }
.optionset li input { display: inline-block; padding-right: 0; margin-right: 0; }
.optionset li label { display: inline; cursor: pointer; padding-left: 8px; }
.optionset.field { padding-top: 0; }
/** ---------------------------------------------------- HTML Text ---------------------------------------------------- */
.htmleditor textarea { visibility: hidden; }
@ -248,6 +270,31 @@ input.radio { margin-left: 0; }
.action-hidden { display: none; }
/***************************************************************
* On/Off Switch.
* Supports switching between two values (eg Draft/Published)
* Example html set-up:
* <div class="switch-states">
* <input type="checkbox" class="state" id="switch" checked>
* <label for="switch">
* <span class="switch-options">*
* <a href="" class="first active">On</a>
* <a href="" class="last">Off</a>
* </span>
* <span class="switch"></span>
* </label>
*</div>
****************************************************************/
.switch-states label { /* Single label includes both switch options*/ display: block; overflow: hidden; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.switch-states input:checked + label .switch-options { margin-left: 0; }
.switch-states input:checked + label .switch { right: 0px; }
.switch-states input.state { /* Hidden checkbox records the state of the switch */ display: none; }
.switch-states .switch-options { /* span wrapping both switch options */ display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; }
.switch-states .switch-options a, .switch-states .switch-options .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .switch-states .switch-options a:hover, .switch-states .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-states .switch-options li.vakata-hover > a, .switch-states .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-states .switch-options li.vakata-hover > a, .switch-states .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-states .switch-options li.vakata-hover > a, .switch-states .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-states .switch-options li.vakata-hover > a, .switch-states .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-states .switch-options a:hover, .switch-states .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-states .switch-options li.vakata-hover > a, .switch-states .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-states .switch-options li.vakata-hover > a, .switch-states .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-states .switch-options li.vakata-hover > a, .switch-states .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-states .switch-options li.vakata-hover > a { text-align: right; width: 50%; float: left; display: block; padding: 0 8px 0 0; height: 24px; line-height: 24px; color: #FFF; background-color: #93BE42; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiOWMzMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY0YWIzNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2b9c32), color-stop(100%, #64ab36)); background-image: -webkit-linear-gradient(#2b9c32, #64ab36); background-image: -moz-linear-gradient(#2b9c32, #64ab36); background-image: -o-linear-gradient(#2b9c32, #64ab36); background-image: linear-gradient(#2b9c32, #64ab36); -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-states .switch-options a:hover, .switch-states .switch-options .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .switch-states .switch-options a:hover, .switch-states .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-states .switch-options li.vakata-hover > a, .switch-states .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-states .switch-options li.vakata-hover > a, .switch-states .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-states .switch-options li.vakata-hover > a, .switch-states .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-states .switch-options li.vakata-hover > a, .switch-states .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-states .switch-options a:hover, .switch-states .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-states .switch-options li.vakata-hover > a, .switch-states .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-states .switch-options li.vakata-hover > a, .switch-states .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-states .switch-options li.vakata-hover > a, .switch-states .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-states .switch-options li.vakata-hover > a, .switch-states .switch-options .cms #vakata-contextmenu li.vakata-hover > a, .cms #vakata-contextmenu .switch-states .switch-options li.vakata-hover > a, .switch-states .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-states .switch-options li.vakata-hover > a:hover, .switch-states .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-states .switch-options li.vakata-hover > a:hover, .switch-states .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-states .switch-options li.vakata-hover > a:hover, .switch-states .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-states .switch-options li.vakata-hover > a:hover, .switch-states .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .switch-states .switch-options li.vakata-hover > a, .switch-states .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-states .switch-options li.vakata-hover > a:hover, .switch-states .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-states .switch-options li.vakata-hover > a:hover, .switch-states .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-states .switch-options li.vakata-hover > a:hover, .switch-states .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-states .switch-options li.vakata-hover > a:hover { text-decoration: none; }
.switch-states .switch-options a.first, .switch-states .switch-options .cms .jstree .jstree-wholerow a.first:hover, .cms .jstree .jstree-wholerow .switch-states .switch-options a.first:hover, .switch-states .switch-options .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.first, .cms .jstree .jstree-wholerow #vakata-contextmenu .switch-states .switch-options li.vakata-hover > a.first, .switch-states .switch-options .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.first, .cms #vakata-contextmenu .jstree .jstree-wholerow .switch-states .switch-options li.vakata-hover > a.first, .switch-states .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-states .switch-options li.vakata-hover > a.first, .switch-states .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-states .switch-options li.vakata-hover > a.first, .switch-states .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.first:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .switch-states .switch-options a.first:hover, .switch-states .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-states .switch-options li.vakata-hover > a.first, .switch-states .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-states .switch-options li.vakata-hover > a.first, .switch-states .switch-options .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.first, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .switch-states .switch-options li.vakata-hover > a.first, .switch-states .switch-options .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.first, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .switch-states .switch-options li.vakata-hover > a.first { text-align: left; padding-left: 8px; padding-right: 0; 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); }
.switch-states .switch { /* Divider, styled to look like a 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%); -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
/**
* This file defines most styles of the CMS: Colors, fonts, backgrounds,
* alignments, dimensions.
@ -285,23 +332,25 @@ body.cms { overflow: hidden; }
.cms-content-header a { color: #0073c1; }
.cms-content-header .backlink span.btn-icon-back { height: 16px; }
.cms-content-header h2 { font-size: 14px; font-weight: bold; margin: 0; }
.cms-content-header .cms-content-header-info { float: left; line-height: 40px; }
.cms-content-header .cms-content-header-info { float: left; line-height: 34px; }
.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? */ }
.cms-edit-form.CMSMain { padding: 0; }
/** -------------------------------------------- Tabs -------------------------------------------- */
.ui-tabs { padding: 0; background: none; }
.ui-tabs .ui-tabs { position: static; }
.ui-tabs .ui-tabs-panel { padding: 8px 0; background: transparent; }
.ui-tabs .ui-tabs-panel.cms-edit-form { padding: 0; }
.ui-tabs .ui-widget-header { border: 0; background: none; }
.ui-tabs .ui-tabs-nav { float: right; margin: 0 0 -1px 0; padding: 0 16px 0 0; border-bottom: none; }
.ui-tabs .ui-tabs-nav { float: right; margin: 0 0 -1px 0; padding: 0 12px 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; }
.ui-tabs .ui-tabs-nav li a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; float: none; font-weight: bold; color: #444444; line-height: 32px; padding: 0 16px 0; }
.ui-tabs .ui-tabs-nav li:last-child { margin-right: 0; }
.ui-tabs .ui-tabs-nav .ui-state-default { border: 1px solid #c0c0c2; background: #ced7dc; }
<<<<<<< HEAD
.ui-tabs .ui-tabs-nav .ui-state-default a { color: #5e5e5e; text-shadow: #e6e6e6 0 1px 0; }
.ui-tabs .ui-tabs-nav .ui-state-active { padding-bottom: 1px; border: 1px solid #c0c0c2; background: url("../images/textures/bg_cms_main_content.png") repeat left top #f0f3f4; }
.ui-tabs .ui-tabs-nav .ui-state-active a { color: #444444; }
@ -322,13 +371,40 @@ body.cms { overflow: hidden; }
.ui-tabs .cms-edit-form .ui-tabs-panel { padding-left: 0; padding-right: 0; }
.ui-tabs .cms-edit-form .ui-tabs-nav { padding-right: 0; }
.ui-tabs .cms-panel-padded .ui-tabs-panel { padding: 0; }
=======
.ui-tabs .ui-tabs-nav .ui-state-default a, .ui-tabs .ui-tabs-nav .ui-state-default .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav .ui-state-default a:hover, .ui-tabs .ui-tabs-nav .ui-state-default .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav .ui-state-default li.vakata-hover > a, .ui-tabs .ui-tabs-nav .ui-state-default .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav .ui-state-default li.vakata-hover > a, .ui-tabs .ui-tabs-nav .ui-state-default .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 .ui-state-default li.vakata-hover > a, .ui-tabs .ui-tabs-nav .ui-state-default .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 .ui-state-default li.vakata-hover > a, .ui-tabs .ui-tabs-nav .ui-state-default .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav .ui-state-default a:hover, .ui-tabs .ui-tabs-nav .ui-state-default .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 .ui-state-default li.vakata-hover > a, .ui-tabs .ui-tabs-nav .ui-state-default .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 .ui-state-default li.vakata-hover > a, .ui-tabs .ui-tabs-nav .ui-state-default .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 .ui-state-default li.vakata-hover > a, .ui-tabs .ui-tabs-nav .ui-state-default .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 .ui-state-default li.vakata-hover > a { color: #5e5e5e; text-shadow: #e6e6e6 0 1px 0; }
.ui-tabs .ui-tabs-nav .ui-state-active { padding-bottom: 1px; border: 1px solid #c0c0c2; background-color: #eceff1; }
.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav .ui-state-active a:hover, .ui-tabs .ui-tabs-nav .ui-state-active .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav .ui-state-active .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .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 .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .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 .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav .ui-state-active a:hover, .ui-tabs .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 .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .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 .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .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 .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .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 .ui-tabs-nav .ui-state-active li.vakata-hover > a { color: #444444; }
.ui-tabs .ui-tabs-nav.ui-state-active { border-color: gray; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon { text-indent: -9999em; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav li.cms-tabset-icon li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon .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 li.cms-tabset-icon li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon .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 li.cms-tabset-icon li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon .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 li.cms-tabset-icon li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon .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 li.cms-tabset-icon li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon .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 li.cms-tabset-icon li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon .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 li.cms-tabset-icon li.vakata-hover > a { display: block; padding-left: 40px; padding-right: 0; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.list a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list .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 li.cms-tabset-icon.list li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list .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 li.cms-tabset-icon.list li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list .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 li.cms-tabset-icon.list li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list .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 li.cms-tabset-icon.list li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list .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 li.cms-tabset-icon.list li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list .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 li.cms-tabset-icon.list li.vakata-hover > a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -504px no-repeat; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree .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 li.cms-tabset-icon.tree li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree .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 li.cms-tabset-icon.tree li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree .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 li.cms-tabset-icon.tree li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree .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 li.cms-tabset-icon.tree li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree .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 li.cms-tabset-icon.tree li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree .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 li.cms-tabset-icon.tree li.vakata-hover > a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -354px no-repeat; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery .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 li.cms-tabset-icon.gallery li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery .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 li.cms-tabset-icon.gallery li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery .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 li.cms-tabset-icon.gallery li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery .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 li.cms-tabset-icon.gallery li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery .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 li.cms-tabset-icon.gallery li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery .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 li.cms-tabset-icon.gallery li.vakata-hover > a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -454px no-repeat; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit .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 li.cms-tabset-icon.edit li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit .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 li.cms-tabset-icon.edit li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit .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 li.cms-tabset-icon.edit li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit .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 li.cms-tabset-icon.edit li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit .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 li.cms-tabset-icon.edit li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit .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 li.cms-tabset-icon.edit li.vakata-hover > a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -304px no-repeat; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.search a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search .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 li.cms-tabset-icon.search li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search .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 li.cms-tabset-icon.search li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search .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 li.cms-tabset-icon.search li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search .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 li.cms-tabset-icon.search li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search .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 li.cms-tabset-icon.search li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search .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 li.cms-tabset-icon.search li.vakata-hover > a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -154px no-repeat; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.ui-state-active a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.ui-state-active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.ui-state-active a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.ui-state-active .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.ui-state-active .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.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 li.cms-tabset-icon.list.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.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 li.cms-tabset-icon.list.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.ui-state-active a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.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 li.cms-tabset-icon.list.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.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 li.cms-tabset-icon.list.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.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 li.cms-tabset-icon.list.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list.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 li.cms-tabset-icon.list.ui-state-active li.vakata-hover > a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -204px no-repeat; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.ui-state-active a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.ui-state-active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.ui-state-active a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.ui-state-active .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.ui-state-active .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.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 li.cms-tabset-icon.tree.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.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 li.cms-tabset-icon.tree.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.ui-state-active a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.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 li.cms-tabset-icon.tree.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.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 li.cms-tabset-icon.tree.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.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 li.cms-tabset-icon.tree.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree.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 li.cms-tabset-icon.tree.ui-state-active li.vakata-hover > a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -254px no-repeat; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.ui-state-active a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.ui-state-active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.ui-state-active a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.ui-state-active .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.ui-state-active .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.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 li.cms-tabset-icon.gallery.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.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 li.cms-tabset-icon.gallery.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.ui-state-active a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.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 li.cms-tabset-icon.gallery.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.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 li.cms-tabset-icon.gallery.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.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 li.cms-tabset-icon.gallery.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery.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 li.cms-tabset-icon.gallery.ui-state-active li.vakata-hover > a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -54px no-repeat; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.ui-state-active a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.ui-state-active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.ui-state-active a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.ui-state-active .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.ui-state-active .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.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 li.cms-tabset-icon.edit.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.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 li.cms-tabset-icon.edit.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.ui-state-active a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.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 li.cms-tabset-icon.edit.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.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 li.cms-tabset-icon.edit.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.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 li.cms-tabset-icon.edit.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit.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 li.cms-tabset-icon.edit.ui-state-active li.vakata-hover > a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -404px no-repeat; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.ui-state-active a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.ui-state-active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.ui-state-active a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.ui-state-active .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.ui-state-active .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.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 li.cms-tabset-icon.search.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.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 li.cms-tabset-icon.search.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.ui-state-active a:hover, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.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 li.cms-tabset-icon.search.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.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 li.cms-tabset-icon.search.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.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 li.cms-tabset-icon.search.ui-state-active li.vakata-hover > a, .ui-tabs .ui-tabs-nav li.cms-tabset-icon.search.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 li.cms-tabset-icon.search.ui-state-active li.vakata-hover > a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -104px no-repeat; }
.ui-tabs .cms-edit-form .cms-panel-padded, .ui-tabs .cms-content-fields .cms-panel-padded { /* Has padded area inside it */ padding: 0; margin: 0; }
.ui-tabs .cms-edit-form .ui-tabs-panel, .ui-tabs .cms-edit-form .ss-gridfield, .ui-tabs .cms-content-fields .ui-tabs-panel, .ui-tabs .cms-content-fields .ss-gridfield { margin: 12px; padding: 0 0 12px; }
.ui-tabs .cms-edit-form .ui-tabs-panel .ss-gridfield, .ui-tabs .cms-edit-form .ss-gridfield .ss-gridfield, .ui-tabs .cms-content-fields .ui-tabs-panel .ss-gridfield, .ui-tabs .cms-content-fields .ss-gridfield .ss-gridfield { /* Files area & inside second level tabs */ padding: 0; /* should be zero ideally */ margin: 0 0 12px; }
.ui-tabs .cms-edit-form .ui-tabs-nav, .ui-tabs .cms-content-fields .ui-tabs-nav { margin: 10px 12px 0; padding: 0 8px 0 0; /* second set of tabs */ }
.ui-tabs .cms-edit-form #tree_actions .ui-tabs-nav, .ui-tabs .cms-content-fields #tree_actions .ui-tabs-nav { margin: 0; }
.ui-tabs .cms-panel-padded h3 { margin-left: 12px; /* reports headers, probably too specific */ }
.ui-tabs .cms-panel-padded .ui-tabs-panel { margin: 0; padding: 12px 12px 12px; }
>>>>>>> General fixes to the css in the framework.
.ui-tabs .cms-panel-padded .ui-tabs-panel .ui-tabs-panel { padding: 8px 0 0 0; }
.ui-tabs .ui-tabs .ui-tabs-panel { /* second level tabs */ padding-top: 8px; }
.ui-tabs.ss-tabset-tabshidden .ui-tabs-panel { border-top: none; }
.ui-tabs .ss-ui-button { line-height: 24px; }
.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
<<<<<<< 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; }
@ -340,9 +416,18 @@ body.cms { overflow: hidden; }
.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, .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; 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)
=======
.ui-tabs.cms-tabset-primary .ui-tabs-nav, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary, .ui-tabs .cms-content-header-tabs .ui-tabs-nav { border-left: 1px solid #b3b3b3; }
.ui-tabs.cms-tabset-primary .ui-tabs-nav li, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li, .ui-tabs .cms-content-header-tabs .ui-tabs-nav 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, .ui-tabs .cms-content-header-tabs .ui-tabs-nav li a, .ui-tabs .cms-content-header-tabs .ui-tabs-nav li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .cms-content-header-tabs .ui-tabs-nav li a:hover, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .cms-content-header-tabs .ui-tabs-nav li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .cms-content-header-tabs .ui-tabs-nav li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .ui-tabs-nav li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .cms-content-header-tabs .ui-tabs-nav li a:hover, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav 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, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-corner-all, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-corner-top, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-corner-right, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-corner-tr, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .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, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .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, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-state-active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e6eaed; background: #eceff1; border-top: none; border-right-color: #b3b3b3; border-left-color: #eceff1; 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, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-state-active .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-state-active a:hover, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-state-active .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-state-active a:hover, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav .ui-state-active li.vakata-hover > a, .ui-tabs .cms-content-header-tabs .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-content-header-tabs .ui-tabs-nav .ui-state-active li.vakata-hover > a { border-bottom: none; }
>>>>>>> General fixes to the css in the framework.
.cms-content-header-tabs { float: right; }
@ -359,16 +444,18 @@ body.cms { overflow: hidden; }
.ss-loading-screen .loading-animation { display: none; position: absolute; left: 49%; top: 75%; }
/** -------------------------------------------- Actions -------------------------------------------- */
.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; }
.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; background-color: #eceff1; }
/** -------------------------------------------- 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; }
.message { display: block; clear: both; margin: 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; }
.message.good { background-color: #eaf6e4; border-color: #72c34b; }
.message p { margin: 0; }
p.message { margin-bottom: 12px; }
/** -------------------------------------------- Page icons -------------------------------------------- */
.page-icon, a .jstree-pageicon { display: block; width: 16px; height: 16px; background: transparent url(../images/sitetree_ss_pageclass_icons_default.png) no-repeat; }
@ -411,6 +498,7 @@ body.cms { overflow: hidden; }
.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 b { background: url(../images/sprites-32x32/menu-arrow-deselected-down.png) no-repeat 9px 11px; float: right; width: 24px; }
.cms-content-toolbar .ss-ui-button { margin-bottom: 8px; }
/* -------------------------------------------------------- Content Tools is the sidebar on the left of the main content panel */
.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; }
@ -482,10 +570,34 @@ body.cms { overflow: hidden; }
/* 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 { background-color: #eceff1; height: 100%; width: 100%; }
.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; }
<<<<<<< HEAD
<<<<<<< HEAD
.cms-preview iframe { width: 100%; height: 100%; }
>>>>>>> NEW Side by side editing functionality - first cut (os#7412)
=======
.cms-preview .preview-scroll { height: 100%; width: 100%; overflow: auto; }
=======
.cms-preview .preview-note { font-weight: 18px; display: block; position: absolute; text-align: center; width: 300px; height: 82px; left: 50%; top: 50%; margin-top: -50px; margin-left: -150px; /* half of width */ color: #CDD7DC; font-weight: bold; font-size: 22px; text-shadow: 0 1px 0 #fff; }
.cms-preview .preview-note span { background: url('../images/sprites-64x64-s88957ee578.png') 0 0 no-repeat; width: 50px; height: 41px; margin: 0 auto 20px; display: block; }
.cms-preview .preview-scroll { height: 100%; width: 100%; overflow: auto; position: relative; }
>>>>>>> ENHANCEMENT cleanup preview switch and "website preview" image
.cms-preview .preview-scroll .preview-device-outer { height: 100%; width: 100%; }
.cms-preview .preview-scroll .preview-device-outer .preview-device-inner { height: 100%; width: 100%; }
.cms-preview .preview-scroll .preview-device-outer .preview-device-inner iframe { height: 100%; width: 100%; overflow-y: auto; }
.cms-preview.mobile .preview-scroll, .cms-preview.mobileLandscape .preview-scroll, .cms-preview.tablet .preview-scroll, .cms-preview.tabletLandscape .preview-scroll { background-color: #eceff1; /* hide website preview icon */ }
.cms-preview.mobile .preview-scroll .preview-device-outer, .cms-preview.mobileLandscape .preview-scroll .preview-device-outer, .cms-preview.tablet .preview-scroll .preview-device-outer, .cms-preview.tabletLandscape .preview-scroll .preview-device-outer { padding: 16px; /*background-color: darken($tab-panel-texture-color,3%);*/ background-color: #414141; }
.cms-preview.mobile .preview-scroll .preview-device-outer { width: 335px; /* add 15px for desktop scrollbar */ height: 568px; margin: 30px auto 30px; }
.cms-preview.mobile .preview-scroll .preview-device-outer .preview-device-inner { width: 335px; }
.cms-preview.mobileLandscape .preview-scroll .preview-device-outer { width: 583px; /* add 15px for desktop scrollbar */ height: 320px; margin: 12% auto; }
.cms-preview.mobileLandscape .preview-scroll .preview-device-outer .preview-device-inner { width: 583px; }
.cms-preview.tablet .preview-scroll .preview-device-outer { width: 783px; /* add 15px for desktop scrollbar */ height: 1024px; padding-top: 0; margin: 0 auto; }
.cms-preview.tablet .preview-scroll .preview-device-outer .preview-device-inner { width: 783px; }
.cms-preview.tabletLandscape .preview-scroll .preview-device-outer { width: 1039px; /* add 15px for desktop scrollbar */ height: 768px; padding-top: 0; margin: 0 auto; }
.cms-preview.tabletLandscape .preview-scroll .preview-device-outer .preview-device-inner { width: 1039px; }
.cms-preview.desktop .preview-scroll .preview-device-outer { width: 1024px; }
>>>>>>> ENHANCEMENT added styles for device preview but not connected to select yet
/** -------------------------------------------- Member Profile -------------------------------------------- */
form.member-profile-form { padding: 0 16px 0 0; }
@ -525,12 +637,16 @@ form.member-profile-form #Permissions .optionset li { float: none; width: auto;
/** -------------------------------------------- Panels -------------------------------------------- */
.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); }
<<<<<<< HEAD
.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.south { border-top: 1px solid rgba(201, 205, 206, 0.8); position: absolute; bottom: 0; }
>>>>>>> ENHANCEMENT adjusted sidebar toggle, fix for long chsn selects for smaller areas
.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; }
@ -550,8 +666,6 @@ 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 16px; margin: 0; }
/** ------------------------------------------------------------------
* Dialog
*
@ -617,7 +731,7 @@ body.cms-dialog { overflow: auto; background: url("../images/textures/bg_cms_mai
/** -------------------------------------------- Step labels -------------------------------------------- */
.step-label > * { display: inline-block; vertical-align: top; }
.step-label .flyout { height: 18px; font-size: 14px; font-weight: bold; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; background-color: #667980; padding: 4px 3px 4px 6px; text-align: center; text-shadow: none; color: #fff; }
.step-label .arrow { height: 26px; width: 10px; background: url('../images/sprites-32x32-sb47394f892.png') 0 -40px no-repeat; margin-right: 4px; }
.step-label .arrow { height: 26px; width: 10px; background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -256px no-repeat; margin-right: 4px; }
.step-label .title { height: 18px; padding: 4px; }
/** -------------------------------------------- Item Edit Form -------------------------------------------- */
@ -648,10 +762,14 @@ form.import-form p { margin-bottom: 5px; }
form.import-form label.left { width: 250px; }
/** -------------------------------------------- Page Edit Controller -------------------------------------------- */
.cms-container .CMSPageEditController, .cms-container .CMSPageSettingsController, .cms-container .CMSPageHistoryController { margin-left: -1px; }
/*.cms-container {
.CMSPageEditController, .CMSPageSettingsController, .CMSPageHistoryController {
// Fix pixel gap between nav tree and main page header
margin-left: -1px; // Removed to close gap far right of right tabs?
}
}*/
/** -------------------------------------------- Page Settings Controller -------------------------------------------- */
.cms-container .CMSMain.CMSPageSettingsController .tab#Root_Settings .optionset li { white-space: nowrap; padding-top: 8px; }
.cms-container .CMSMain.CMSPageSettingsController .tab#Root_Settings .optionset li { white-space: nowrap; }
.cms-container .CMSMain.CMSPageSettingsController .tab#Root_Settings .optionset li label { padding-left: 2px; }
.cms-container .CMSMain.CMSPageSettingsController .tab#Root_Settings .fieldgroup .fieldgroup-field { width: 216px; padding-left: 0; }
.cms-container .CMSMain.CMSPageSettingsController .tab#Root_Settings .TreeDropdownField .treedropdownfield-toggle-panel-link { border-left: none; background: none; background-image: none; }
@ -659,10 +777,10 @@ form.import-form label.left { width: 250px; }
/** -------------------------------------------- Buttons for FileUpload -------------------------------------------- */
.ss-uploadfield-item-edit-all .ui-button-text { padding-right: 0; }
.toggle-details-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -217px no-repeat; }
.ss-uploadfield-item-edit-all .toggle-details-icon { background: url('../images/sprites-32x32-sb47394f892.png') 0 -159px no-repeat; display: inline-block; width: 8px; height: 8px; padding-left: 5px; }
.toggle-details-icon.opened { background: url('../images/sprites-32x32-sb47394f892.png') 0 -905px no-repeat; }
.ss-uploadfield-item-edit-all .toggle-details-icon.opened { background: url('../images/sprites-32x32-sb47394f892.png') 0 -143px no-repeat; }
.toggle-details-icon { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -433px no-repeat; }
.ss-uploadfield-item-edit-all .toggle-details-icon { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -375px no-repeat; display: inline-block; width: 8px; height: 8px; padding-left: 5px; }
.toggle-details-icon.opened { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -1121px no-repeat; }
.ss-uploadfield-item-edit-all .toggle-details-icon.opened { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -359px no-repeat; }
/** This file defines the jstree base styling (see http://jstree.com), as well as any customizations (see bottom of file). The styles are usually added through jstree.js on DOM load, but we need it earlier in order to correctly display the uninitialized tree. */
.cms .jstree > ul > li, .TreeDropdownField .treedropdownfield-panel .jstree > ul > li { margin-left: 0px; }
@ -779,7 +897,7 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
>>>>>>> NEW Side by side editing functionality - first cut (os#7412)
.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-login-status .logout-link { display: inline-block; height: 16px; width: 16px; float: left; margin: 0 8px 0 5px; background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -292px 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; }
@ -817,13 +935,23 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
.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 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-se93fc83bf9.png') 0 -375px 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-se93fc83bf9.png') 0 -359px 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); }
<<<<<<< HEAD
<<<<<<< HEAD
.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 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-sfe5e8653c5.png') 0 -469px 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-sfe5e8653c5.png') 0 -1241px no-repeat; }
>>>>>>> Resolve conflicts
=======
.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-se93fc83bf9.png') 0 -433px 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-se93fc83bf9.png') 0 -1121px no-repeat; }
>>>>>>> ENHANCEMENT: Turn side-by-side controls into chosen selects
.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; }
@ -879,65 +1007,45 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; }
.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; }
.cms-content-controls { /*Styling of the backgroundcontrols sit on*/ /* Styling for icons in controls*/ }
.cms-content-controls.cms-preview-controls { z-index: 1; background: #eceff1; min-height: 28px; padding: 12px 12px; }
.cms-content-controls .icon-view, .cms-content-controls .cms-navigator .dropdown a.chzn-single, .cms-content-controls .cms-navigator .dropdown .cms .jstree .jstree-wholerow a.chzn-single:hover, .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown a.chzn-single:hover, .cms-content-controls .cms-navigator .dropdown .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.chzn-single, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.chzn-single:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown a.chzn-single:hover, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single { white-space: nowrap; }
.cms-content-controls .icon-view:before, .cms-content-controls .cms-navigator .dropdown a.chzn-single:before, .cms-content-controls .cms-navigator .dropdown .cms .jstree .jstree-wholerow a.chzn-single:hover:before, .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown a.chzn-single:hover:before, .cms-content-controls .cms-navigator .dropdown .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single:before, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single:before, .cms-content-controls .cms-navigator .dropdown .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single:before, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single:before, .cms-content-controls .cms-navigator .dropdown .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.chzn-single:before, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single:before, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.chzn-single:before, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single:before, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.chzn-single:hover:before, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown a.chzn-single:hover:before, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.chzn-single:before, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single:before, .cms-content-controls .cms-navigator .dropdown .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.chzn-single:before, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single:before, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single:before, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single:before, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single:before, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single:before { display: inline-block; float: left; content: ''; width: 23px; height: 17px; overflow: hidden; }
.cms-content-controls .icon-auto:before { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -108px no-repeat; }
.cms-content-controls .icon-desktop:before { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -81px no-repeat; }
.cms-content-controls .icon-tablet:before { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -162px no-repeat; }
.cms-content-controls .icon-mobile:before { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -189px no-repeat; }
.cms-content-controls .icon-split:before { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -135px no-repeat; }
.cms-content-controls .icon-edit:before { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -27px no-repeat; }
.cms-content-controls .icon-preview:before { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 0 no-repeat; }
.cms-content-controls .icon-window:before { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -54px no-repeat; }
.cms-content-controls .cms-navigator { width: 100%; /* Preview selectors. Overrides default chosen styles and applies its own */ }
.cms-content-controls .cms-navigator .dropdown a.chzn-single, .cms-content-controls .cms-navigator .dropdown .cms .jstree .jstree-wholerow a.chzn-single:hover, .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown a.chzn-single:hover, .cms-content-controls .cms-navigator .dropdown .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.chzn-single, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.chzn-single:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown a.chzn-single:hover, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .dropdown .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .dropdown li.vakata-hover > a.chzn-single { text-indent: -200px; }
.cms-content-controls .cms-navigator .preview-selector { float: right; border-bottom: none; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 3px 0 0 4px; padding: 0; }
.cms-content-controls .cms-navigator .preview-selector a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow a.chzn-single:hover, .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.chzn-single, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.chzn-single:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single { width: 20px; padding: 6px 5px; height: 18px; margin: -3px 0 0; background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.cms-content-controls .cms-navigator .preview-selector a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow a.chzn-single:hover, .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.chzn-single, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.chzn-single:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu li.vakata-hover > a.chzn-single, .cms #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single:hover, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single:hover, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.chzn-single:hover, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.chzn-single:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.chzn-single, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.chzn-single:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.chzn-single:hover, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single:hover, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:hover, .cms-content-controls .cms-navigator .preview-selector a.chzn-single:focus, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow a.chzn-single:focus:hover, .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector a.chzn-single:focus:hover, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single:focus, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:focus, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single:focus, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:focus, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.chzn-single:focus, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:focus, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.chzn-single:focus, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:focus, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.chzn-single:focus:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector a.chzn-single:focus:hover, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.chzn-single:focus, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:focus, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.chzn-single:focus, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:focus, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single:focus, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:focus, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single:focus, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single:focus, .cms-content-controls .cms-navigator .preview-selector a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow a.chzn-single.chzn-single-with-drop:hover, .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector a.chzn-single.chzn-single-with-drop:hover, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.chzn-single.chzn-single-with-drop, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.chzn-single.chzn-single-with-drop:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector a.chzn-single.chzn-single-with-drop:hover, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.chzn-single.chzn-single-with-drop, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single.chzn-single-with-drop, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single.chzn-single-with-drop, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop { background-color: #dae0e5; }
.cms-content-controls .cms-navigator .preview-selector a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow a.chzn-single.chzn-single-with-drop:hover, .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector a.chzn-single.chzn-single-with-drop:hover, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.chzn-single.chzn-single-with-drop, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.chzn-single.chzn-single-with-drop:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector a.chzn-single.chzn-single-with-drop:hover, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.chzn-single.chzn-single-with-drop, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single.chzn-single-with-drop, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single.chzn-single-with-drop, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single.chzn-single-with-drop { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.cms-content-controls .cms-navigator .preview-selector a.chzn-single div, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow a.chzn-single:hover div, .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector a.chzn-single:hover div, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single div, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single div, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single div, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single div, .cms-content-controls .cms-navigator .preview-selector .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.chzn-single div, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single div, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.chzn-single div, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single div, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.chzn-single:hover div, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector a.chzn-single:hover div, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.chzn-single div, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single div, .cms-content-controls .cms-navigator .preview-selector .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.chzn-single div, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single div, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.chzn-single div, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single div, .cms-content-controls .cms-navigator .preview-selector .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.chzn-single div, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-content-controls .cms-navigator .preview-selector li.vakata-hover > a.chzn-single div { display: none; }
.cms-content-controls .cms-navigator .preview-selector .chzn-drop { left: auto !important; right: 0; position: absolute; -webkit-border-radius: 3px 3px 0 3px; -moz-border-radius: 3px 3px 0 3px; -ms-border-radius: 3px 3px 0 3px; -o-border-radius: 3px 3px 0 3px; border-radius: 3px 3px 0 3px; display: none; }
.cms-content-controls .cms-navigator .preview-selector .chzn-drop .chzn-results { width: 135px; }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise { width: auto !important; }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop { padding: 0; border-bottom: 1px solid #aaa; margin-top: -5px; width: auto !important; }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop .chzn-search { display: none; }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul { padding: 0; margin: 0; }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li { font-size: 12px; line-height: 16px; padding: 7px 16px 7px 6px; color: #0073c1; border-bottom: 1px solid rgba(201, 205, 206, 0.8); /* Description styling */ }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li:before { margin-right: 2px; }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li.description { padding-top: 5px; padding-bottom: 5px; }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li.description:before { margin-top: 5px; }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li.highlighted, .cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li:hover, .cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li:focus { color: #0073c1; background: #f2f4f6; text-decoration: none; }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li.first { -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -ms-border-radius: 4px 4px 0px 0px; -o-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li.last { -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -ms-border-radius: 0px 0px 4px 4px; -o-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; border-bottom: none; }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li span { display: block; color: #6c6c6c; font-size: 0.85em; line-height: 1.1em; padding-left: 23px; }
.cms-content-controls .cms-navigator .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li .icon-view { margin-right: 4px; }
.cms-content-controls .cms-navigator .preview-selector.open .chzn-drop { display: block; }
.cms-content-controls .cms-preview-states { float: right; position: relative; margin-top: 3px; margin-right: 7px; width: 100px; }
.ModelAdmin .cms-content-fields { overflow: hidden; }
.ModelAdmin .cms-content-fields .cms-edit-form { overflow-y: scroll; overflow-x: hidden; }
.ModelAdmin .cms-content-fields .cms-edit-form { overflow-y: auto; overflow-x: hidden; }
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content .cms-search-form .resetformaction { margin-right: 0px; }
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content #Form_ImportForm { overflow: hidden; }

BIN
admin/images/preview.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

BIN
admin/images/preview_icons.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.9 KiB

BIN
admin/images/sprites-32x32-sb47394f892.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
admin/images/sprites-32x32-se93fc83bf9.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
admin/images/sprites-32x32/preview_auto.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
admin/images/sprites-32x32/preview_desktop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
admin/images/sprites-32x32/preview_dual_window.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
admin/images/sprites-32x32/preview_edit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
admin/images/sprites-32x32/preview_mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
admin/images/sprites-32x32/preview_preview.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
admin/images/sprites-32x32/preview_split.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
admin/images/sprites-32x32/preview_tablet.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
admin/images/sprites-64x64-s4903182cfd.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.7 KiB

BIN
admin/images/sprites-64x64-s88957ee578.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
admin/images/sprites-64x64/preview.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

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

@ -89,7 +89,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('28px');
this.height('auto');
this.height(this.innerHeight()-this.css('padding-top')-this.css('padding-bottom'));
}
});

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

@ -213,6 +213,7 @@
});
$('#cms-preview-mode-dropdown').entwine({
onchange: function(e) {
e.preventDefault();
@ -225,28 +226,72 @@
content.addClass('is-collapsed');
}
content.parent().redraw();
this.addIcon(); //run generic addIcon, on select.preview-dropdown
}
});
// Preview selectors (screen size, screen mode)
$('.preview-selector .preview-selected').entwine({
onclick: function(e) {
e.preventDefault();
this.parents('.preview-selector').toggleClass('active');
/*
* Add a class to the chzn select trigger based on the currently
* selected option. Update as this changes
*/
$('.preview-selector select.preview-dropdown').entwine({
addIcon: function(){
var selected = this.find(':selected');
var iconClass = selected.attr('data-icon');
var target = this.parent().find('.chzn-container a.chzn-single');
var oldIcon = target.attr('data-icon');
if(oldIcon != undefined){
target.removeClass(oldIcon);
}
});
$(".preview-selector .preview-size-menu li").entwine({
onclick: function(e) {
var text = $(this).html();
this.parents('.preview-selector').removeClass('active').find('.preview-selected').html(text);
this.siblings().removeClass('active');
this.addClass('active');
target.addClass(iconClass);
target.attr('data-icon', iconClass);
}
});
/*
* When chzn initiated run select redraw
* Apply description text if applicable
*/
$('.preview-selector a.chzn-single').entwine({
onadd: function() {
this.closest('.preview-selector').find('select').addIcon();
},
onclick: function(){
var parent = this.closest('.preview-selector');
if(parent.hasClass('open')){
parent.removeClass('open');
}else{
parent.addClass('open');
}
}
});
/*
* Means of having extra styled data in chzn 'preview-selector' selects
* When chzn ul is ready, grab data-description from original select.
* If it exists, append to option and add description class to list item
*/
$('.preview-selector .chzn-drop ul').entwine({
onmatch: function() {
this.redraw();
},
redraw: function(){
var that = this;
var options = this.closest('.preview-selector').find('select option');
$.each(options, function(index, option){
var target = $(that).find("li:eq("+index+")");
var description = $(option).attr('data-description');
if(description != undefined && !$(target).hasClass('description')){
$(target).append('<span>' + description + '</span>');
$(target).addClass('description');
}
});
}
});
$('.cms-edit-form').entwine({
/**
@ -265,5 +310,21 @@
}
});
// Recalculate the preview space to allow for horizontal scrollbar and the preview actions panel
var toolbarSize = 53; // Height of the preview actions panel
$('.preview-scroll').entwine({
redraw: function() {
if(window.debug) console.log('redraw', this.attr('class'), this.get(0));
var previewHeight = (this.height() - toolbarSize);
this.height(previewHeight);
},
onmatch: function() {
this.redraw();
}
// Todo: Need to recalculate on resize of browser
});
});
}(jQuery));

2
admin/scss/_ModelAdmin.scss
View File

@ -1,7 +1,7 @@
.ModelAdmin .cms-content-fields {
overflow:hidden; //removes scrolling from filter panel
.cms-edit-form {
overflow-y:scroll; //adds scrolling only to the datagrid
overflow-y:auto; //adds scrolling only to the datagrid
overflow-x:hidden;
}
.cms-content-tools .cms-panel-content {

136
admin/scss/_forms.scss
View File

@ -165,6 +165,20 @@ form.stacked .field, .field.stacked {
}
}
form .fieldgroup {
border-bottom: 1px solid rgba(201, 205, 206, 0.8);
box-shadow: 0 1px 0 rgba(244, 245, 245, 0.8);
display: block;
margin: 0 0 8px;
padding: 0 0 7px;
.fieldgroup {
border-bottom: none;
box-shadow: none;
padding-bottom: 0;
margin-bottom: 0;
}
}
form.small .field, .field.small {
label {
&.left {
@ -218,6 +232,7 @@ form.small .field, .field.small {
/* chzn override */
.chzn-container {
max-width: 416px;
.chzn-results {
li {
@ -295,6 +310,10 @@ form.small .field, .field.small {
.Actions {
max-height: 28px;
overflow: auto;
padding: 8px 12px;
}
.south .Actions, .ui-tabs-panel .Actions, .ui-tabs-panel iframe .Actions {
padding: 0;
}
input.loading, button.loading,
@ -485,10 +504,11 @@ form.small .field, .field.small {
}
.ss-toggle {
margin-bottom: $grid-y;
margin: $grid-y 0;
.ui-accordion-header {
font-weight: bold;
font-size: 12px;
&.ui-state-default {
@include background-image(
@ -496,19 +516,32 @@ form.small .field, .field.small {
);
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
.ui-accordion-header-icon {
margin-top: -9px;
}
}
.ui-accordion-content {
padding: $grid-y*2 0 $grid-y 0;
padding: $grid-y 0 $grid-y*1.5;
.field {
@include box-shadow(none);
padding-left: $grid-x*2;
padding-right: $grid-x*2;
padding-left: $grid-x*1.5;
padding-right: $grid-x*1.5;
&:last-child {
margin-bottom: 0;
}
.middleColumn {
margin-left: 0;
}
label {
float: none;
margin-left: 0;
}
.help {
margin-left: 0;
}
}
}
}
@ -547,12 +580,14 @@ input.radio {
* ---------------------------------------------------- */
.optionset {
padding-bottom: 8px;
padding-top: 8px;
li {
float: left;
display: block;
width: $grid-x * 27;
padding-bottom: $grid-x;
padding-top: 0;
line-height: $grid-y * 2;
list-style: none;
@ -569,6 +604,9 @@ input.radio {
}
}
&.field {
padding-top: 0;
}
}
@ -599,6 +637,96 @@ input.radio {
}
/***************************************************************
* On/Off Switch.
* Supports switching between two values (eg Draft/Published)
* Example html set-up:
* <div class="switch-states">
* <input type="checkbox" class="state" id="switch" checked>
* <label for="switch">
* <span class="switch-options">*
* <a href="" class="first active">On</a>
* <a href="" class="last">Off</a>
* </span>
* <span class="switch"></span>
* </label>
*</div>
****************************************************************/
.switch-states {
label { /* Single label includes both switch options*/
display: block;
overflow: hidden;
cursor: pointer;
@include border-radius(3px);
}
input:checked + label {
.switch-options {
margin-left: 0;
}
.switch {
right: 0px;
}
}
input.state{ /* Hidden checkbox records the state of the switch */
display:none;
}
.switch-options{ /* span wrapping both 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 8px 0 0;
height: 24px;
line-height: 24px;
color: #FFF;
background-color: #93BE42;
@include background-image(linear-gradient(
#2b9c32,
#64ab36
));
@include box-shadow(darken($color-menu-button, 15%) 0 0 2px inset);
@include box-sizing(border-box);
&:hover {
text-decoration: none;
}
&.first {
text-align: left;
padding-left: 8px;
padding-right: 0;
background-color: $color-menu-button;
@include background-image(linear-gradient(
darken($color-menu-button, 10%),
$color-menu-button
));
}
}
}
.switch { /* Divider, styled to look like a 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);
}
}

363
admin/scss/_preview.scss
View File

@ -1,243 +1,170 @@
/* -------------------------- */
.cms-preview-controls {
/* -------------------------- */
.cms-content-controls{
/*Styling of the backgroundcontrols sit on*/
&.cms-preview-controls {
z-index: 1;
background: $color-widget-bg;
min-height: 28px;
padding: $grid-y*1.5 $grid-y*1.5;
}
}
.cms-navigator {
/* Styling for icons in controls*/
.icon-view, .cms-navigator .dropdown a.chzn-single{
white-space: nowrap;
&:before {
display:inline-block;
float:left;
content: '';
width: 23px;
height:17px;
overflow: hidden;
}
}
.icon-auto:before {
background: sprite($sprites32, preview_auto) no-repeat;
}
.icon-desktop:before {
background: sprite($sprites32, preview_desktop) no-repeat;
}
.icon-tablet:before {
background: sprite($sprites32, preview_tablet) no-repeat;
}
.icon-mobile:before {
background: sprite($sprites32, preview_mobile) no-repeat;
}
.icon-split:before {
background: sprite($sprites32, preview_split) no-repeat;
}
.icon-edit:before {
background: sprite($sprites32, preview_edit) no-repeat;
}
.icon-preview:before {
background: sprite($sprites32, preview_preview) no-repeat;
}
.icon-window:before {
background: sprite($sprites32, preview_dual_window) no-repeat;
}
.cms-navigator{
width: 100%;
/* Old selecter - to delete */
.chzn-results li {
display: list-item;
.dropdown a.chzn-single{
text-indent:-200px;
}
.field {
display: inline-block;
float: right;
margin-right: $grid-x/2;
}
}
/* Preview selectors. Overrides default chosen styles and applies its own */
.preview-selector{
float:right;
border-bottom:none;
position:relative;
@include box-shadow(none);
margin: 3px 0 0 4px;
padding: 0;
/* 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.chzn-single {
width: 20px;
padding: 6px 5px;
height: 18px;
margin: -3px 0 0;
background:none;
border:none;
@include box-shadow(none);
@include border-radius(3px);
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 {
&:hover, &:focus, &.chzn-single-with-drop {
background-color: darken($color-widget-bg,6%);
@include border-radius(0 0 4px 4px);
}
}
&.chzn-single-with-drop {
@include border-radius(0 0 3px 3px);
}
div {
display: none;
}
}
/* 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 */
}
}
.chzn-drop{
left: auto !important; //over-ride chosen inline styles
right: 0;
position: absolute;
@include border-radius(3px 3px 0 3px);
display: none;
/* 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);
.chzn-results {
width: 135px;
}
}
}
.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 {
.chzn-container.chzn-with-rise {
width:auto !important; //over-ride chosen inline styles
.chzn-drop {
padding: 0;
border-bottom: 1px solid #aaa;
margin-top: -5px;
width: auto !important; //over-ride chosen inline width (doesn't take image into account)
.chzn-search {
display: none;
}
ul{
padding:0;
margin:0;
li{
font-size: 12px;
line-height: 16px;
padding: 7px 16px 7px 6px;
color: $color-text-blue-link;
border-bottom: 1px solid $color-light-separator;
&:before{
margin-right: 2px;
}
&.description {
padding-top: 5px;
padding-bottom: 5px;
&:before{
margin-top: 5px;
}
}
&.highlighted, &:hover, &:focus {
color:$color-text-blue-link;
background: lighten($color-widget-bg,2%);
text-decoration: none;
}
&.first, &:first-child {
text-align: left;
padding-left: 8px;
padding-right: 0;
&.first {
@include border-radius(4px 4px 0px 0px);
}
&.last {
@include border-radius(0px 0px 4px 4px);
border-bottom:none;
}
}
.switch {
/* Description styling */
span {
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;
color: lighten($color-text-dark, 30%);
font-size:0.85em;
line-height:1.1em;
padding-left:23px;
}
.switch {
right: 0px;
.icon-view {
margin-right: 4px;
}
}
}
}
}
&.open .chzn-drop {
display: block;
}
}
}
.cms-preview-states{
float: right;
position: relative;
margin-top: 3px;
margin-right: 7px;
width: 100px;
}
}

210
admin/scss/_style.scss
View File

@ -120,7 +120,7 @@ body.cms {
.cms-content-header-info {
float:left;
line-height: 40px; // same as tabs
line-height: 34px;
}
// Reset to default styles
@ -133,10 +133,11 @@ body.cms {
}
}
#Form_EditForm.CMSMain {
padding: 0; /* fixs the double padding around the edit panel - move to framework? */
.cms-edit-form.CMSMain {
padding: 0;
}
/** --------------------------------------------
* Tabs
* -------------------------------------------- */
@ -152,6 +153,9 @@ body.cms {
.ui-tabs-panel {
padding: $grid-x 0;
background: transparent; // default it's white
&.cms-edit-form {
padding: 0;
}
}
.ui-widget-header {
@ -162,7 +166,7 @@ body.cms {
.ui-tabs-nav {
float: right;
margin: 0 0 -1px 0;
padding: 0 $grid-x*2 0 0;
padding: 0 $grid-x*1.5 0 0;
border-bottom: none;
~ .ui-tabs-panel {
@ -203,8 +207,7 @@ body.cms {
.ui-state-active {
padding-bottom:1px;
border:1px solid $color-button-generic-border;
// needs a background image to overlay the divider line
background: url("../images/textures/bg_cms_main_content.png") repeat left top #F0F3F4;
background-color: $tab-panel-texture-color;
a {
color: $color-text;
@ -238,27 +241,44 @@ body.cms {
}
}
.cms-edit-form {
padding: $grid-x $grid-y*2 0 $grid-y*2;
.ui-tabs-panel {
padding-left: 0;
padding-right: 0;
.cms-edit-form, .cms-content-fields {
.cms-panel-padded { /* Has padded area inside it */
padding: 0;
margin: 0;
}
.ui-tabs-panel, .ss-gridfield {
margin: 12px;
padding: 0 0 12px;
.ss-gridfield { /* Files area & inside second level tabs */
padding: 0; /* should be zero ideally */
margin: 0 0 12px;
}
}
.ui-tabs-nav {
padding-right: 0;
margin: 10px 12px 0;
padding: 0 8px 0 0; /* second set of tabs */
}
#tree_actions .ui-tabs-nav{
margin: 0;
}
}
.cms-panel-padded .ui-tabs-panel {
padding: 0; // Removes double paddle around main pages page, does not effect other areas of the site
.cms-panel-padded {
h3 {
margin-left: 12px; /* reports headers, probably too specific */
}
.ui-tabs-panel {
margin: 0;
padding: 12px 12px 12px;
.ui-tabs-panel {
// Reset nested tabs to default styling
padding: $grid-x 0 0 0;
}
}
}
.ui-tabs .ui-tabs-panel { /* second level tabs */
padding-top: 8px;
}
&.ss-tabset-tabshidden .ui-tabs-panel {
border-top: none;
@ -278,7 +298,11 @@ body.cms {
* Primary styles which sit on top of screen, with different tab colors.
* TODO Only use one "primary" selector and fix HTMLEditorField TabSet addExtraClass()
*/
.ui-tabs.cms-tabset-primary .ui-tabs-nav, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary {
.ui-tabs.cms-tabset-primary .ui-tabs-nav,
.ui-tabs .ui-tabs-nav.cms-tabset-nav-primary,
.ui-tabs .cms-content-header-tabs .ui-tabs-nav {
border-left: 1px solid darken($color-tab, 15%);
li {
margin-right: 0; // tabs are directly adjacent
margin-top: 0;
@ -311,11 +335,10 @@ body.cms {
@include box-shadow(none);
background: darken($color-widget-bg, 2%);
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
left-color: darken($color-tab, 15%);
left-color: $tab-panel-texture-color;
}
z-index:2;
@ -416,6 +439,7 @@ body.cms {
border-top: 1px solid #FAFAFA;
@include box-shadow(1px 0 0 $tab-panel-texture-color, #CCC 0 -1px 1px);
height: 28px;
background-color: $tab-panel-texture-color;
}
@ -426,7 +450,7 @@ body.cms {
.message { // White
display: block;
clear: both;
margin: 0 0 $grid-y 0;
margin: $grid-y 0;
padding: $grid-y + $grid-x/4 $grid-x + $grid-x/2;
font-weight: normal;
border: 1px #ccc solid;
@ -456,6 +480,9 @@ body.cms {
margin: 0;
}
}
p.message {
margin-bottom: $grid-y*1.5;
}
/** --------------------------------------------
* Page icons
@ -595,7 +622,7 @@ body.cms {
}
}
/* smaller treedropdown */
/* smaller treedropdown */
.chzn-container-single .chzn-single {
height: 26px;
line-height: 26px;
@ -637,6 +664,10 @@ body.cms {
width:24px;
}
}
.ss-ui-button {
margin-bottom: $grid-y;
}
}
@ -882,7 +913,10 @@ select.preview-dropdown {
}
.cms-preview {
background: #FFF url(../images/preview.png) no-repeat center center;
background-color: $tab-panel-texture-color;
height: 100%;
width: 100%;
&.is-collapsed {
.cms-preview-toggle {
a {
@ -890,9 +924,105 @@ select.preview-dropdown {
}
}
}
iframe {
width: 100%;
.preview-note {
font-weight: 18px;
display: block;
position: absolute;
text-align: center;
width: 300px;
height: 82px;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -150px; /* half of width */
color: #CDD7DC;
font-weight: bold;
font-size: 22px;
text-shadow: 0 1px 0 #fff;
span {
background: sprite($sprites64, preview) no-repeat;
width: 50px;
height: 41px;
margin: 0 auto 20px;
display: block;
}
}
.preview-scroll {
height: 100%;
width: 100%;
overflow: auto;
position: relative;
.preview-device-outer {
height: 100%;
width: 100%;
.preview-device-inner {
height: 100%;
width: 100%;
iframe {
height: 100%;
width: 100%;
overflow-y: auto;
}
}
}
}
&.mobile, &.mobileLandscape, &.tablet, &.tabletLandscape {
.preview-scroll {
background-color: $tab-panel-texture-color; /* hide website preview icon */
.preview-device-outer {
padding: 16px;
/*background-color: darken($tab-panel-texture-color,3%);*/
background-color: #414141;
}
}
}
&.mobile {
.preview-scroll .preview-device-outer {
width: 335px; /* add 15px for desktop scrollbar */
height: 568px;
margin: 30px auto 30px;
.preview-device-inner {
width: 335px;
}
}
}
&.mobileLandscape .preview-scroll .preview-device-outer {
width: 583px; /* add 15px for desktop scrollbar */
height: 320px;
margin: 12% auto;
.preview-device-inner {
width: 583px;
}
}
&.tablet .preview-scroll .preview-device-outer {
width: 783px; /* add 15px for desktop scrollbar */
height: 1024px;
padding-top: 0;
margin: 0 auto;
.preview-device-inner {
width: 783px;
}
}
&.tabletLandscape .preview-scroll .preview-device-outer {
width: 1039px; /* add 15px for desktop scrollbar */
height: 768px;
padding-top: 0;
margin: 0 auto;
.preview-device-inner {
width: 1039px;
}
}
&.desktop .preview-scroll .preview-device-outer {
width: 1024px;
}
}
@ -1077,6 +1207,8 @@ form.member-profile-form {
@include box-shadow(0 0 1px rgba(107, 120, 123, 0.5));
&.south {
border-top: 1px solid $color-light-separator;
position: absolute;
bottom: 0;
}
a {
display: block;
@ -1104,25 +1236,15 @@ form.member-profile-form {
}
&.collapsed {
cursor: pointer;
%display-none{
.cms-panel-header *,
.cms-panel-content,
.cms-panel-toggle a.toggle-collapse{
display:none;
}
.cms-panel-header * {
@extend %display-none;
}
.cms-panel-content {
@extend %display-none;
}
.cms-panel-toggle a.toggle-expand {
display: block;
}
.cms-panel-toggle a.toggle-collapse {
@extend %display-none;
}
}
.cms-panel-header {
@ -1195,13 +1317,6 @@ form.member-profile-form {
}
}
.cms {
.cms-panel-padded {
padding: $grid-y $grid-x*2 $grid-y*2;
margin:0;
}
}
/** ------------------------------------------------------------------
* Dialog
*
@ -1610,12 +1725,12 @@ form.import-form {
* Page Edit Controller
* -------------------------------------------- */
.cms-container {
/*.cms-container {
.CMSPageEditController, .CMSPageSettingsController, .CMSPageHistoryController {
// Fix pixel gap between nav tree and main page header
margin-left: -1px; // Removed to close gap far right of right tabs?
}
}
}*/
/** --------------------------------------------
* Page Settings Controller
@ -1625,7 +1740,6 @@ form.import-form {
.tab#Root_Settings {
.optionset li {
white-space:nowrap;
padding-top:$grid-y;
label {
padding-left:2px;
}

2
admin/templates/Includes/LeftAndMain_EditForm.ss
View File

@ -43,7 +43,7 @@
</fieldset>
</div>
<div class="cms-content-actions south">
<div class="cms-content-actions cms-content-controls south">
<% if Actions %>
<div class="Actions">
<% loop Actions %>

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

@ -1,68 +1,45 @@
<div class="cms-navigator">
<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">
<span class="preview-selector 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>
<option data-icon="icon-split" class="icon-split icon-view first" value="split"><% _t('SilverStripeNavigator.SplitView', 'Split mode') %></option>
<option data-icon="icon-preview" class="icon-preview icon-view" value="preview"><% _t('SilverStripeNavigator.PreviewView', 'Preview mode') %></option>
<option data-icon="icon-edit" class="icon-edit icon-view" value="edit"><% _t('SilverStripeNavigator.EditView', 'Edit mode') %></option>
<option data-icon="icon-window" class="icon-window icon-view last" value="window"><% _t('SilverStripeNavigator.DualWindowView', 'Dual Window') %></option>
</select>
</span>
-->
<!-- To remove
<ul class="cms-preview-states">
<span class="preview-selector field dropdown">
<select id="cms-preview-mode-dropdown" class="preview-dropdown dropdown nolabel" autocomplete="off" name="Action">
<option data-icon="icon-auto" data-description="<% _t('SilverStripeNavigator.Responsive', 'Responsive') %>" class="icon-auto icon-view first" value="split">
<% _t('SilverStripeNavigator.Auto', 'Auto') %>
</option>
<option data-icon="icon-desktop" data-description="1024px <% _t('SilverStripeNavigator.Width', 'width') %>" class="icon-desktop icon-view" value="preview">
<% _t('SilverStripeNavigator.Desktop', 'Desktop') %>
</option>
<option data-icon="icon-tablet" data-description="800px <% _t('SilverStripeNavigator.Width', 'width') %>" class="icon-tablet icon-view" value="edit">
<% _t('SilverStripeNavigator.Tablet', 'Tablet') %>
</option>
<option data-icon="icon-mobile" data-description="400px <% _t('SilverStripeNavigator.Width', 'width') %>" class="icon-mobile icon-view last" value="window">
<% _t('SilverStripeNavigator.Mobile', 'Mobile') %>
</option>
</select>
</span>
<div class="cms-preview-states switch-states">
<input type="checkbox" name="cms-preview" class="state cms-preview" id="cms-preview-state" checked>
<label for="cms-preview-state">
<span class="switch-options">
<% loop Items %>
<li class="<% if isActive %> active<% end_if %>">$HTML
</li>
$Items.count
<a href="$Link" class="$FirstLast <% if isActive %> active<% end_if %>">
$Title
</a>
<% end_loop %>
</ul>-->
</span>
<span class="switch"></span>
</label>
</div>
</div>

13
admin/templates/Includes/Switch.ss
View File

@ -1,13 +0,0 @@
<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
admin/templates/LeftAndMain.ss
View File

@ -14,8 +14,15 @@
$Content
<div class="cms-preview east <% if IsPreviewExpanded %>is-expanded<% else %>is-collapsed<% end_if %>" data-layout-type="border">
<div class="preview-note"><span><!-- --></span><% _t('CMSPageHistoryController_versions.ss.PREVIEW','Website preview') %></div>
<div class="preview-scroll">
<div class="preview-device-outer">
<div class="preview-device-inner">
<iframe src="about:blank" class="center" name="cms-preview-iframe"></iframe>
<div class="cms-preview-controls south"></div>
</div>
</div>
</div>
<div class="cms-content-controls cms-preview-controls south"></div>
</div>
</div>

15
css/AssetUploadField.css
View File

@ -7,7 +7,9 @@
/** ----------------------------------------------- Application Logo (CMS Logo) Must be 24px x 24px ------------------------------------------------ */
.ss-uploadfield-view-allowed-extensions { padding-top: 20px; clear: both; max-width: 750px; display: block; }
#AssetUploadField { border-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#AssetUploadField { border-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 12px; }
.backlink { padding-left: 12px; }
body.cms.ss-uploadfield-edit-iframe, .composite.ss-assetuploadfield .details fieldset { padding: 16px; overflow: auto; background: #E2E2E2; }
body.cms.ss-uploadfield-edit-iframe span.readonly, .composite.ss-assetuploadfield .details fieldset span.readonly { font-style: italic; color: #777777; text-shadow: 0px 1px 0px #fff; }
@ -28,7 +30,7 @@ body.cms.ss-uploadfield-edit-iframe .fieldholder-small label, .composite.ss-asse
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item .info { position: relative; padding: 7px; overflow: hidden; background-color: #FFBE66; border: 1px solid #FF9300; }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-preview { position: absolute; height: 30px; width: 40px; overflow: hidden; z-index: 1; }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-preview .no-preview { display: block; height: 100%; width: 100%; background: url("../images/icons/document.png") 2px 0px no-repeat; }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-info { position: relative; height: 30px; overflow: hidden; background-color: #5db4df; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5db4df), color-stop(8%, #5db1dd), color-stop(50%, #439bcb), color-stop(54%, #3f99cd), color-stop(96%, #207db6), color-stop(100%, #1e7cba)); background-image: -webkit-linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); background-image: -moz-linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); background-image: -o-linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); background-image: linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); }
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-info { position: relative; line-height: 30px; font-size: 18px; overflow: hidden; background-color: #5db4df; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5db4df), color-stop(8%, #5db1dd), color-stop(50%, #439bcb), color-stop(54%, #3f99cd), color-stop(96%, #207db6), color-stop(100%, #1e7cba)); background-image: -webkit-linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); background-image: -moz-linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); background-image: -o-linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); background-image: linear-gradient(top, #5db4df 0%, #5db1dd 8%, #439bcb 50%, #3f99cd 54%, #207db6 96%, #1e7cba 100%); }
.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info { background-color: #c11f1d; padding-right: 130px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c11f1d), color-stop(4%, #bf1d1b), color-stop(8%, #b71b1c), color-stop(15%, #b61e1d), color-stop(27%, #b11d1d), color-stop(31%, #ab1d1c), color-stop(42%, #a51b1b), color-stop(46%, #9f1b19), color-stop(50%, #9f1b19), color-stop(54%, #991c1a), color-stop(58%, #971a18), color-stop(62%, #911b1b), color-stop(65%, #911b1b), color-stop(88%, #7e1816), color-stop(92%, #771919), color-stop(100%, #731817)); background-image: -webkit-linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%); background-image: -moz-linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%); background-image: -o-linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%); background-image: linear-gradient(top, #c11f1d 0%, #bf1d1b 4%, #b71b1c 8%, #b61e1d 15%, #b11d1d 27%, #ab1d1c 31%, #a51b1b 42%, #9f1b19 46%, #9f1b19 50%, #991c1a 54%, #971a18 58%, #911b1b 62%, #911b1b 65%, #7e1816 88%, #771919 92%, #731817 100%); }
.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info .ss-uploadfield-item-name { width: 100%; cursor: default; background: #bcb9b9; background: rgba(201, 198, 198, 0.9); }
.ss-assetuploadfield .ss-uploadfield-files .ui-state-error .ss-uploadfield-item-info .ss-uploadfield-item-name .name { text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); }
@ -60,12 +62,13 @@ body.cms.ss-uploadfield-edit-iframe .fieldholder-small label, .composite.ss-asse
.ss-assetuploadfield .ss-uploadfield-files .ss-uploadfield-item-editform iframe { width: 100%; }
.ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info { float: left; margin: 34px 0 0; }
.ss-insert-media .ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info { margin: 15px 0px 0 20px; }
.ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info label { min-width: 250px; height: 30px; font-size: 14px; }
.ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info label.ui-state-focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-fromcomputer { position: relative; overflow: hidden; display: block; margin: 0 10px 0 0; }
.ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info label { font-size: 16px; line-height: 30px; padding: 5px 16px; }
.ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-fromcomputer { /*position: relative;
overflow: hidden;
display: block;*/ }
.ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-item-uploador { float: left; font-weight: bold; font-size: 22px; padding: 0 20px; line-height: 70px; margin-top: 16px; display: none; }
.ss-insert-media .ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-item-uploador { font-size: 18px; margin-top: 0; }
.ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-dropzone { margin-top: 9px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; -webkit-box-shadow: rgba(128, 128, 128, 0.3) 0 0 3px 2px inset; -moz-box-shadow: rgba(128, 128, 128, 0.3) 0 0 3px 2px inset; box-shadow: rgba(128, 128, 128, 0.3) 0 0 3px 2px inset; border: 2px dashed gray; background: #d4dbe0; display: none; height: 82px; width: 408px; float: left; }
.ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-dropzone { margin-top: 9px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; -webkit-box-shadow: rgba(128, 128, 128, 0.4) 0 0 4px 0 inset, 0 1px 0 #fafafa; -moz-box-shadow: rgba(128, 128, 128, 0.4) 0 0 4px 0 inset, 0 1px 0 #fafafa; box-shadow: rgba(128, 128, 128, 0.4) 0 0 4px 0 inset, 0 1px 0 #fafafa; border: 2px dashed gray; background: #d4dbe0; display: none; height: 82px; width: 360px; float: left; }
.ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-dropzone.active.hover { -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 0 3px 2px inset; -moz-box-shadow: rgba(255, 255, 255, 0.6) 0 0 3px 2px inset; box-shadow: rgba(255, 255, 255, 0.6) 0 0 3px 2px inset; }
.ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-dropzone div { color: #5e5e5e; text-shadow: 0px 1px 0px #fff; background: url("../images/upload.png") 0 25px no-repeat; width: 230px; z-index: 1; padding: 20px 0 0; line-height: 25px; font-size: 25px; font-weight: bold; text-align: center; display: block; margin: 0 auto; }
.ss-assetuploadfield .ss-uploadfield-addfile .ss-uploadfield-dropzone div span { display: block; font-size: 14px; z-index: -1; }

15
css/GridField.css
View File

@ -7,7 +7,7 @@
/** ----------------------------------------------- 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 ------------------------------------------------ */
/** ----------------------------------------------- Application Logo (CMS Logo) Must be 24px x 24px ------------------------------------------------ */
.cms .ss-gridfield > div { margin-bottom: 36px; }
.cms .ss-gridfield > div.addNewGridFieldButton { margin-bottom: 12px; }
.cms .ss-gridfield > div.addNewGridFieldButton { margin: 0 0 12px 0; }
.cms .ss-gridfield > div.addNewGridFieldButton:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*:first-child .cms .ss-gridfield > div.addNewGridFieldButton { zoom: 1; }
.cms .ss-gridfield[data-selectable] tr.ui-selected, .cms .ss-gridfield[data-selectable] tr.ui-selecting { background: #FFFAD6 !important; }
@ -50,8 +50,9 @@
.cms table.ss-gridfield-table tbody td button.ui-state-hover { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.cms table.ss-gridfield-table tbody td button.ui-state-active { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.cms table.ss-gridfield-table tbody td button.gridfield-button-delete { width: 20px; margin: 0; }
.cms table.ss-gridfield-table tbody td button.gridfield-button-delete .ui-icon { left: 0; }
.cms table.ss-gridfield-table tbody td button.gridfield-button-delete span.btn-icon-decline { left: 2px; }
.cms table.ss-gridfield-table tbody td a.view-link, .cms table.ss-gridfield-table tbody td a.edit-link { display: inline-block; width: 20px; height: 20px; text-align: left; text-indent: -9999em; overflow: hidden; vertical-align: middle; }
.cms table.ss-gridfield-table tbody td a.view-link, .cms table.ss-gridfield-table tbody td a.edit-link { display: inline-block; float: left; width: 20px; height: 20px; text-indent: -9999em; overflow: hidden; vertical-align: middle; margin-right: 8px; }
.cms table.ss-gridfield-table tbody td a.view-link { background: url(../admin/images/btn-icon/magnifier.png) no-repeat 0 1px; }
.cms table.ss-gridfield-table tbody td a.edit-link { background: url(../admin/images/btn-icon/document--pencil.png) no-repeat 2px 0px; }
.cms table.ss-gridfield-table tfoot { color: #323e46; }
@ -69,7 +70,7 @@
.cms table.ss-gridfield-table tr th { font-weight: bold; font-size: 12px; color: #FFF; padding: 5px; border-right: 1px solid rgba(0, 0, 0, 0.1); }
.cms table.ss-gridfield-table tr th div.fieldgroup, .cms table.ss-gridfield-table tr th div.fieldgroup-field { width: 100%; position: relative; }
.cms table.ss-gridfield-table tr th div.fieldgroup { min-width: 200px; padding-right: 0; }
.cms table.ss-gridfield-table tr th div.fieldgroup.filter-buttons { min-width: 0; }
.cms table.ss-gridfield-table tr th div.fieldgroup.filter-buttons { min-width: 50px; box-shadow: none; border: none; }
.cms table.ss-gridfield-table tr th div.fieldgroup.filter-buttons div { width: auto; display: inline; }
.cms table.ss-gridfield-table tr th.main { white-space: nowrap; border-top: 1px solid #a4b4bf; border-left: 1px solid #a4b4bf; color: #fff; background: #98aab6; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.cms table.ss-gridfield-table tr th.main span { text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); padding-left: 8px; padding-right: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; margin-right: 8px; }
@ -83,10 +84,10 @@
.cms table.ss-gridfield-table tr th button#action_gridfield_relationadd:hover { color: #444 !important; /* Not sure why IE think it needs this */ }
.cms table.ss-gridfield-table tr th button:hover { color: #ccc !important; /* Not sure why IE think it needs this */ }
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort:hover { color: #fff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort { background: transparent url(../images/arrows.png) no-repeat right 6px; border: none; width: 100%; text-align: left; padding: 2px 8px 2px 0; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort:hover { background-position: right -34px; }
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted-desc { background-position: right -72px; }
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted-asc { background-position: right -116px; }
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort { background: transparent url(../images/arrows.png) no-repeat right 2px; border: none; width: 100%; text-align: left; padding: 2px 8px 2px 0; text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.2); color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort:hover { background-position: right -38px; }
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted-desc { background-position: right -76px; }
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted-asc { background-position: right -120px; }
.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter { background-color: #55a4d2; border: none; display: block; text-indent: -9999em; width: 30px; height: 25px; background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -webkit-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -moz-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -o-linear-gradient(#338dc1, #287099); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, linear-gradient(#338dc1, #287099); width: 26px; border-top: 1px solid #4199cd; }
.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter.hover-alike:active, .cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter:active, .cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter.hover-alike, .cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter:hover { background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1YTRkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #55a4d2), color-stop(100%, #338dc1)); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -webkit-linear-gradient(#55a4d2, #338dc1); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -moz-linear-gradient(#55a4d2, #338dc1); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, -o-linear-gradient(#55a4d2, #338dc1); background: url(../images/icons/filter-icons.png) no-repeat -15px 4px, linear-gradient(#55a4d2, #338dc1); }
.cms table.ss-gridfield-table tr th button.ss-ui-button.ss-gridfield-button-filter.trigger { margin-left: 12px; border: none; background: url(../images/icons/filter-icons.png) no-repeat -17px 6px; padding-right: 46px; margin: 0 6px; }

2
css/UploadField.css
View File

@ -11,7 +11,7 @@
.ss-uploadfield .middleColumn { width: 526px; padding: 0; background: #fff; border: 1px solid #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff), color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: -o-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef); }
.ss-uploadfield .ss-uploadfield-item { margin: 0; padding: 15px; overflow: auto; }
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview { height: 60px; line-height: 60px; width: 80px; text-align: center; font-weight: bold; float: left; overflow: hidden; }
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview.ss-uploadfield-dropzone { -webkit-box-shadow: #9a9a9a 0 0 3px 3px inset; -moz-box-shadow: #9a9a9a 0 0 3px 3px inset; box-shadow: #9a9a9a 0 0 3px 3px inset; border: 2px dashed gray; background: rgba(201, 205, 206, 0.8); display: none; }
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview.ss-uploadfield-dropzone { -webkit-box-shadow: gray 0 0 4px 0 inset; -moz-box-shadow: gray 0 0 4px 0 inset; box-shadow: gray 0 0 4px 0 inset; border: 2px dashed gray; background: rgba(201, 205, 206, 0.8); display: none; }
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info { margin: 0 0 0 100px; }
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name { display: block; line-height: 13px; height: 26px; margin: 0; text-align: left; }
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name b { font-weight: bold; padding: 0 5px 0 0; }

25
scss/AssetUploadField.scss
View File

@ -17,6 +17,10 @@
#AssetUploadField {
border-bottom: 0;
@include box-shadow(none);
padding: 12px;
}
.backlink {
padding-left: 12px;
}
body.cms.ss-uploadfield-edit-iframe, .composite.ss-assetuploadfield .details fieldset {
@ -126,7 +130,8 @@ body.cms.ss-uploadfield-edit-iframe, .composite.ss-assetuploadfield .details fie
}
.ss-uploadfield-item-info {
position: relative;
height: 30px;
line-height: 30px;
font-size: 18px;
overflow: hidden;
background-color: #5db4df;
@include background-image(linear-gradient(top, #5db4df 0%,#5db1dd 8%,#439bcb 50%,#3f99cd 54%,#207db6 96%,#1e7cba 100%));
@ -263,19 +268,15 @@ body.cms.ss-uploadfield-edit-iframe, .composite.ss-assetuploadfield .details fie
margin: 15px 0px 0 20px;
}
label{
min-width:250px;
height:30px;
font-size:14px;
&.ui-state-focus{
@include single-box-shadow(none);
}
font-size: 16px;
line-height: 30px;
padding: 5px 16px;
}
}
.ss-uploadfield-fromcomputer {
position: relative;
/*position: relative;
overflow: hidden;
display: block;
margin: 0 10px 0 0;
display: block;*/
}
.ss-uploadfield-item-uploador {
float: left;
@ -293,12 +294,12 @@ body.cms.ss-uploadfield-edit-iframe, .composite.ss-assetuploadfield .details fie
.ss-uploadfield-dropzone {
margin-top:9px;
@include border-radius(13px);
@include box-shadow(rgba($color-medium-separator, 0.3) 0 0 3px 2px inset);
@include box-shadow(rgba($color-medium-separator, 0.4) 0 0 4px 0 inset, 0 1px 0 #FAFAFA);
border: 2px dashed $color-medium-separator;
background: lighten($color-base,12%);
display: none;
height: 82px;
width: 408px;
width: 360px;
float: left;
&.active{

20
scss/GridField.scss
View File

@ -41,7 +41,7 @@ $gf_grid_x: 16px;
& > div {
margin-bottom: $gf_grid_y*3;
&.addNewGridFieldButton{
margin-bottom:$gf_grid_y;
margin: 0 0 $gf_grid_y 0;
@include clearfix;
}
}
@ -245,6 +245,9 @@ $gf_grid_x: 16px;
&.gridfield-button-delete {
width: 20px;
margin: 0;
.ui-icon {
left: 0;
}
span.btn-icon-decline {
left: 2px;
}
@ -252,12 +255,13 @@ $gf_grid_x: 16px;
}
a.view-link, a.edit-link {
display:inline-block;
float: left;
width:20px;
height:20px; //min height to fit the edit icon
text-align: left;
text-indent:-9999em;
overflow: hidden;
vertical-align: middle;
margin-right: 8px;
}
a.view-link {
background: url(../admin/images/btn-icon/magnifier.png) no-repeat 0 1px;
@ -342,7 +346,9 @@ $gf_grid_x: 16px;
min-width: $gf_grid_x*12.5;
padding-right:0;
&.filter-buttons{
min-width:0;
min-width:50px;
box-shadow: none;
border: none;
div{
width:auto;
display:inline;
@ -412,7 +418,7 @@ $gf_grid_x: 16px;
@include box-shadow-none;
}
&.ss-gridfield-sort {
background: transparent url(../images/arrows.png) no-repeat right 6px;
background: transparent url(../images/arrows.png) no-repeat right 2px;
border:none;
width:100%;
text-align: left;
@ -421,13 +427,13 @@ $gf_grid_x: 16px;
color: #fff;
@include border-radius(0);
&:hover {
background-position: right -34px;
background-position: right -38px;
}
&.ss-gridfield-sorted-desc {
background-position: right -72px;
background-position: right -76px;
}
&.ss-gridfield-sorted-asc {
background-position: right -116px;
background-position: right -120px;
}
}

2
scss/UploadField.scss
View File

@ -43,7 +43,7 @@
float: left;
overflow: hidden;
&.ss-uploadfield-dropzone {
@include box-shadow(lighten($color-medium-separator, 10%) 0 0 3px 3px inset);
@include box-shadow($color-medium-separator 0 0 4px 0 inset);
border: 2px dashed $color-medium-separator;
background: $color-light-separator;
display: none;