| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188 |
- /***************** Dark theme ******************/
- #modx-leftbar .x-tab-panel-noborder {margin: 0}
- /*menu*/
- .dark-theme #modx-navbar {
- background: #272e3c none !important;
- box-shadow: none;
- }
- .dark-theme #modx-navbar ul.modx-subnav li a {
- background-color: #2b3948;
- }
- .dark-theme #modx-navbar ul.modx-subnav li a:hover {
- background: #1f2736;
- }
- .dark-theme #modx-navbar ul.modx-subnav .has-subnav:after {
- border: none;
- color: #97aab4;
- content: "";
- font-family: FontAwesome;
- position: absolute;
- right: 10px;
- top: 40%;
- }
- /*tree*/
- .dark-theme #modx-leftbar {background-color: #202735 !important;}
- .dark-theme #modx-leftbar-tabpanel .x-tab-panel-body-noborder,
- .dark-theme #modx-leftbar-tabpanel .x-tree .x-panel-body {
- background-color: #202735;
- border-radius: 0;
- }
- /*collapse button*/
- .dark-theme #modx-leftbar-tabs-xsplit .x-layout-mini-east {left: -2px;}
- .dark-theme #modx-leftbar-tabs-xcollapsed .x-layout-mini,
- .dark-theme #modx-leftbar-tabs-xsplit .x-layout-mini {
- top: 43px !important;
- }
- /*tabs*/
- .dark-theme #modx-leftbar .x-tab-panel-header {background: #202735 !important;}
- .dark-theme #modx-leftbar-tabpanel .x-tab-strip li {color: #a0a0a0;}
- .dark-theme #modx-leftbar-tabpanel .x-tab-strip li:hover {color: #dfdfdf;}
- .dark-theme #modx-leftbar-tabpanel .x-tab-strip li.x-tab-strip-active {
- background-color: #323e4c; /*#219a8f*/
- box-shadow: 0 -5px 0 #3A9ABA, -1px 0 0 transparent, 0 1px 2px #555, 0 0 7px #151515;
- color: #fff;
- }
- .dark-theme #modx-leftbar-tabpanel .x-tab-strip li.x-tab-strip-active::before {background: transparent;}
- /*toolbar*/
- .dark-theme #modx-leftbar-tabpanel > .x-tab-panel-bwrap > .x-tab-panel-body {border-radius: 0;}
- .dark-theme #modx-leftbar-tabpanel .x-toolbar-cell .x-btn-noicon,
- .dark-theme #modx-leftbar .x-toolbar-ct .x-toolbar-right #emptifier.x-btn {
- background-color: transparent;
- color: #FFF !important;
- margin-right: 10px;
- opacity: 0.6;
- }
- .dark-theme #modx-leftbar .x-toolbar-ct .x-toolbar-right #emptifier.x-item-disabled {
- opacity: 0.3;
- }
- .dark-theme #modx-leftbar-tabpanel .x-toolbar-cell .x-btn-noicon:hover,
- .dark-theme #modx-leftbar .x-toolbar-ct .x-toolbar-right #emptifier.x-btn:not(.x-item-disabled):hover {
- opacity: 0.9;
- }
- .dark-theme #modx-resource-tree-tbar,
- .dark-theme #modx-tree-element .x-panel-tbar {
- background: #323e4c !important; /*26313E*/
- }
- .dark-theme #modx-resource-tree-tbar .x-toolbar-left .x-btn:first-child,
- .dark-theme #modx-tree-element .x-toolbar-left .x-btn:first-child {
- margin-left: 5px !important;
- }
- /*tree nodes*/
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-node-el,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-node-el span,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-node-el .icon {
- background-color: #202735;
- color: #d7d7d7;
- }
- /*selected node*/
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-selected,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-selected span,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-selected .icon {
- background-color: #343b4c;
- }
- /*hover a node*/
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-node-el.x-tree-node-over,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-node-el.x-tree-node-over span,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .x-tree-node-el.x-tree-node-over .icon {
- background-color: #111e2d;
- }
- /*hidden in menu*/
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .hidemenu,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .hidemenu span,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .hidemenu .icon {
- color: #d7d7d7 !important;
- opacity: 0.7;
- font-style: normal;
- }
- /*unpublished*/
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .unpublished ,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .unpublished span {
- font-style: italic;
- }
- /*disabled elements nodes*/
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .element-node-disabled,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .element-node-disabled span,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .element-node-disabled i.icon {
- opacity: 0.7;
- }
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .element-node-disabled,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .element-node-disabled span {
- font-style: italic;
- }
- /*deleted resources nodes*/
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .deleted,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .deleted span,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .deleted i.icon,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .deleted i.icon-large {
- color: #ff675d !important;
- opacity: 0.85;
- }
- /*favorites*/
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .x-element-favorite > a span,
- .dark-theme #modx-leftbar-tabpanel .x-tree-node .x-element-favorite > .icon {
- color: #85e6af !important;
- }
- /*root*/
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el,
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el span,
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el .icon,
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el.x-tree-node-expanded,
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el.x-tree-node-expanded span,
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el.x-tree-node-expanded .icon {
- background-color: #111e2d;
- }
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el.x-tree-node-over,
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el.x-tree-node-over span,
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el.x-tree-node-over .icon {
- background-color: #111222;
- }
- .dark-theme .tree-pseudoroot-node.x-tree-node-el.ec-over {
- background-color: transparent;
- }
- .dark-theme #modx-leftbar-tabpanel .x-tree-arrows .x-tree-elbow-plus:hover,
- .dark-theme #modx-leftbar-tabpanel .x-tree-arrows .x-tree-elbow-minus:hover,
- .dark-theme #modx-leftbar-tabpanel .x-tree-arrows .x-tree-elbow-end-plus:hover,
- .dark-theme #modx-leftbar-tabpanel .x-tree-arrows .x-tree-elbow-end-minus:hover {
- background-color: #404952;
- }
- /*node toolbar*/
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el .modx-tree-node-tool-ct {
- right: 16px;
- }
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el .modx-tree-node-tool-ct,
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el .modx-tree-node-tool-ct .x-btn {
- color: #a0a0a0 !important;
- opacity: 0.8;
- }
- .dark-theme #modx-leftbar-tabpanel .tree-pseudoroot-node.x-tree-node-el .modx-tree-node-tool-ct .x-btn-over {
- color: #FFF !important;
- }
- /*mask*/
- .dark-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;
- }
- .dark-theme .primary-button.x-btn,
- .dark-theme .actions button.primary-button,
- .dark-theme .primary-button.inline-button,
- .dark-theme .primary-button.x-superboxselect-item,
- .dark-theme .primary-button.x-form-trigger,
- .dark-theme .primary-button.x-date-mp-ok,
- .dark-theme .primary-button.x-date-mp-cancel {
- background-color: #3697CD;
- background-image: linear-gradient(#3697cd, #306797);
- color: #fff;
- }
- .dark-theme .primary-button.x-btn:hover,
- .dark-theme .actions button.primary-button:hover,
- .dark-theme .primary-button.inline-button:hover,
- .dark-theme .primary-button.x-superboxselect-item:hover,
- .dark-theme .primary-button.x-form-trigger:hover,
- .dark-theme .primary-button.x-date-mp-ok:hover,
- .dark-theme .primary-button.x-date-mp-cancel:hover {
- background-color: #306797 !important;
- background-image: linear-gradient(#306797, #305888);
- }
|