From 9312c7069631c0ef6b890615113032379d2f65db Mon Sep 17 00:00:00 2001 From: Naomi Guyer Date: Tue, 27 Nov 2012 18:03:43 +1300 Subject: [PATCH] Side-by-side preview options fixes. Add extra preview-mode selector to the CMS actions so we can show something when the preview is closed (and with it all options are not visible). Thanks @mateusz, @clarkepaul and @robert-h-curry for contributing. --- admin/css/ie7.css | 4 +- admin/css/ie8.css | 5 +- admin/css/screen.css | 300 ++++++++++++------ admin/javascript/LeftAndMain.Preview.js | 180 +++++++---- admin/scss/_forms.scss | 21 +- admin/scss/_ieShared.scss | 5 - admin/scss/_menu.scss | 13 +- admin/scss/_preview.scss | 220 +++++++------ admin/scss/_style.scss | 50 +-- admin/scss/_tree.scss | 2 +- admin/scss/ie7.scss | 4 +- admin/scss/ie8.scss | 6 +- admin/scss/themes/_default.scss | 11 +- .../LeftAndMain_SilverStripeNavigator.ss | 23 +- admin/templates/LeftAndMain.ss | 2 +- .../Includes/LeftAndMain_ViewModeSelector.ss | 12 + 16 files changed, 538 insertions(+), 320 deletions(-) create mode 100644 templates/Includes/LeftAndMain_ViewModeSelector.ss diff --git a/admin/css/ie7.css b/admin/css/ie7.css index d4a2847d2..99d908b74 100644 --- a/admin/css/ie7.css +++ b/admin/css/ie7.css @@ -1,5 +1,7 @@ /** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */ /** ----------------------------------------------- Colours ------------------------------------------------ */ +/* Keep as solid colours transparent borders wont work in ie */ +/* Only for use as shadows as they wont work in older browsers */ /*$color-optional: #a1d2eb !default; */ /** ----------------------------------------------- Textures ----------------------------------------------- */ /** ----------------------------------------------- Typography. ------------------------------------------------ */ @@ -11,8 +13,6 @@ .cms .ss-ui-button.ss-ui-action-constructive.ui-state-hover { background-color: #23a93a; } .cms .ss-ui-button.ss-gridfield-button-filter { background: #55a4d2 url(../../images/icons/filter-icons.png) no-repeat -14px 4px; } -.cms-content-toolbar { border-bottom: 1px solid #c9cdce; } - .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: none; } .ss-gridfield-button-filter.ss-ui-button { background: #e6e6e6 url(../images/filter-icons.png) no-repeat -40px 6px; filter: none; } diff --git a/admin/css/ie8.css b/admin/css/ie8.css index 9b8ef454a..6c0de22ea 100644 --- a/admin/css/ie8.css +++ b/admin/css/ie8.css @@ -1,5 +1,7 @@ /** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */ /** ----------------------------------------------- Colours ------------------------------------------------ */ +/* Keep as solid colours transparent borders wont work in ie */ +/* Only for use as shadows as they wont work in older browsers */ /*$color-optional: #a1d2eb !default; */ /** ----------------------------------------------- Textures ----------------------------------------------- */ /** ----------------------------------------------- Typography. ------------------------------------------------ */ @@ -11,8 +13,6 @@ .cms .ss-ui-button.ss-ui-action-constructive.ui-state-hover { background-color: #23a93a; } .cms .ss-ui-button.ss-gridfield-button-filter { background: #55a4d2 url(../../images/icons/filter-icons.png) no-repeat -14px 4px; } -.cms-content-toolbar { border-bottom: 1px solid #c9cdce; } - .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image: none; } .ss-gridfield-button-filter.ss-ui-button { background: #e6e6e6 url(../images/filter-icons.png) no-repeat -40px 6px; filter: none; } @@ -46,7 +46,6 @@ .cms-content-toolbar .cms-tree-view-modes .checkboxAboveTree { margin-right: 1px; } -.cms .cms-content-tools { border-right: 1px solid #CCC; } .cms .cms-content-tools .cms-panel-content .dropdown select { width: 152px; } .filter-buttons button { width: 23px !important; height: 23px !important; } diff --git a/admin/css/screen.css b/admin/css/screen.css index 239d1b3eb..eebb827e7 100644 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -24,6 +24,8 @@ If more variables exist in the future, consider creating a variables file.*/ /** ----------------------------- Theme ------------------------------ */ /** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */ /** ----------------------------------------------- Colours ------------------------------------------------ */ +/* Keep as solid colours transparent borders wont work in ie */ +/* Only for use as shadows as they wont work in older browsers */ /*$color-optional: #a1d2eb !default; */ /** ----------------------------------------------- Textures ----------------------------------------------- */ /** ----------------------------------------------- Typography. ------------------------------------------------ */ @@ -124,6 +126,12 @@ body, html { font-size: 12px; line-height: 16px; font-family: Arial, sans-serif; <<<<<<< 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-se93fc83bf9.png') 0 -216px no-repeat; } +======= +<<<<<<< HEAD +<<<<<<< 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; } ======= @@ -135,8 +143,13 @@ body, html { font-size: 12px; line-height: 16px; font-family: Arial, sans-serif; >>>>>>> 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 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-se93fc83bf9.png') 0 -216px no-repeat; } +>>>>>>> BUG ie styles for riseup chosen selects, Menu width +>>>>>>> 6280c9b... BUG ie styles for riseup chosen selects, Menu width .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; } @@ -155,7 +168,7 @@ form.nostyle label.left { float: none; display: inherit; width: auto; padding: 0 form.nostyle .middleColumn { margin-left: 0; } form.nostyle input.text, form.nostyle textarea, form.nostyle select, form.nostyle .TreeDropdownField { width: auto; max-width: auto; } -.field { display: block; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(244, 245, 245, 0.8); -moz-box-shadow: 0 1px 0 rgba(244, 245, 245, 0.8); box-shadow: 0 1px 0 rgba(244, 245, 245, 0.8); padding: 0 0 7px 0; margin: 0 0 8px 0; *zoom: 1; } +.field { display: block; border-bottom: 1px solid #d0d3d5; -webkit-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8); -moz-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8); box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8); padding: 0 0 7px 0; margin: 0 0 8px 0; *zoom: 1; } .field:last-child { border-bottom: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .field:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .field.nolabel .middleColumn { margin-left: 0; } @@ -206,7 +219,7 @@ form.small .field input.text, form.small .field textarea, form.small .field sele /** ---------------------------------------------------- Buttons ---------------------------------------------------- */ .cms .Actions > *, .cms .cms-actions-row > * { display: block; float: left; margin-right: 8px; } .cms .Actions > *:last-child, .cms .cms-actions-row > *:last-child { margin-right: 0; } -.cms .Actions { max-height: 28px; overflow: auto; padding: 8px 12px; } +.cms .Actions { min-height: 30px; overflow: visible; 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; } @@ -290,9 +303,10 @@ input.radio { 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-options 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 { text-decoration: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxYjAzOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZmYmUzYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #31b038), color-stop(100%, #6fbe3c)); background-image: -webkit-linear-gradient(#31b038, #6fbe3c); background-image: -moz-linear-gradient(#31b038, #6fbe3c); background-image: -o-linear-gradient(#31b038, #6fbe3c); background-image: linear-gradient(#31b038, #6fbe3c); } +.switch-states .switch-options 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-options a.first:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQxOTljZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #4199cd)); background-image: -webkit-linear-gradient(#338dc1, #4199cd); background-image: -moz-linear-gradient(#338dc1, #4199cd); background-image: -o-linear-gradient(#338dc1, #4199cd); background-image: linear-gradient(#338dc1, #4199cd); } .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; } /** @@ -353,12 +367,18 @@ body.cms { overflow: hidden; } .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 +======= +<<<<<<< HEAD +<<<<<<< HEAD +>>>>>>> 6280c9b... BUG ie styles for riseup chosen selects, Menu width .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 { padding-bottom: 1px; border: 1px solid #c0c0c2; background-color: #eceff1; } .ui-tabs .ui-tabs-nav .ui-state-active 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 { display: block; padding-left: 40px; padding-right: 0; } +<<<<<<< HEAD +======= .ui-tabs .ui-tabs-nav li.cms-tabset-icon.list a { background: url('../images/sprites-64x64-s4903182cfd.png') 0 -450px no-repeat; } .ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree a { background: url('../images/sprites-64x64-s4903182cfd.png') 0 -300px no-repeat; } .ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery a { background: url('../images/sprites-64x64-s4903182cfd.png') 0 -400px no-repeat; } @@ -375,21 +395,25 @@ body.cms { overflow: hidden; } .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-default a { color: #5e5e5e; text-shadow: #e6e6e6 0 1px 0; } +>>>>>>> BUG ie styles for riseup chosen selects, Menu width .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 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 .ui-tabs-nav li.cms-tabset-icon a { display: block; padding-left: 40px; padding-right: 0; } +>>>>>>> 6280c9b... BUG ie styles for riseup chosen selects, Menu width +.ui-tabs .ui-tabs-nav li.cms-tabset-icon.list a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -504px no-repeat; } +.ui-tabs .ui-tabs-nav li.cms-tabset-icon.tree a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -354px no-repeat; } +.ui-tabs .ui-tabs-nav li.cms-tabset-icon.gallery a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -454px no-repeat; } +.ui-tabs .ui-tabs-nav li.cms-tabset-icon.edit a { background: url('../images/sprites-64x64-s88957ee578.png') 0 -304px no-repeat; } +.ui-tabs .ui-tabs-nav li.cms-tabset-icon.search 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 { 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 { 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 { 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 { 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 { 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; } @@ -397,39 +421,27 @@ body.cms { overflow: hidden; } .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; } -.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-default, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-default { -webkit-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; -moz-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; background-color: #b0bec7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZGJlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4dbe0), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(#d4dbe0, #b0bec7); background-image: -moz-linear-gradient(#d4dbe0, #b0bec7); background-image: -o-linear-gradient(#d4dbe0, #b0bec7); background-image: linear-gradient(#d4dbe0, #b0bec7); border-top: none; border-right-color: #8399a7; border-left-color: #ced7dc; } -.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e6eaed; background: #f0f3f4 url(../images/textures/bg_cms_main_content.png) repeat top left; border-top: none; border-right-color: #b3b3b3; border-left-color: #b3b3b3; z-index: 2; } -.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active a { border-bottom: none; } -======= -.ui-tabs.cms-tabset-primary .ui-tabs-nav li, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li { margin-right: 0; margin-top: 0; } -.ui-tabs.cms-tabset-primary .ui-tabs-nav li a, .ui-tabs.cms-tabset-primary .ui-tabs-nav li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li a:hover, .ui-tabs.cms-tabset-primary .ui-tabs-nav .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li a:hover, .ui-tabs.cms-tabset-primary .ui-tabs-nav .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs.cms-tabset-primary .ui-tabs-nav .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs.cms-tabset-primary .ui-tabs-nav li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a:hover, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a:hover, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li.vakata-hover > a { margin: 0; line-height: 39px; } -.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-all, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-top, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-right, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-tr, .ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-corner-tl, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-all, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-top, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-right, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-tr, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-corner-tl { border-radius: 0; } -.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-default, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-default { -webkit-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; -moz-box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; box-shadow: rgba(201, 205, 206, 0.8) 0 0 2px; background-color: #b0bec7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZGJlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4dbe0), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(#d4dbe0, #b0bec7); background-image: -moz-linear-gradient(#d4dbe0, #b0bec7); background-image: -o-linear-gradient(#d4dbe0, #b0bec7); background-image: linear-gradient(#d4dbe0, #b0bec7); border-top: none; border-right-color: #8399a7; border-left-color: #ced7dc; } -.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e6eaed; background: #eceff1; 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 li a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary li a, .ui-tabs .cms-content-header-tabs .ui-tabs-nav 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, .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; } +<<<<<<< HEAD +.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active a, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-state-active a { border-bottom: none; } +======= +<<<<<<< HEAD .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. +======= +.ui-tabs.cms-tabset-primary .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav.cms-tabset-nav-primary .ui-state-active a, .ui-tabs .cms-content-header-tabs .ui-tabs-nav .ui-state-active a { border-bottom: none; } +>>>>>>> BUG ie styles for riseup chosen selects, Menu width +>>>>>>> 6280c9b... BUG ie styles for riseup chosen selects, Menu width .cms-content-header-tabs { float: right; } @@ -446,7 +458,7 @@ 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; background-color: #eceff1; } +.cms-content-actions, .cms-preview-controls { margin: 0; padding: 12px 16px; z-index: 0; border-top: 1px solid #cacacc; -webkit-box-shadow: 1px 0 0 #eceff1, rgba(248, 248, 248, 0.9) 0 1px 0px inset, rgba(201, 205, 206, 0.8) 0 0 1px; -moz-box-shadow: 1px 0 0 #eceff1, rgba(248, 248, 248, 0.9) 0 1px 0px inset, rgba(201, 205, 206, 0.8) 0 0 1px; box-shadow: 1px 0 0 #eceff1, rgba(248, 248, 248, 0.9) 0 1px 0px inset, rgba(201, 205, 206, 0.8) 0 0 1px; height: 28px; background-color: #eceff1; } /** -------------------------------------------- Messages -------------------------------------------- */ .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; } @@ -489,7 +501,7 @@ p.message { margin-bottom: 12px; } #PageType ul li .description { font-style: italic; } /** -------------------------------------------- Content toolbar -------------------------------------------- */ -.cms-content-toolbar { min-height: 29px; display: block; margin: 0 0 15px 0; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); *zoom: 1; /* smaller treedropdown */ } +.cms-content-toolbar { min-height: 29px; display: block; margin: 0 0 15px 0; border-bottom: 1px solid #d0d3d5; -webkit-box-shadow: 0 1px 0 rgba(248, 248, 248, 0.9); -moz-box-shadow: 0 1px 0 rgba(248, 248, 248, 0.9); -o-box-shadow: 0 1px 0 rgba(248, 248, 248, 0.9); box-shadow: 0 1px 0 rgba(248, 248, 248, 0.9); *zoom: 1; /* smaller treedropdown */ } .cms-content-toolbar:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .cms-content-toolbar .cms-tree-view-modes { float: right; padding-top: 5px; } .cms-content-toolbar .cms-tree-view-modes * { display: inline-block; } @@ -503,9 +515,9 @@ p.message { margin-bottom: 12px; } .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; } +.cms-content-tools { background: #eceff1; width: 192px; overflow-y: auto; overflow-x: hidden; z-index: 70; border-right: 1px solid #c0c0c2; -webkit-box-shadow: rgba(248, 248, 248, 0.9) -1px 0 0 inset, 0 0 1px rgba(201, 205, 206, 0.8); -moz-box-shadow: rgba(248, 248, 248, 0.9) -1px 0 0 inset, 0 0 1px rgba(201, 205, 206, 0.8); box-shadow: rgba(248, 248, 248, 0.9) -1px 0 0 inset, 0 0 1px rgba(201, 205, 206, 0.8); float: left; position: relative; } .cms-content-tools.filter { padding: 0 !important; } -.cms-content-tools .cms-panel-header { clear: both; margin: 0 0 7px; line-height: 24px; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } +.cms-content-tools .cms-panel-header { clear: both; margin: 0 0 7px; line-height: 24px; border-bottom: 1px solid #d0d3d5; -webkit-box-shadow: 0 1px 0 rgba(248, 248, 248, 0.9); -moz-box-shadow: 0 1px 0 rgba(248, 248, 248, 0.9); -o-box-shadow: 0 1px 0 rgba(248, 248, 248, 0.9); box-shadow: 0 1px 0 rgba(248, 248, 248, 0.9); } .cms-content-tools .cms-panel-content { width: 176px; padding: 8px 8px 0; overflow: auto; height: 100%; } .cms-content-tools .cms-panel-content .Actions .ss-ui-action-constructive { margin-right: 5px; } .cms-content-tools .cms-content-header { background-color: #748d9d; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc0OGQ5ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #748d9d)); background-image: -webkit-linear-gradient(#b0bec7, #748d9d); background-image: -moz-linear-gradient(#b0bec7, #748d9d); background-image: -o-linear-gradient(#b0bec7, #748d9d); background-image: linear-gradient(#b0bec7, #748d9d); } @@ -518,7 +530,7 @@ p.message { margin-bottom: 12px; } .cms-content-tools .field label { float: none; width: auto; font-size: 11px; padding: 0 8px 4px 0; } .cms-content-tools .field .middleColumn { margin: 0; } .cms-content-tools .field input.text, .cms-content-tools .field select, .cms-content-tools .field textarea { padding: 5px; font-size: 11px; } -.cms-content-tools .field.checkbox { padding: 0 8px 0; } +.cms-content-tools .field.checkbox { padding: 0 0 8px; } .cms-content-tools .field.checkbox input { margin: 2px 0; } .cms-content-tools .fieldgroup .fieldgroup-field { padding: 0; } .cms-content-tools .fieldgroup .fieldgroup-field .field { margin: 0; padding: 0; } @@ -532,7 +544,7 @@ p.message { margin-bottom: 12px; } /** CMS Batch actions */ .cms-content-batchactions { float: left; position: relative; display: block; margin-left: 8px; } -.cms-content-batchactions .view-mode-batchactions-wrapper { float: left; padding: 4px 6px; border: 1px solid #aaa; margin-bottom: 8px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background-image: -webkit-linear-gradient(top, #ffffff, #d9d9d9); background-image: -moz-linear-gradient(top, #ffffff, #d9d9d9); background-image: -o-linear-gradient(top, #ffffff, #d9d9d9); background-image: linear-gradient(top, #ffffff, #d9d9d9); border-top-left-radius: 4px; border-bottom-left-radius: 4px; } +.cms-content-batchactions .view-mode-batchactions-wrapper { float: left; padding: 4px 6px; border: 1px solid #aaa; margin-bottom: 8px; background-color: #D9D9D9; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background-image: -webkit-linear-gradient(top, #ffffff, #d9d9d9); background-image: -moz-linear-gradient(top, #ffffff, #d9d9d9); background-image: -o-linear-gradient(top, #ffffff, #d9d9d9); background-image: linear-gradient(top, #ffffff, #d9d9d9); border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .cms-content-batchactions .view-mode-batchactions-wrapper label { display: none; } .cms-content-batchactions .view-mode-batchactions-wrapper fieldset, .cms-content-batchactions .view-mode-batchactions-wrapper .Actions { display: inline-block; } .cms-content-batchactions.inactive .view-mode-batchactions-wrapper { border-radius: 4px; } @@ -549,6 +561,9 @@ p.message { margin-bottom: 12px; } /** -------------------------------------------- Preview -------------------------------------------- */ .cms-switch-view a { padding-right: 1em; } +<<<<<<< HEAD +======= +<<<<<<< HEAD <<<<<<< HEAD .cms-preview { display: none; width: 1px; z-index: 100; } .cms-preview .cms-preview-toggle { width: 10px; cursor: pointer; } @@ -569,44 +584,38 @@ p.message { margin-bottom: 12px; } .cms-preview-header { background-color: #FFBE66; padding: 10px; font-weight: bold; } ======= +======= +>>>>>>> BUG ie styles for riseup chosen selects, Menu width +>>>>>>> 6280c9b... BUG ie styles for riseup chosen selects, Menu width /* 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-color: #eceff1; height: 100%; width: 100%; } -<<<<<<< HEAD -<<<<<<< HEAD -.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.collapsed .cms-preview-toggle a, .cms-preview.collapsed .cms-preview-toggle .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-preview.collapsed .cms-preview-toggle a:hover, .cms-preview.collapsed .cms-preview-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-preview.collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.collapsed .cms-preview-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-preview.collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.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.collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.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.collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.collapsed .cms-preview-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-preview.collapsed .cms-preview-toggle a:hover, .cms-preview.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.collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.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.collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.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.collapsed .cms-preview-toggle li.vakata-hover > a, .cms-preview.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.collapsed .cms-preview-toggle li.vakata-hover > a { left: -15px; } ->>>>>>> API Refactor the layout calls to allow for all mode options. -======= ->>>>>>> Hide columns using css classes. The class is now called column-hidden. .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, .cms-preview.mobileLandscape .preview-scroll, .cms-preview.tablet .preview-scroll, .cms-preview.tabletLandscape .preview-scroll, .cms-preview.desktop .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, .cms-preview.desktop .preview-scroll .preview-device-outer { padding: 0 16px 16px; background-color: #414141; } +.cms-preview.mobile .preview-scroll .preview-device-outer { width: 335px; /* add 15px for desktop scrollbar */ height: 568px; margin: 30px auto 30px; padding-top: 16px; } .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 { width: 583px; /* add 15px for desktop scrollbar */ height: 320px; margin: 12% auto; padding-top: 16px; } .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 { width: 783px; /* add 15px for desktop scrollbar */ height: 1024px; 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 { width: 1039px; /* add 15px for desktop scrollbar */ height: 768px; margin: 0 auto; } .cms-preview.tabletLandscape .preview-scroll .preview-device-outer .preview-device-inner { width: 1039px; } +<<<<<<< HEAD .cms-preview.desktop .preview-scroll .preview-device-outer { width: 1024px; } +<<<<<<< HEAD +======= >>>>>>> ENHANCEMENT added styles for device preview but not connected to select yet +======= +.cms-preview.desktop .preview-scroll .preview-device-outer { width: 1024px; height: 800px; margin: 0 auto; } +>>>>>>> BUG ie fixes for riseup and preview states +>>>>>>> fc9e1b2... BUG ie fixes for riseup and preview states /** -------------------------------------------- Member Profile -------------------------------------------- */ form.member-profile-form { padding: 0 16px 0 0; } @@ -645,25 +654,38 @@ form.member-profile-form #Permissions .optionset li { float: none; width: auto; /** -------------------------------------------- Panels -------------------------------------------- */ .cms-panel { overflow: hidden; } +<<<<<<< HEAD .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); position: absolute; bottom: 0; width: 100%; } +======= +<<<<<<< HEAD +<<<<<<< HEAD +<<<<<<< HEAD .cms-panel .cms-panel-toggle.south { border-top: 1px solid rgba(201, 205, 206, 0.8); } <<<<<<< HEAD +>>>>>>> 6280c9b... BUG ie styles for riseup chosen selects, Menu width .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; } ->>>>>>> NEW Side by side editing functionality - first cut (os#7412) +.cms-panel .cms-panel-toggle a.toggle-expand { width: 40px; display: none; } .cms-panel.cms-content-tools .cms-panel-toggle.south { border-top: 1px solid #FFF; } +======= +======= +.cms-panel .cms-panel-toggle { -webkit-box-shadow: 0 0 1px rgba(248, 248, 248, 0.9); -moz-box-shadow: 0 0 1px rgba(248, 248, 248, 0.9); box-shadow: 0 0 1px rgba(248, 248, 248, 0.9); } +>>>>>>> BUG preview state icon missing from edit side and ie bugs +.cms-panel .cms-panel-toggle.south { border-top: 1px solid #9eafba; -webkit-box-shadow: #bcc8cf 0 1px 0px inset; -moz-box-shadow: #bcc8cf 0 1px 0px inset; box-shadow: #bcc8cf 0 1px 0px inset; position: absolute; bottom: 0; width: 100%; } +.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; display: none; } +<<<<<<< HEAD +.cms-panel.cms-content-tools .cms-panel-toggle.south { border-top: 1px solid #cfd6db; -webkit-box-shadow: rgba(245, 245, 245, 0.9) 0 1px 0px inset; -moz-box-shadow: rgba(245, 245, 245, 0.9) 0 1px 0px inset; box-shadow: rgba(245, 245, 245, 0.9) 0 1px 0px inset; } +>>>>>>> BUG ie styles for riseup chosen selects, Menu width +======= +.cms-panel.cms-content-tools .cms-panel-toggle.south { border-top: 1px solid #cfd6db; -webkit-box-shadow: rgba(248, 248, 248, 0.9) 0 1px 0px inset; -moz-box-shadow: rgba(248, 248, 248, 0.9) 0 1px 0px inset; box-shadow: rgba(248, 248, 248, 0.9) 0 1px 0px inset; } +>>>>>>> BUG preview state icon missing from edit side and ie bugs .cms-panel.collapsed { cursor: pointer; } -.cms-panel.collapsed .cms-panel-header *, .cms-panel.collapsed .cms-panel-content, .cms-panel.collapsed .cms-panel-toggle a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow a.toggle-collapse:hover, .cms .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle a.toggle-collapse:hover, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-collapse, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-collapse, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.toggle-collapse, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.toggle-collapse, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.toggle-collapse:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle a.toggle-collapse:hover, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.toggle-collapse, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.toggle-collapse, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-collapse, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-collapse, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-collapse { display: none; } -.cms-panel.collapsed .cms-panel-toggle a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow a.toggle-expand:hover, .cms .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle a.toggle-expand:hover, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-expand, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a.toggle-expand, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a.toggle-expand:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle a.toggle-expand:hover, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand, .cms-panel.collapsed .cms-panel-toggle .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a.toggle-expand, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-panel.collapsed .cms-panel-toggle li.vakata-hover > a.toggle-expand { display: block; } +.cms-panel.collapsed .cms-panel-header *, .cms-panel.collapsed .cms-panel-content, .cms-panel.collapsed .cms-panel-toggle a.toggle-collapse { display: none; } +.cms-panel.collapsed .cms-panel-toggle a.toggle-expand { display: block; } .cms-panel .cms-panel-header { width: 100%; } .cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed { width: 40px; display: none; } .cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed h2, .cms-panel#cms-content-tools-CMSPageEditController .cms-panel-content-collapsed h3 { border-bottom: 0; margin-left: 8px; -webkit-transform-origin: bottom right; -moz-transform-origin: bottom right; -ms-transform-origin: bottom right; -o-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } @@ -736,6 +758,7 @@ body.cms-dialog { overflow: auto; background: url("../images/textures/bg_cms_mai /** -------------------------------------------- Search forms (used in AssetAdmin, ModelAdmin, etc) -------------------------------------------- */ .cms-search-form { margin-bottom: 16px; } .filter .cms-search-form { margin-bottom: 0; } +.cms-search-form .Actions { padding: 0; } /** -------------------------------------------- Step labels -------------------------------------------- */ .step-label > * { display: inline-block; vertical-align: top; } @@ -890,7 +913,7 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; } .cms-tree a.jstree-loading .jstree-pageicon { background: url(../images/throbber.gif) top left no-repeat; } /** Styles for the left hand side menu and header for the admin panels. Take into consideration CSS selector performance. @package framework @subpackage admin */ -.cms-logo-header { background-color: #142136; position: relative !important; top: auto !important; height: auto !important; padding: 0 8px; line-height: 24px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNGU4MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0MjEzNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #304e80), color-stop(100%, #142136)); background-image: -webkit-linear-gradient(#304e80, #142136); background-image: -moz-linear-gradient(#304e80, #142136); background-image: -o-linear-gradient(#304e80, #142136); background-image: linear-gradient(#304e80, #142136); } +.cms-logo-header { position: relative !important; top: auto !important; height: auto !important; padding: 0 8px; line-height: 24px; background-color: #22385b; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNGU4MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0MjEzNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #304e80), color-stop(100%, #142136)); background-image: -webkit-linear-gradient(#304e80, #142136); background-image: -moz-linear-gradient(#304e80, #142136); background-image: -o-linear-gradient(#304e80, #142136); background-image: linear-gradient(#304e80, #142136); } .cms-logo-header span { color: white; display: block; padding-left: 26px; } .cms-logo-header span a { color: #3ebae0; display: inline; } @@ -898,20 +921,40 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; } .collapsed .cms-logo { padding: 0; } .cms-logo .version { display: none; } <<<<<<< HEAD +.cms-logo a { position: absolute; top: 8px; bottom: 8px; display: block; width: 24px; background: url("../images/logo_small.png") no-repeat left center; text-indent: -9999em; padding: 0 1px; } +======= +<<<<<<< HEAD +<<<<<<< HEAD +<<<<<<< HEAD .cms-logo a { position: absolute; top: 8px; bottom: 8px; left: 4px; display: block; width: 24px; background: url("../images/logo_small.png") no-repeat left center; text-indent: -9999em; padding-right: 7px; border-right: 1px solid #19435c; } .cms-logo span { font-weight: bold; font-size: 14px; line-height: 20px; padding: 2px 0; margin-left: 44px; } ======= .cms-logo a, .cms-logo .cms .jstree .jstree-wholerow a:hover, .cms .jstree .jstree-wholerow .cms-logo a:hover, .cms-logo .cms .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow #vakata-contextmenu .cms-logo li.vakata-hover > a, .cms-logo .cms #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .jstree .jstree-wholerow .cms-logo li.vakata-hover > a, .cms-logo .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li.vakata-hover > a, .cms .jstree .jstree-wholerow .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms-logo li.vakata-hover > a, .cms-logo .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .cms .jstree .jstree-wholerow .cms-logo li.vakata-hover > a, .cms-logo .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow a:hover, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-logo a:hover, .cms-logo .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms #vakata-contextmenu .cms-logo li.vakata-hover > a, .cms-logo .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow li.vakata-hover > a, .cms #vakata-contextmenu .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow .cms-logo li.vakata-hover > a, .cms-logo .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow #vakata-contextmenu .cms-logo li.vakata-hover > a, .cms-logo .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel #vakata-contextmenu .jstree .jstree-wholerow .cms-logo li.vakata-hover > a { position: absolute; top: 8px; bottom: 8px; display: block; width: 24px; background: url("../images/logo_small.png") no-repeat left center; text-indent: -9999em; padding: 0 1px; } +======= +.cms-logo a { position: absolute; top: 8px; bottom: 8px; display: block; width: 24px; background: url("../images/logo_small.png") no-repeat left center; text-indent: -9999em; padding: 0 1px; } +>>>>>>> BUG ie styles for riseup chosen selects, Menu width +<<<<<<< HEAD +>>>>>>> 6280c9b... BUG ie styles for riseup chosen selects, Menu width +======= +======= +.cms-logo a { position: absolute; top: 8px; bottom: 8px; display: block; width: 24px; background: url("../images/logo_small.png") no-repeat left center; text-indent: -9999em; padding: 0 1px; left: 0; } +>>>>>>> BUG preview state icon missing from edit side and ie bugs +>>>>>>> 4e83d0d... BUG preview state icon missing from edit side and ie bugs .cms-logo span { font-weight: bold; font-size: 12px; line-height: 16px; padding: 2px 0; margin-left: 30px; } ->>>>>>> NEW Side by side editing functionality - first cut (os#7412) .cms-login-status { border-top: 1px solid #19435c; padding: 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-se93fc83bf9.png') 0 -292px no-repeat; text-indent: -9999em; } +<<<<<<< HEAD .cms-menu { z-index: 80; background: #b0bec7; width: 192px; -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; -moz-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; } .cms-menu a { text-decoration: none; } .cms-menu .cms-panel-content { width: 191px; /* 8x24 - 1 */ overflow-x: hidden; overflow-y: auto; position: relative !important; top: auto !important; left: auto !important; } -.cms-menu.collapsed { width: 40px !important; cursor: auto; z-index: 1000; } +======= +.cms-menu { z-index: 80; background: #b0bec7; width: 160px; -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; -moz-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; } +.cms-menu a { text-decoration: none; } +.cms-menu .cms-panel-content { width: 160px; overflow-x: hidden; overflow-y: auto; position: relative !important; top: auto !important; left: auto !important; } +>>>>>>> BUG ie styles for riseup chosen selects, Menu width +.cms-menu.collapsed { width: 40px; cursor: auto; z-index: 1000; } .cms-menu.collapsed .cms-panel-header { width: 30px; } .cms-menu.collapsed .cms-panel-header span { display: none; } .cms-menu.collapsed .cms-menu-list { overflow-x: hidden; overflow-y: auto; } @@ -925,12 +968,27 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; } .cms-menu-list li { /* Style applied to the menu flyout only when the collapsed setting */ } <<<<<<< HEAD +======= +<<<<<<< HEAD +<<<<<<< HEAD +======= +>>>>>>> BUG ie styles for riseup chosen selects, Menu width +>>>>>>> 6280c9b... BUG ie styles for riseup chosen selects, Menu width .cms-menu-list li a { display: block; height: 24px; line-height: 24px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: #bfcad2 1px 1px 0; color: #1f1f1f; padding: 7px 5px 7px 8px; background-color: #b0bec7; cursor: pointer; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0bec7), color-stop(100%, #92a5b2)); background-image: -webkit-linear-gradient(#b0bec7, #92a5b2); background-image: -moz-linear-gradient(#b0bec7, #92a5b2); background-image: -o-linear-gradient(#b0bec7, #92a5b2); background-image: linear-gradient(#b0bec7, #92a5b2); border-top: 1px solid #c2cdd4; border-bottom: 1px solid #748d9d; } .cms-menu-list li a:hover { text-decoration: none; background-color: #b6c3cb; border-bottom: 1px solid #8399a7; color: #2c2c2c; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmY2FkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfcad2), color-stop(100%, #b0bec7)); background-image: -webkit-linear-gradient(#bfcad2, #b0bec7); background-image: -moz-linear-gradient(#bfcad2, #b0bec7); background-image: -o-linear-gradient(#bfcad2, #b0bec7); background-image: linear-gradient(#bfcad2, #b0bec7); } .cms-menu-list li a:focus, .cms-menu-list li a:active { border-top: 1px solid #a1b2bc; text-decoration: none; background-color: #a1b2bc; color: #393939; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ExYjJiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92a5b2), color-stop(100%, #a1b2bc)); background-image: -webkit-linear-gradient(#92a5b2, #a1b2bc); background-image: -moz-linear-gradient(#92a5b2, #a1b2bc); background-image: -o-linear-gradient(#92a5b2, #a1b2bc); background-image: linear-gradient(#92a5b2, #a1b2bc); } .cms-menu-list li 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 { display: inline-block; float: left; } .cms-menu-list li a .toggle-children { display: inline-block; float: right; width: 20px; height: 100%; cursor: pointer; } +<<<<<<< HEAD +.cms-menu-list li 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 { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -359px no-repeat; } +.cms-menu-list li ul li a { border-top: 1px solid #b6c3cb; } +.cms-menu-list li.current a { color: white; text-shadow: #1e5270 0 -1px 0; border-top: 1px solid #55a4d2; border-bottom: 1px solid #236184; background-color: #338dc1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background-image: -webkit-linear-gradient(#338dc1, #287099); background-image: -moz-linear-gradient(#338dc1, #287099); background-image: -o-linear-gradient(#338dc1, #287099); background-image: linear-gradient(#338dc1, #287099); } +.cms-menu-list li.current a .toggle-children .toggle-children-icon { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -433px no-repeat; } +.cms-menu-list li.current a .toggle-children.opened .toggle-children-icon { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -1121px no-repeat; } +======= +<<<<<<< HEAD .cms-menu-list li 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 { background: url('../images/sprites-32x32-sb47394f892.png') 0 -143px no-repeat; } .cms-menu-list li ul li a { border-top: 1px solid #b6c3cb; } @@ -961,6 +1019,15 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; } .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 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 { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -359px no-repeat; } +.cms-menu-list li ul li a { border-top: 1px solid #b6c3cb; } +.cms-menu-list li.current a { color: white; text-shadow: #1e5270 0 -1px 0; border-top: 1px solid #55a4d2; border-bottom: 1px solid #236184; background-color: #338dc1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #338dc1), color-stop(100%, #287099)); background-image: -webkit-linear-gradient(#338dc1, #287099); background-image: -moz-linear-gradient(#338dc1, #287099); background-image: -o-linear-gradient(#338dc1, #287099); background-image: linear-gradient(#338dc1, #287099); } +.cms-menu-list li.current a .toggle-children .toggle-children-icon { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -433px no-repeat; } +.cms-menu-list li.current a .toggle-children.opened .toggle-children-icon { background: url('../images/sprites-32x32-se93fc83bf9.png') 0 -1121px no-repeat; } +>>>>>>> BUG ie styles for riseup chosen selects, Menu width +>>>>>>> 6280c9b... BUG ie styles for riseup chosen selects, Menu width .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; } @@ -1016,10 +1083,23 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; } .cms-menu-list.collapsed li > li { display: none; } /* -------------------------- */ -.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; } +<<<<<<< HEAD +<<<<<<< HEAD +<<<<<<< HEAD +.cms-content-controls { /*Styling the background, controls sit on*/ /* Styling for icons in controls*/ } +.cms-content-controls.cms-preview-controls { z-index: 1; background: #eceff1; height: 28px; /* should be set in js Layout */ padding: 12px 12px; } +======= +.cms-content-controls { /*Styling the background, controls sit on*/ /* Styling for icons in controls*/ /* Preview selectors. Overrides default chosen styles and applies its own */ } +.cms-content-controls.cms-preview-controls { z-index: 1; background: #eceff1; height: 30px; /* should be set in js Layout to match page actions */ padding: 12px 12px; } +>>>>>>> 6280c9b... BUG ie styles for riseup chosen selects, Menu width +.cms-content-controls .icon-view, .cms-content-controls .cms-navigator .dropdown a.chzn-single { white-space: nowrap; } +.cms-content-controls .icon-view:before, .cms-content-controls .cms-navigator .dropdown a.chzn-single:before { display: inline-block; float: left; content: ''; width: 23px; height: 17px; overflow: hidden; } +======= +.cms-content-controls { /* Styling the background, controls sit on */ /* Styling for icons in controls */ /* Preview selectors. Overrides default chosen styles and applies its own */ } +.cms-content-controls.cms-preview-controls { z-index: 1; background: #eceff1; height: 30px; /* should be set in js Layout to match page actions */ padding: 12px 12px; } +.cms-content-controls .icon-view, .cms-content-controls .dropdown a.chzn-single { white-space: nowrap; } +.cms-content-controls .icon-view:before, .cms-content-controls .dropdown a.chzn-single:before { display: inline-block; float: left; content: ''; width: 23px; height: 17px; overflow: hidden; } +>>>>>>> 4e83d0d... BUG preview state icon missing from edit side and ie bugs .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; } @@ -1028,14 +1108,16 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; } .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; } +<<<<<<< HEAD .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 .dropdown 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 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 a.chzn-single:focus, .cms-content-controls .cms-navigator .preview-selector a.chzn-single.chzn-single-with-drop { background-color: #dae0e5; } +.cms-content-controls .cms-navigator .preview-selector 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 { display: none; } +.cms-content-controls .cms-navigator .preview-selector.open .chzn-drop { position: absolute; left: auto !important; right: 0; } +.cms-content-controls .cms-navigator .preview-selector .chzn-drop { -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; } .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; } @@ -1050,7 +1132,39 @@ li.class-ErrorPage > a a .jstree-pageicon { background-position: 0 -112px; } .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 { /*Styling the background, controls sit on*/ } +.cms-content-controls.cms-preview-controls { z-index: 1; background: #eceff1; height: 28px; /* should be set in js Layout */ padding: 12px 12px; } +.cms-content-controls .cms-navigator { width: 100%; } +>>>>>>> 5e0cbc7... Add extra preview-mode selector to the CMS actions. +======= +.cms-content-controls .cms-navigator { width: 100%; } +.cms-content-controls .dropdown a.chzn-single { text-indent: -200px; } +.cms-content-controls .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 .preview-selector a.chzn-single { width: 20px; padding: 6px 5px; height: 18px; margin: -3px 0 0; filter: none; /* remove ie background */ 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 .preview-selector a.chzn-single:hover, .cms-content-controls .preview-selector a.chzn-single:focus, .cms-content-controls .preview-selector a.chzn-single.chzn-single-with-drop { background-color: #dae0e5; } +.cms-content-controls .preview-selector 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 .preview-selector a.chzn-single div { display: none; } +.cms-content-controls .preview-selector.open .chzn-drop { position: absolute; left: auto !important; right: 0; } +.cms-content-controls .preview-selector .chzn-drop { -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; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } +.cms-content-controls .preview-selector .chzn-drop .chzn-results { width: 135px; } +.cms-content-controls .preview-selector .chzn-drop .chzn-results .result-selected { background: #eceff1; } +.cms-content-controls .preview-selector .chzn-container.chzn-with-rise { width: auto !important; } +.cms-content-controls .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 .preview-selector .chzn-container.chzn-with-rise .chzn-drop .chzn-search { display: none; } +.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul { padding: 0; margin: 0; } +.cms-content-controls .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 #DDD; background-color: #FFF; /* Description styling */ } +.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li:before { margin-right: 2px; } +.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li.description { padding-top: 5px; padding-bottom: 5px; } +.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li.description:before { margin-top: 5px; } +.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li.highlighted, .cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li:hover, .cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li:focus { color: #0073c1; filter: none; background: #f2f4f6; text-decoration: none; } +.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li.first { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } +.cms-content-controls .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li.last { border-bottom: none; -webkit-border-radius: 0 0 0 3px; -moz-border-radius: 0 0 0 3px; -ms-border-radius: 0 0 0 3px; -o-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; } +.cms-content-controls .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 .preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li .icon-view { margin-right: 4px; } +.cms-content-controls .preview-selector .chzn-drop ul.chzn-results li.result-selected { background: #e6eaed; color: #444444; } +.cms-content-controls .preview-selector .chzn-drop ul.chzn-results li.result-selected.highlighted, .cms-content-controls .preview-selector .chzn-drop ul.chzn-results li.result-selected:hover, .cms-content-controls .preview-selector .chzn-drop ul.chzn-results li.result-selected:focus { background: #e6eaed; color: #444444; } +>>>>>>> 6280c9b... BUG ie styles for riseup chosen selects, Menu width .cms-content-controls .cms-preview-states { float: right; position: relative; margin-top: 3px; margin-right: 7px; width: 100px; } .ModelAdmin .cms-content-fields { overflow: hidden; } diff --git a/admin/javascript/LeftAndMain.Preview.js b/admin/javascript/LeftAndMain.Preview.js index 8d7ee1f24..a9f6dde86 100644 --- a/admin/javascript/LeftAndMain.Preview.js +++ b/admin/javascript/LeftAndMain.Preview.js @@ -18,9 +18,6 @@ */ $('.cms-preview').entwine({ - // Minimum width to keep the CMS operational - SharedWidth: null, - onadd: function() { var self = this, layoutContainer = this.parent(); // this.resizable({ @@ -30,9 +27,6 @@ // } // }); - // TODO Compute dynamically - this.setSharedWidth(500); - // Create layout and controls this.find('iframe').addClass('center'); this.find('iframe').bind('load', function() { @@ -77,15 +71,25 @@ this.updatePreview(); }, + /** + * Update preview whenever any panels are reloaded. + */ 'from .cms-container': { - onaftersubmitform: function(){ - this.updateAfterXhr(); - }, onafterstatechange: function(){ this.updateAfterXhr(); } }, + /** + * Update preview whenever form is submitted. This does not use the usual LeftAndmMain::loadPanel + * functionality which is already covered in onafterstatechange above. + */ + 'from .cms-container .cms-edit-form': { + onaftersubmitform: function(){ + this.updateAfterXhr(); + } + }, + /** * Loads the matching edit form for a page viewed in the preview iframe, * based on metadata sent along with this document. @@ -166,16 +170,6 @@ } }); - $('.cms-preview.collapsed').entwine({ - onmatch: function() { - this.find('a').text('<'); - this._super(); - }, - onunmatch: function() { - this._super(); - } - }); - $('.cms-preview.blocked').entwine({ onmatch: function() { this.find('.cms-preview-overlay').show(); @@ -187,16 +181,6 @@ } }); - $('.cms-preview.expanded').entwine({ - onmatch: function() { - this.find('a').text('>'); - this._super(); - }, - onunmatch: function() { - this._super(); - } - }); - $('.switch-options a').entwine({ onclick: function(e) { var preview = $('.cms-preview'); @@ -212,9 +196,7 @@ } }); - - - $('#cms-preview-mode-dropdown').entwine({ + $('.preview-mode-selector select').entwine({ onchange: function(e) { e.preventDefault(); @@ -229,17 +211,75 @@ container.previewMode(); } - this.addIcon(); //run generic addIcon, on select.preview-dropdown + this.addIcon(); + + // Synchronise other preview-mode selectors to display the same state. + $('.preview-mode-selector select').not(this) + .val(this.val()) + .trigger('liszt:updated') + .addIcon(); } }); + $('.preview-size-selector select').entwine({ + onchange: function(e) { + e.preventDefault(); + + var preview = $('.cms-preview'); + var size = $(this).val(); + + preview + .removeClass('auto desktop tablet mobile') + .addClass(size); + + this.addIcon(); + } + }); + + /** + * React to state view mode changes by showing/hiding the preview-mode selector. + */ + $('.cms-preview.column-hidden').entwine({ + onmatch: function() { + $('#preview-mode-dropdown-in-content').show(); + this._super(); + }, + onunmatch: function() { + $('#preview-mode-dropdown-in-content').hide(); + this._super(); + } + }); + + /** + * Initialise the CMS's preview-mode selector. + */ + $('#preview-mode-dropdown-in-content').entwine({ + onmatch: function() { + if ($('.cms-preview').is('.column-hidden')) { + this.show(); + } + else { + this.hide(); + } + this._super(); + }, + onunmatch: function() { + this._super(); + } + }); /* * 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(){ + $('.preview-selector select.preview-dropdown').entwine({ + 'onliszt:showing_dropdown': function() { + this.siblings().find('.chzn-drop').addClass('open').alignRight(); + }, + 'onliszt:hiding_dropdown': function() { + this.siblings().find('.chzn-drop').removeClass('open').removeRightAlign(); + }, + addIcon: function(){ var selected = this.find(':selected'); var iconClass = selected.attr('data-icon'); @@ -254,47 +294,73 @@ }); /* - * When chzn initiated run select redraw + * When chzn initiated run select addIcon * Apply description text if applicable */ $('.preview-selector a.chzn-single').entwine({ - onadd: function() { - this.closest('.preview-selector').find('select').addIcon(); + onmatch: function() { + this.closest('.preview-selector').find('select').addIcon(); + this._super(); }, - onclick: function(){ - var parent = this.closest('.preview-selector'); - if(parent.hasClass('open')){ - parent.removeClass('open'); - }else{ - parent.addClass('open'); - } + onunmatch: function() { + this._super(); } }); + + $('.preview-selector .chzn-drop').entwine({ + alignRight: function(){ + var that = this; + $(this).hide(); + /* Delay so styles applied after chosen applies css + (the line after we find out the dropdown is open) + */ + setTimeout(function(){ + $(that).css({left:'auto', right:0}); + $(that).show(); + }, 100); + }, + removeRightAlign:function(){ + $(this).css({right:'auto'}); + } + + }); + /* * 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 */ + /* + + Currently buggy (adds dexcription, then re-renders). This may need to + be done inside chosen. Chosen recommends to do this stuff in the css, + but that option is inaccessible and untranslatable + (https://github.com/harvesthq/chosen/issues/399) + $('.preview-selector .chzn-drop ul').entwine({ onmatch: function() { - this.redraw(); + this.extraData(); + this._super(); }, - redraw: function(){ + onunmatch: function() { + this._super(); + }, + extraData: function(){ var that = this; - var options = this.closest('.preview-selector').find('select option'); - + 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')){ + var target = $(that).find("li:eq(" + index + ")"); + var description = $(option).attr('data-description'); + if(description != undefined && !$(target).hasClass('description')){ $(target).append('' + description + ''); - $(target).addClass('description'); + $(target).addClass('description'); } }); - } - }); + }); */ + $('.cms-edit-form').entwine({ /** @@ -324,6 +390,10 @@ }, onmatch: function() { this.redraw(); + this._super(); + }, + onunmatch: function() { + this._super(); } // Todo: Need to recalculate on resize of browser diff --git a/admin/scss/_forms.scss b/admin/scss/_forms.scss index 68c8912a4..ea32426c1 100644 --- a/admin/scss/_forms.scss +++ b/admin/scss/_forms.scss @@ -16,8 +16,8 @@ form.nostyle { .field { display: block; - border-bottom: 1px solid $color-shadow-light; - @include box-shadow(0 1px 0 lighten($color-shadow-light, 16%)); + border-bottom: 1px solid $color-light-separator; + @include box-shadow(0 1px 0 $box-shadow-shine-minimal); //TODO: use single border line with shadow instead:: http://daverupert.com/2011/06/two-tone-borders-with-css3/ //overflow: hidden; @@ -308,8 +308,8 @@ form.small .field, .field.small { } .Actions { - max-height: 28px; - overflow: auto; + min-height: 30px; + overflow: visible; padding: 8px 12px; } .south .Actions, .ui-tabs-panel .Actions, .ui-tabs-panel iframe .Actions { @@ -694,6 +694,10 @@ input.radio { @include box-sizing(border-box); &:hover { text-decoration: none; + @include background-image(linear-gradient( + lighten(#2b9c32, 5%), + lighten(#64ab36, 5%) + )); } &.first { text-align: left; @@ -704,6 +708,12 @@ input.radio { darken($color-menu-button, 10%), $color-menu-button )); + &:hover{ + @include background-image(linear-gradient( + $color-menu-button, + lighten($color-menu-button, 5%) + )); + } } } @@ -724,8 +734,9 @@ input.radio { rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100% )); - @include transition(all 0.3s ease-in 0s); + @include transition(all 0.3s ease-in 0s); } + } diff --git a/admin/scss/_ieShared.scss b/admin/scss/_ieShared.scss index a37cffda0..1022472f9 100644 --- a/admin/scss/_ieShared.scss +++ b/admin/scss/_ieShared.scss @@ -36,11 +36,6 @@ } } -.cms-content-toolbar{ - //add border below the content toolbar - border-bottom:1px solid rgb(201, 205, 206); -} - //fix for background color on default tabs .ui-state-default, .ui-widget-content .ui-state-default, diff --git a/admin/scss/_menu.scss b/admin/scss/_menu.scss index 81e7bc0c1..6e93297e0 100644 --- a/admin/scss/_menu.scss +++ b/admin/scss/_menu.scss @@ -8,13 +8,12 @@ */ .cms-logo-header { - background-color: $color-dark-bg; position: relative !important; top:auto !important; height:auto !important; padding: 0 8px; line-height: 24px; - + background-color: lighten($color-dark-bg,10%); @include background-image( linear-gradient(lighten($color-dark-bg,20%), $color-dark-bg) ); @@ -43,11 +42,9 @@ .collapsed &{ padding:0; } - .version { display: none; } - a { position: absolute; top: $grid-y; @@ -57,8 +54,8 @@ background: $application-logo-small no-repeat left center; text-indent: -9999em; padding: 0 1px; + left: 0; } - span { font-weight: bold; font-size: $font-base-size; @@ -88,7 +85,7 @@ .cms-menu { z-index: 80; background: $color-base; - width: ($grid-x * 24); // Removed right border as it clashes with different blues + width: ($grid-x * 20); @include box-shadow($color-shadow-blacker 0 0 3px); a { @@ -96,7 +93,7 @@ } .cms-panel-content { - width: ($grid-x * 24) - 1; /* 8x24 - 1 */ + width: ($grid-x * 20); overflow-x: hidden; overflow-y: auto; position: relative !important; @@ -105,7 +102,7 @@ } &.collapsed { - width: 40px !important; + width: 40px; cursor: auto; z-index: 1000; diff --git a/admin/scss/_preview.scss b/admin/scss/_preview.scss index f1c87f925..5a4a6be71 100644 --- a/admin/scss/_preview.scss +++ b/admin/scss/_preview.scss @@ -2,16 +2,16 @@ /* -------------------------- */ .cms-content-controls{ - /*Styling of the backgroundcontrols sit on*/ + /* Styling the background, controls sit on */ &.cms-preview-controls { z-index: 1; background: $color-widget-bg; - min-height: 28px; + height: 30px; /* should be set in js Layout to match page actions */ padding: $grid-y*1.5 $grid-y*1.5; } - /* Styling for icons in controls*/ - .icon-view, .cms-navigator .dropdown a.chzn-single{ + /* Styling for icons in controls */ + .icon-view, .dropdown a.chzn-single { white-space: nowrap; &:before { display:inline-block; @@ -48,118 +48,141 @@ } .cms-navigator{ width: 100%; + } + .dropdown a.chzn-single{ + text-indent:-200px; + } - .dropdown a.chzn-single{ - text-indent:-200px; - } - /* Preview selectors. Overrides default chosen styles and applies its own */ - .preview-selector{ - float:right; - border-bottom:none; - position:relative; + /* 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; + + a.chzn-single { + width: 20px; + padding: 6px 5px; + height: 18px; + margin: -3px 0 0; + filter: none; /* remove ie background */ + background: none; + border: none; @include box-shadow(none); - margin: 3px 0 0 4px; - padding: 0; + @include border-radius(3px); - 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); - &:hover, &:focus, &.chzn-single-with-drop { - background-color: darken($color-widget-bg,6%); - } - &.chzn-single-with-drop { - @include border-radius(0 0 3px 3px); - } - div { - display: none; - } + &:hover, &:focus, &.chzn-single-with-drop { + background-color: darken($color-widget-bg,6%); } + &.chzn-single-with-drop { + @include border-radius(0 0 3px 3px); + } + div { + display: none; + } + } + &.open{ .chzn-drop{ + position:absolute; left: auto !important; //over-ride chosen inline styles right: 0; - position: absolute; - @include border-radius(3px 3px 0 3px); - display: none; + } + } - .chzn-results { - width: 135px; + .chzn-drop{ + @include border-radius(3px 3px 0 3px); + @include box-shadow(0 0 3px rgba(0, 0, 0, 0.1)); + .chzn-results { + width: 135px; + .result-selected { + background: $color-widget-bg; } } - + } - .chzn-container.chzn-with-rise { - width:auto !important; //over-ride chosen inline styles + .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; + .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; + } - li{ - font-size: 12px; - line-height: 16px; - padding: 7px 16px 7px 6px; - color: $color-text-blue-link; - border-bottom: 1px solid $color-light-separator; + 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 #DDD; + background-color: #FFF; + + &:before{ + margin-right: 2px; + } + &.description { + padding-top: 5px; + padding-bottom: 5px; &:before{ - margin-right: 2px; + margin-top: 5px; } - &.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 { - @include border-radius(4px 4px 0px 0px); - } - &.last { - @include border-radius(0px 0px 4px 4px); - border-bottom:none; - } - /* Description styling */ - span { - display:block; - color: lighten($color-text-dark, 30%); - font-size:0.85em; - line-height:1.1em; - padding-left:23px; - } - .icon-view { - margin-right: 4px; - } - } - } - } + } + &.highlighted, &:hover, &:focus { + color: $color-text-blue-link; + filter: none; + background: lighten($color-widget-bg,2%); + text-decoration: none; + } + &.first { + @include border-radius(3px 3px 0 0); + } + &.last { + border-bottom: none; + @include border-radius(0 0 0 3px); + } + + /* Description styling */ + span { + display:block; + color: lighten($color-text-dark, 30%); + font-size:0.85em; + line-height:1.1em; + padding-left:23px; + } + .icon-view { + margin-right: 4px; + } + + } + } + } + } + &.open .chzn-drop { + //display: block; + } + .chzn-drop ul.chzn-results li.result-selected { + background: darken($color-widget-bg, 2%); + color: $color-text; + &.highlighted, &:hover, &:focus { + background: darken($color-widget-bg, 2%); + color: $color-text; } - &.open .chzn-drop { - display: block; - } - } - } + } + } + .cms-preview-states{ float: right; position: relative; @@ -167,4 +190,5 @@ margin-right: 7px; width: 100px; } -} \ No newline at end of file +} + diff --git a/admin/scss/_style.scss b/admin/scss/_style.scss index 2df917dfd..50edd2e64 100644 --- a/admin/scss/_style.scss +++ b/admin/scss/_style.scss @@ -289,15 +289,6 @@ body.cms { &.ss-tabset-tabshidden .ui-tabs-panel { border-top: none; } - - // Reset to default styles - .ss-ui-button { - line-height: $grid-x*3; - - .ui-button-text { - line-height: 1.4; - } - } } /** @@ -441,9 +432,11 @@ body.cms { margin: 0; padding: $grid-y*1.5 $grid-y*2; z-index: 0; - border-top: 1px solid $color-light-separator; - border-top: 1px solid #FAFAFA; - @include box-shadow(1px 0 0 $tab-panel-texture-color, #CCC 0 -1px 1px); + border-top: 1px solid lighten($color-separator, 4%); + @include box-shadow( + 1px 0 0 $tab-panel-texture-color, + $box-shadow-shine 0 1px 0px inset, + $color-shadow-light 0 0 1px); height: 28px; background-color: $tab-panel-texture-color; } @@ -614,7 +607,7 @@ p.message { display: block; margin: 0 0 15px 0; - @include doubleborder(bottom, $color-light-separator, lighten($color-light-separator, 50%)); + @include doubleborder(bottom, $color-light-separator, $box-shadow-shine); @include legacy-pie-clearfix(); .cms-tree-view-modes { @@ -687,7 +680,8 @@ p.message { overflow-y: auto; overflow-x: hidden; z-index: 70; - @include box-shadow($color-shadow-black 0 2px 3px); + border-right: 1px solid $color-separator; + @include box-shadow($box-shadow-shine -1px 0 0 inset, 0 0 1px $color-shadow-light); float: left; position: relative; @@ -700,7 +694,7 @@ p.message { margin: 0 0 $grid-y - 1; line-height: $grid-y * 3; - @include doubleborder(bottom, $color-light-separator, lighten($color-shadow-light, 95%)); + @include doubleborder(bottom, $color-light-separator, $box-shadow-shine); } .cms-panel-content { @@ -771,7 +765,7 @@ p.message { } &.checkbox { - padding: 0 8px 0; + padding: 0 0 8px; input { margin: 2px 0; @@ -845,6 +839,7 @@ p.message { padding: 4px 6px; border: 1px solid #aaa; margin-bottom: 8px; + background-color: #D9D9D9; @include background-image(linear-gradient(top, #fff, #D9D9D9)); border-top-left-radius: 4px; border-bottom-left-radius: 4px; @@ -969,12 +964,11 @@ select.preview-dropdown { } } } - &.mobile, &.mobileLandscape, &.tablet, &.tabletLandscape { + &.mobile, &.mobileLandscape, &.tablet, &.tabletLandscape, &.desktop { .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%);*/ + padding: 0 16px 16px; background-color: #414141; } } @@ -984,6 +978,7 @@ select.preview-dropdown { width: 335px; /* add 15px for desktop scrollbar */ height: 568px; margin: 30px auto 30px; + padding-top: 16px; .preview-device-inner { width: 335px; @@ -994,6 +989,7 @@ select.preview-dropdown { width: 583px; /* add 15px for desktop scrollbar */ height: 320px; margin: 12% auto; + padding-top: 16px; .preview-device-inner { width: 583px; @@ -1002,7 +998,6 @@ select.preview-dropdown { &.tablet .preview-scroll .preview-device-outer { width: 783px; /* add 15px for desktop scrollbar */ height: 1024px; - padding-top: 0; margin: 0 auto; .preview-device-inner { @@ -1012,7 +1007,6 @@ select.preview-dropdown { &.tabletLandscape .preview-scroll .preview-device-outer { width: 1039px; /* add 15px for desktop scrollbar */ height: 768px; - padding-top: 0; margin: 0 auto; .preview-device-inner { @@ -1021,6 +1015,8 @@ select.preview-dropdown { } &.desktop .preview-scroll .preview-device-outer { width: 1024px; + height: 800px; + margin: 0 auto; } } @@ -1202,11 +1198,13 @@ form.member-profile-form { .cms-panel { overflow: hidden; .cms-panel-toggle { - @include box-shadow(0 0 1px rgba(107, 120, 123, 0.5)); + @include box-shadow(0 0 1px $box-shadow-shine); &.south { - border-top: 1px solid $color-light-separator; + border-top: 1px solid darken($color-base, 6%); + @include box-shadow(lighten($color-base, 4%) 0 1px 0px inset); position: absolute; bottom: 0; + width:100%; } a { display: block; @@ -1229,7 +1227,8 @@ form.member-profile-form { } &.cms-content-tools .cms-panel-toggle { &.south { - border-top: 1px solid #FFF; + border-top: 1px solid darken($tab-panel-texture-color,10%); + @include box-shadow($box-shadow-shine 0 1px 0px inset); } } &.collapsed { @@ -1576,6 +1575,9 @@ body.cms-dialog { .filter &{ margin-bottom:0; } + .Actions { + padding: 0; + } } /** -------------------------------------------- diff --git a/admin/scss/_tree.scss b/admin/scss/_tree.scss index 01f3366d5..5f67260a7 100644 --- a/admin/scss/_tree.scss +++ b/admin/scss/_tree.scss @@ -566,4 +566,4 @@ a .jstree-pageicon { background: url(../images/throbber.gif) top left no-repeat; } } -} \ No newline at end of file +} diff --git a/admin/scss/ie7.scss b/admin/scss/ie7.scss index 5329a0130..4df43006d 100644 --- a/admin/scss/ie7.scss +++ b/admin/scss/ie7.scss @@ -40,8 +40,6 @@ html { } - - //fix for the tree view modes not displaying inline .cms-tree-view-modes { div { @@ -223,4 +221,4 @@ table.ss-gridfield-table { } } -@include IEVerticalPanelText; +@include IEVerticalPanelText; \ No newline at end of file diff --git a/admin/scss/ie8.scss b/admin/scss/ie8.scss index 0fbe309bf..3bbc457f4 100644 --- a/admin/scss/ie8.scss +++ b/admin/scss/ie8.scss @@ -1,6 +1,8 @@ @import 'themes/default'; @import 'ieShared'; + + //IE8 needs this defined inside .cms-panel .cms-panel { @include IEVerticalPanelText; @@ -15,11 +17,7 @@ } } - - .cms .cms-content-tools { - // Visual aid for IE as there are no box-shadows - border-right: 1px solid #CCC; //fix for width of dropdowns in filter panel .cms-panel-content .dropdown select { diff --git a/admin/scss/themes/_default.scss b/admin/scss/themes/_default.scss index b4c779416..01e3c4b7a 100644 --- a/admin/scss/themes/_default.scss +++ b/admin/scss/themes/_default.scss @@ -10,18 +10,23 @@ $color-base: #b0bec7 !default; $color-widget-bg: lighten($color-base, 20%) !default; -$color-dark-bg: #142136 /*#003050*/ !default; +/* Keep as solid colours transparent borders wont work in ie */ +$color-dark-bg: #142136 !default; $color-dark-separator: #19435c !default; $color-medium-separator: #808080 !default; -$color-light-separator: rgba(201, 205, 206, 0.8) !default; +$color-separator: #C0C0C2 !default; +$color-light-separator: #d0d3d5 !default; $color-tab: #d9d9d9 !default; $color-dark-grey: #7B8C91 !default; +/* Only for use as shadows as they wont work in older browsers */ $color-shadow-light: rgba(201, 205, 206, 0.8) !default; $color-shadow-dark: rgba(107, 120, 123, 0.5) !default; $color-shadow-black: rgba(0, 0, 0, 0.6) !default; $color-shadow-blacker: rgba(0, 0, 0, 0.9) !default; +$box-shadow-shine: rgba(248, 248, 248, 0.9); +$box-shadow-shine-minimal: rgba(245, 245, 245, 0.8); $color-highlight: #FFFF66 !default; $color-highlight-opacity: rgba(255, 255, 102, 0.3) !default; @@ -66,7 +71,7 @@ $color-cms-batchactions-menu-selected-background: #efe999 !default; /** ----------------------------------------------- * Textures * ----------------------------------------------- */ -$tab-panel-texture-color: /*#f0f3f4*/ #ECEFF1 !default; +$tab-panel-texture-color: #ECEFF1 !default; $tab-panel-texture-background: $tab-panel-texture-color url(../images/textures/bg_cms_main_content.png) repeat top left !default; /** ----------------------------------------------- diff --git a/admin/templates/Includes/LeftAndMain_SilverStripeNavigator.ss b/admin/templates/Includes/LeftAndMain_SilverStripeNavigator.ss index e3535a804..20aa05a89 100644 --- a/admin/templates/Includes/LeftAndMain_SilverStripeNavigator.ss +++ b/admin/templates/Includes/LeftAndMain_SilverStripeNavigator.ss @@ -1,26 +1,19 @@
- - - - - - + - - - diff --git a/admin/templates/LeftAndMain.ss b/admin/templates/LeftAndMain.ss index dbb6e66aa..41e74c84d 100644 --- a/admin/templates/LeftAndMain.ss +++ b/admin/templates/LeftAndMain.ss @@ -15,7 +15,7 @@
<% _t('CMSPageHistoryController_versions.ss.PREVIEW','Website preview') %>
-
+
diff --git a/templates/Includes/LeftAndMain_ViewModeSelector.ss b/templates/Includes/LeftAndMain_ViewModeSelector.ss new file mode 100644 index 000000000..8506ce356 --- /dev/null +++ b/templates/Includes/LeftAndMain_ViewModeSelector.ss @@ -0,0 +1,12 @@ + + +