/***************** Purple theme ******************/ #modx-leftbar .x-tab-panel-noborder {margin: 0} /*menu*/ .purple-theme #modx-navbar { background: #2C1932 none !important; box-shadow: none; } .purple-theme #modx-navbar ul.modx-subnav li { background: #482b48 none; border-right: 0 none; border-top: 1px solid #2f2030; } .purple-theme #modx-navbar ul.modx-subnav li a { background-color: #3c2644; color: #d7d7d7; } .purple-theme #modx-navbar ul.modx-subnav li a span { color: #C2B0BE; } .purple-theme #modx-navbar ul.modx-subnav li a:hover { background-color: #4a1d50; } .purple-theme #modx-navbar ul.modx-subnav li a:hover span { color: #c3aec0; } .purple-theme #modx-topnav li { border-right: 1px solid #503758; } .purple-theme #modx-navbar .top:after { font-family: FontAwesome; color: #f0e2ec; border: none; right: 15px; top: 21px; content: ""; } .purple-theme #modx-navbar ul.modx-subnav ul.modx-subsubnav { border: 1px solid #826585; } .purple-theme #modx-navbar ul.modx-subnav .has-subnav:after { border: none; color: #f0e2ec; content: ""; font-family: FontAwesome; position: absolute; right: 10px; top: 40%; } .purple-theme .x-menu-list li.x-menu-item-active { background-color: #7D4685; } /*breadrumbs*/ .purple-theme .crumb_wrapper .crumbs li:hover { background-color: #7D4685; } .purple-theme .crumb_wrapper .crumbs li:hover span:before, .purple-theme .crumb_wrapper .crumbs li:hover button:before { background-color: #7D4685; } .purple-theme .crumb_wrapper .crumbs li:hover button, .purple-theme .crumb_wrapper .crumbs li:hover span, .purple-theme .crumb_wrapper .crumbs li:hover span:after { background-color: #7d4685; color: #ffffff; } .purple-theme .crumb_wrapper .crumbs li:hover span:after, .purple-theme .crumb_wrapper .crumbs li:hover button:after { border-color: #fbfbfb #fbfbfb #7d4685 #7d4685; } .purple-theme .crumb_wrapper .crumbs li:hover + li span::before, .purple-theme .crumb_wrapper .crumbs li:hover + li button::before { border-left-color: #7d4685; } /*tree*/ .purple-theme #modx-leftbar {background-color: #342033 !important;} .purple-theme #modx-leftbar-tabpanel .x-tab-panel-body-noborder, .purple-theme #modx-leftbar-tabpanel .x-tree .x-panel-body { background-color: #342033; border-radius: 0; } /*collapse button*/ .purple-theme #modx-leftbar-tabs-xsplit .x-layout-mini-east {left: -2px;} .purple-theme #modx-leftbar-tabs-xcollapsed .x-layout-mini, .purple-theme #modx-leftbar-tabs-xsplit .x-layout-mini { top: 43px !important; } /*.purple-theme #modx-leftbar-tabs-xsplit .x-layout-mini:after, .purple-theme #modx-leftbar-tabs-xcollapsed .x-layout-mini:after { border-right: 5px solid #781278; }*/ .purple-theme .x-layout-split-west .x-layout-mini:hover:after, .purple-theme .x-layout-collapsed-east .x-layout-mini:hover:after { border-right-color: #cd36ae !important; } .purple-theme .x-layout-split-east .x-layout-mini:hover:after, .purple-theme .x-layout-collapsed-west .x-layout-mini:hover:after { border-left-color: #cd36ae !important; } /*tabs*/ .purple-theme #modx-leftbar .x-tab-panel-header {background: #342033 !important;} .purple-theme #modx-leftbar-tabpanel .x-tab-strip li {color: #a0a0a0;} .purple-theme #modx-leftbar-tabpanel .x-tab-strip li:hover {color: #dfdfdf;} .purple-theme #modx-leftbar-tabpanel .x-tab-strip li.x-tab-strip-active { background-color: #4A364A ; box-shadow: 0 -5px 0 #b23aba, -1px 0 0 transparent, 0 1px 2px #555, 0 0 7px #151515; color: #fff; } .purple-theme #modx-leftbar-tabpanel .x-tab-strip li.x-tab-strip-active::before {background: transparent;} /*toolbar*/ .purple-theme #modx-leftbar-tabpanel > .x-tab-panel-bwrap > .x-tab-panel-body {border-radius: 0;} .purple-theme #modx-leftbar-tabpanel .x-toolbar-cell .x-btn-noicon, .purple-theme #modx-leftbar .x-toolbar-ct .x-toolbar-right #emptifier.x-btn { background-color: transparent; color: #FFF !important; margin-right: 10px; opacity: 0.6; } .purple-theme #modx-leftbar .x-toolbar-ct .x-toolbar-right #emptifier.x-item-disabled { opacity: 0.3; } .purple-theme #modx-leftbar-tabpanel .x-toolbar-cell .x-btn-noicon:hover, .purple-theme #modx-leftbar .x-toolbar-ct .x-toolbar-right #emptifier.x-btn:not(.x-item-disabled):hover { opacity: 0.9; } .purple-theme #modx-resource-tree-tbar, .purple-theme #modx-tree-element .x-panel-tbar { background: #4A364A !important; } .purple-theme #modx-resource-tree-tbar .x-toolbar-left .x-btn:first-child, .purple-theme #modx-tree-element .x-toolbar-left .x-btn:first-child { margin-left: 5px !important; } /*tree nodes*/ .purple-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-node-el, .purple-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-node-el span, .purple-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-node-el .icon { background-color: #342033; color: #d7d7d7; } /*selected node*/ .purple-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-selected, .purple-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-selected span, .purple-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-selected .icon { background-color: #432d42; } /*hovered node*/ .purple-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-node-el.x-tree-node-over, .purple-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-node-el.x-tree-node-over span, .purple-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-node-el.x-tree-node-over .icon { background-color: #442f44; } .purple-theme #modx-leftbar-tabpanel .x-tree-arrows .x-tree-elbow-plus:hover, .purple-theme #modx-leftbar-tabpanel .x-tree-arrows .x-tree-elbow-minus:hover { background-color: #a440ab; } /*hidden in menu*/ .purple-theme #modx-leftbar-tabpanel .x-tree-node .hidemenu, .purple-theme #modx-leftbar-tabpanel .x-tree-node .hidemenu span, .purple-theme #modx-leftbar-tabpanel .x-tree-node .hidemenu .icon { color: #d7d7d7 !important; opacity: 0.7; font-style: normal; } /*unpublished*/ .purple-theme #modx-leftbar-tabpanel .x-tree-node .unpublished , .purple-theme #modx-leftbar-tabpanel .x-tree-node .unpublished span { font-style: italic; } /*disabled elements nodes*/ .purple-theme #modx-leftbar-tabpanel .x-tree-node .element-node-disabled, .purple-theme #modx-leftbar-tabpanel .x-tree-node .element-node-disabled span, .purple-theme #modx-leftbar-tabpanel .x-tree-node .element-node-disabled i.icon { opacity: 0.7; } .purple-theme #modx-leftbar-tabpanel .x-tree-node .element-node-disabled, .purple-theme #modx-leftbar-tabpanel .x-tree-node .element-node-disabled span { font-style: italic; } /*deleted resources nodes*/ .purple-theme #modx-leftbar-tabpanel .x-tree-node .deleted, .purple-theme #modx-leftbar-tabpanel .x-tree-node .deleted span, .purple-theme #modx-leftbar-tabpanel .x-tree-node .deleted i.icon, .purple-theme #modx-leftbar-tabpanel .x-tree-node .deleted i.icon-large { color: #ff8085 !important; opacity: 0.85; } /*favorites*/ .purple-theme #modx-leftbar-tabpanel .x-tree-node .x-element-favorite > a span, .purple-theme #modx-leftbar-tabpanel .x-tree-node .x-element-favorite > .icon { color: #85e6af !important; } /*root*/ .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el, .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el span, .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el .icon, .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el.x-tree-node-expanded, .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el.x-tree-node-expanded span, .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el.x-tree-node-expanded .icon { background-color: #2C1932; } .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el.x-tree-node-over, .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el.x-tree-node-over span, .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el.x-tree-node-over .icon { background-color: #261326; } .purple-theme .tree-pseudoroot-node.x-tree-node-el.ec-over { background-color: transparent; } .purple-theme #modx-leftbar-tabpanel .x-tree-arrows .tree-pseudoroot-node .x-tree-elbow-end-plus:hover, .purple-theme #modx-leftbar-tabpanel .x-tree-arrows .tree-pseudoroot-node .x-tree-elbow-end-minus:hover { background-color: #622f69; } /*node toolbar*/ .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el .modx-tree-node-tool-ct { right: 16px; } .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el .modx-tree-node-tool-ct, .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el .modx-tree-node-tool-ct .x-btn { color: #a0a0a0 !important; opacity: 0.8; } .purple-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el .modx-tree-node-tool-ct .x-btn-over { color: #FFF !important; box-shadow: none; } /*mask*/ .purple-theme #modx-leftbar-tabpanel .ext-el-mask {background-color: #111;} /*horizontal scrollbar*/ .tree-pseudoroot-node.x-tree-node-el + .x-tree-node-ct, .tree-pseudoroot-node.x-tree-node-el + div > .x-tree-node-ct { overflow-x: hidden; } /*horizontal form tab*/ .purple-theme .x-tab-strip li { color: #694A6C; } .purple-theme .x-tab-strip li.x-tab-strip-active { box-shadow: 0 -3px 0 #b23aba, -1px 0 0 transparent; color: #803688; } /*vertical tabs*/ .purple-theme .vertical-tabs-panel .vertical-tabs-header .x-tab-strip-wrap ul.x-tab-strip > li.x-tab-strip-active { background: #fff none; border-color: #7d4685 #fff #7d4685 #7d4685; box-shadow: none; color: #7d4685; width: 169px; } /*combobox list*/ .purple-theme .x-combo-list .x-combo-list-inner { background-color: #fff; border: 1px solid #d3d0d0; border-top: 1px solid #b72db1; } .purple-theme .x-combo-list .x-toolbar { box-shadow: 0 0 0 1px #d3d0d0; } /*date picker*/ .purple-theme .x-date-inner .x-date-today a { border-color: #b72db1; } .purple-theme .x-date-inner .x-date-selected a, .purple-theme td.x-date-mp-sel a { background-color: #b72db1; color: #FFF; } .purple-theme .x-date-inner a:hover, .purple-theme .x-date-inner .x-date-prevday a:hover, .purple-theme .x-date-inner .x-date-nextday a:hover, .purple-theme .x-date-inner .x-date-disabled a:hover, .purple-theme td.x-date-mp-month a:hover, .purple-theme td.x-date-mp-year a:hover { background-color: #ffb1ff; color: #612d70; } .purple-theme .x-date-right a:before, .purple-theme .x-date-left a:before, .purple-theme .x-date-mp-ybtn a.x-date-mp-prev:before, .purple-theme .x-date-mp-ybtn a.x-date-mp-next:before { color: #b72db1; } .purple-theme .x-combo-list .x-combo-list-item.x-combo-selected { background-color: #f5e7f8; } /*action buttons*/ .purple-theme .x-btn:hover, .purple-theme button.x-btn:hover, .purple-theme .inline-button:hover, .purple-theme .x-superboxselect-item:hover, .purple-theme .x-form-trigger:hover, .purple-theme .x-date-mp-ok:hover, .purple-theme .x-date-mp-cancel:hover, .purple-theme .x-btn-focus.x-btn, .purple-theme .actions button.x-btn-focus, .purple-theme .x-btn-focus.inline-button, .purple-theme .x-btn-focus.x-superboxselect-item, .purple-theme .x-btn-focus.x-form-trigger, .purple-theme .x-btn-focus.x-date-mp-ok, .purple-theme .x-btn-focus.x-date-mp-cancel, .purple-theme .x-btn:focus, .purple-theme .actions button:focus, .purple-theme .actions button.controlBtn:hover, .purple-theme .inline-button:focus, .purple-theme .x-superboxselect-item:focus, .purple-theme .x-form-trigger:focus, .purple-theme .x-date-mp-ok:focus, .purple-theme .x-date-mp-cancel:focus { background-color: #922b98; box-shadow: 0 0 0 1px #773585; } .purple-theme .x-btn-focus.x-item-disabled { color: #fff; } .purple-theme .primary-button.x-btn, .purple-theme .actions button.primary-button, .purple-theme .primary-button.inline-button, .purple-theme .primary-button.x-superboxselect-item, .purple-theme .primary-button.x-form-trigger, .purple-theme .primary-button.x-date-mp-ok, .purple-theme .primary-button.x-date-mp-cancel { background-color: #67216d; background-image: linear-gradient(#944b9c, #67216d); color: #fff; } .purple-theme .primary-button.x-btn:hover, .purple-theme .actions button.primary-button:hover, .purple-theme .primary-button.inline-button:hover, .purple-theme .primary-button.x-superboxselect-item:hover, .purple-theme .primary-button.x-form-trigger:hover, .purple-theme .primary-button.x-date-mp-ok:hover, .purple-theme .primary-button.x-date-mp-cancel:hover { background-color: #67216d !important; background-image: linear-gradient(#67216d, #56205c); } .purple-theme #modx-leftbar .x-btn:hover { background-color: transparent; } /*focused form field*/ .purple-theme .x-trigger-wrap-focus, .purple-theme input.x-form-focus, .purple-theme textarea.x-form-focus, .purple-theme .x-form-textarea.x-form-focus { border-color: #b72db1; } .purple-theme .x-toolbar .x-form-field-trigger-wrap.x-trigger-wrap-focus { box-shadow: 0 0 0 1px #b72db1; } /*window tools buttons*/ .purple-theme .x-tool:hover { background: #b72db1 none; color: #fff; } /*links*/ body.purple-theme a { color: #a92ca3; } body.purple-theme .news_article a:hover { color: #f11fff; } .purple-theme .x-form-check-wrap .x-form-checkbox:hover + .x-form-cb-label::before, .purple-theme .x-form-check-wrap .x-form-checkbox:hover + .x-fieldset-header-text::before, .purple-theme .x-form-check-wrap .x-form-checkbox:focus + .x-form-cb-label::before, .purple-theme .x-form-check-wrap .x-form-checkbox:focus + .x-fieldset-header-text::before, .purple-theme .x-form-check-wrap input[type="checkbox"]:hover + .x-form-cb-label::before, .purple-theme .x-form-check-wrap input[type="checkbox"]:hover + .x-fieldset-header-text::before, .purple-theme .x-form-check-wrap input[type="checkbox"]:focus + .x-form-cb-label::before, .purple-theme .x-form-check-wrap input[type="checkbox"]:focus + .x-fieldset-header-text::before, .purple-theme .x-form-check-wrap .x-form-radio:hover + .x-form-cb-label::before, .purple-theme .x-form-check-wrap .x-form-radio:hover + .x-fieldset-header-text::before, .purple-theme .x-form-check-wrap .x-form-radio:focus + .x-form-cb-label::before, .purple-theme .x-form-check-wrap .x-form-radio:focus + .x-fieldset-header-text::before, .purple-theme .x-fieldset-checkbox-toggle legend .x-form-checkbox:hover + .x-form-cb-label::before, .purple-theme .x-fieldset-checkbox-toggle legend .x-form-checkbox:hover + .x-fieldset-header-text::before, .purple-theme .x-fieldset-checkbox-toggle legend .x-form-checkbox:focus + .x-form-cb-label::before, .purple-theme .x-fieldset-checkbox-toggle legend .x-form-checkbox:focus + .x-fieldset-header-text::before, .purple-theme .x-fieldset-checkbox-toggle legend input[type="checkbox"]:hover + .x-form-cb-label::before, .purple-theme .x-fieldset-checkbox-toggle legend input[type="checkbox"]:hover + .x-fieldset-header-text::before, .purple-theme .x-fieldset-checkbox-toggle legend input[type="checkbox"]:focus + .x-form-cb-label::before, .purple-theme .x-fieldset-checkbox-toggle legend input[type="checkbox"]:focus + .x-fieldset-header-text::before, .purple-theme .x-fieldset-checkbox-toggle legend .x-form-radio:hover + .x-form-cb-label::before, .purple-theme .x-fieldset-checkbox-toggle legend .x-form-radio:hover + .x-fieldset-header-text::before, .purple-theme .x-fieldset-checkbox-toggle legend .x-form-radio:focus + .x-form-cb-label::before, .purple-theme .x-fieldset-checkbox-toggle legend .x-form-radio:focus + .x-fieldset-header-text::before { color: #a636cd; } /*progressbar*/ .purple-theme .x-progress-wrap {border: 1px solid #b72db1;} .purple-theme .x-progress-wrap .x-progress-inner {background-color: #f8e3f6;} .purple-theme .x-progress-wrap .x-progress-bar {background-color: #b234b6;} /*x-tip*/ .purple-theme .x-tip { background-color: #624b69; border: 1px solid #967a99; } /*search-bar*/ .purple-theme #modx-manager-search:after { border-color: transparent transparent #68426A; } .purple-theme #modx-manager-search { background-color: #68426A; border-color: #462b48; } .purple-theme .modx-manager-search-results .x-combo-list-inner{ background-color: #513854; border-color: #633C66; box-sizing: border-box; } .purple-theme .modx-manager-search-results .section h3, .purple-theme .modx-manager-search-results .section i.icon { color: #E7A3E7; } .purple-theme .modx-manager-search-results .x-combo-list-item a { color: #FFF; } .purple-theme .modx-manager-search-results .section .x-combo-selected a { color: #513854; } .purple-theme .modx-manager-search-results .section .x-combo-selected i.icon { color: #986b98; } .purple-theme .modx-manager-search-results .x-combo-list .x-combo-list-inner { border: 1px solid #68426a; } /*help page*/ .purple-theme #managerbuttons ul li a:hover span.icon, .purple-theme #aboutMODX a { color: #a92ca3; } .purple-theme #aboutMODX a:hover { background-color: #a92ca3; color: #fff } /*resource groups*/ .purple-theme #modx-content .x-toolbar .x-btn-over:not(.primary-button) {color: #a92ca3;} .purple-theme .tree-pseudoroot-node.x-tree-node-el, .purple-theme .tree-pseudoroot-node.x-tree-node-el span, .purple-theme .tree-pseudoroot-node.x-tree-node-el > .icon { background-color: #f0f0f0; color: #7d4681; } .purple-theme .tree-pseudoroot-node.x-tree-node-el.x-tree-node-over { color: #864496; } .purple-theme #modx-content .x-tree-arrows .x-tree-elbow-plus:hover, .purple-theme #modx-content .x-tree-arrows .x-tree-elbow-end-plus:hover, .purple-theme #modx-content .x-tree-arrows .x-tree-elbow-minus:hover, .purple-theme #modx-content .x-tree-arrows .x-tree-elbow-end-minus:hover { background-color: #864496; color: #FFF; } .purple-theme #modx-content .x-tree-node-el { color: #93589f; } .purple-theme #modx-content .x-tree-node-el a span { color: #733f7f; } .purple-theme #modx-content .hidemenu i.icon, .purple-theme #modx-content .hidemenu i.icon-large, .purple-theme #modx-content .hidemenu a span i.icon, .purple-theme #modx-content .hidemenu a span i.icon-large, .purple-theme #modx-content .hidemenu a span { color: #7f707c !important; } .purple-theme #modx-content .deleted i.icon, .purple-theme #modx-content .deleted i.icon-large, .purple-theme #modx-content .deleted a span i.icon, .purple-theme #modx-content .deleted a span i.icon-large, .purple-theme #modx-content .deleted a span { color: #f84251 !important; }