You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1092 lines
28 KiB
1092 lines
28 KiB
/*
|
|
* params: name, background, backgroundHover, item, itemHover, itemDisabled, divider, dropdown-toggle
|
|
*/
|
|
.app-bar.pink {
|
|
background-color: #dc4fad;
|
|
}
|
|
.app-bar.pink .app-bar-element:hover,
|
|
.app-bar.pink .app-bar-menu > li:hover,
|
|
.app-bar.pink .app-bar-menu > li > a:hover,
|
|
.app-bar.pink .app-bar-element:active,
|
|
.app-bar.pink .app-bar-menu > li:active,
|
|
.app-bar.pink .app-bar-menu > li > a:active {
|
|
background-color: #9a165a;
|
|
}
|
|
.app-bar.pink .app-bar-divider {
|
|
background-color: #f472d0;
|
|
}
|
|
.app-bar.pink .app-bar-element .d-menu,
|
|
.app-bar.pink .app-bar-menu > li .d-menu {
|
|
background-color: #dc4fad;
|
|
border-color: transparent;
|
|
}
|
|
.app-bar.pink .app-bar-element .d-menu li:not(.disabled) > a,
|
|
.app-bar.pink .app-bar-menu > li .d-menu li:not(.disabled) > a,
|
|
.app-bar.pink .app-bar-element .d-menu li > a,
|
|
.app-bar.pink .app-bar-menu > li .d-menu li > a {
|
|
background-color: #dc4fad;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.pink .app-bar-element .d-menu li:not(.disabled) > a:hover,
|
|
.app-bar.pink .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
|
|
.app-bar.pink .app-bar-element .d-menu li > a:hover,
|
|
.app-bar.pink .app-bar-menu > li .d-menu li > a:hover {
|
|
background-color: #9a165a;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.pink .app-bar-element .d-menu li:hover > a,
|
|
.app-bar.pink .app-bar-menu > li .d-menu li:hover > a {
|
|
background-color: #9a165a;
|
|
}
|
|
.app-bar.pink .app-bar-element .d-menu .divider,
|
|
.app-bar.pink .app-bar-menu > li .d-menu .divider {
|
|
background-color: #f472d0;
|
|
}
|
|
.app-bar.pink .app-bar-element .d-menu .divider:hover,
|
|
.app-bar.pink .app-bar-menu > li .d-menu .divider:hover {
|
|
background-color: #f472d0;
|
|
}
|
|
.app-bar.pink .app-bar-element .dropdown-toggle:before,
|
|
.app-bar.pink .app-bar-menu li .dropdown-toggle:before {
|
|
border-color: #ffffff;
|
|
}
|
|
.app-bar.pink .app-bar-element.disabled,
|
|
.app-bar.pink .app-bar-menu li.disabled,
|
|
.app-bar.pink .app-bar-element:disabled,
|
|
.app-bar.pink .app-bar-menu li:disabled {
|
|
color: #555555;
|
|
}
|
|
.app-bar.pink .app-bar-element.disabled a,
|
|
.app-bar.pink .app-bar-menu li.disabled a,
|
|
.app-bar.pink .app-bar-element:disabled a,
|
|
.app-bar.pink .app-bar-menu li:disabled a {
|
|
color: inherit !important;
|
|
}
|
|
.app-bar.pink .app-bar-pullbutton:hover {
|
|
background-color: #9a165a;
|
|
}
|
|
.app-bar.pink .app-bar-drop-container {
|
|
border: 2px solid #dc4fad;
|
|
background-color: #dc4fad;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.pink .app-bar-drop-container:before {
|
|
background-color: #dc4fad;
|
|
border-color: #dc4fad;
|
|
}
|
|
.app-bar.pink .app-bar-pullmenu .app-bar-menu {
|
|
border-top: 1px solid #f472d0;
|
|
background-color: #f472d0;
|
|
}
|
|
.app-bar.pink .app-bar-pullmenu .app-bar-menu li:hover {
|
|
background-color: #dc4fad;
|
|
}
|
|
.app-bar.pink .app-bar-pullmenu .app-bar-menu li:hover a {
|
|
background-color: #9a165a;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.darcula {
|
|
background-color: #3c3f41;
|
|
}
|
|
.app-bar.darcula .app-bar-element:hover,
|
|
.app-bar.darcula .app-bar-menu > li:hover,
|
|
.app-bar.darcula .app-bar-menu > li > a:hover,
|
|
.app-bar.darcula .app-bar-element:active,
|
|
.app-bar.darcula .app-bar-menu > li:active,
|
|
.app-bar.darcula .app-bar-menu > li > a:active {
|
|
background-color: #1d1d1d;
|
|
}
|
|
.app-bar.darcula .app-bar-divider {
|
|
background-color: #616162;
|
|
}
|
|
.app-bar.darcula .app-bar-element .d-menu,
|
|
.app-bar.darcula .app-bar-menu > li .d-menu {
|
|
background-color: #3c3f41;
|
|
border-color: transparent;
|
|
}
|
|
.app-bar.darcula .app-bar-element .d-menu li:not(.disabled) > a,
|
|
.app-bar.darcula .app-bar-menu > li .d-menu li:not(.disabled) > a,
|
|
.app-bar.darcula .app-bar-element .d-menu li > a,
|
|
.app-bar.darcula .app-bar-menu > li .d-menu li > a {
|
|
background-color: #3c3f41;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.darcula .app-bar-element .d-menu li:not(.disabled) > a:hover,
|
|
.app-bar.darcula .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
|
|
.app-bar.darcula .app-bar-element .d-menu li > a:hover,
|
|
.app-bar.darcula .app-bar-menu > li .d-menu li > a:hover {
|
|
background-color: #1d1d1d;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.darcula .app-bar-element .d-menu li:hover > a,
|
|
.app-bar.darcula .app-bar-menu > li .d-menu li:hover > a {
|
|
background-color: #1d1d1d;
|
|
}
|
|
.app-bar.darcula .app-bar-element .d-menu .divider,
|
|
.app-bar.darcula .app-bar-menu > li .d-menu .divider {
|
|
background-color: #616162;
|
|
}
|
|
.app-bar.darcula .app-bar-element .d-menu .divider:hover,
|
|
.app-bar.darcula .app-bar-menu > li .d-menu .divider:hover {
|
|
background-color: #616162;
|
|
}
|
|
.app-bar.darcula .app-bar-element .dropdown-toggle:before,
|
|
.app-bar.darcula .app-bar-menu li .dropdown-toggle:before {
|
|
border-color: #ffffff;
|
|
}
|
|
.app-bar.darcula .app-bar-element.disabled,
|
|
.app-bar.darcula .app-bar-menu li.disabled,
|
|
.app-bar.darcula .app-bar-element:disabled,
|
|
.app-bar.darcula .app-bar-menu li:disabled {
|
|
color: #555555;
|
|
}
|
|
.app-bar.darcula .app-bar-element.disabled a,
|
|
.app-bar.darcula .app-bar-menu li.disabled a,
|
|
.app-bar.darcula .app-bar-element:disabled a,
|
|
.app-bar.darcula .app-bar-menu li:disabled a {
|
|
color: inherit !important;
|
|
}
|
|
.app-bar.darcula .app-bar-pullbutton:hover {
|
|
background-color: #1d1d1d;
|
|
}
|
|
.app-bar.darcula .app-bar-drop-container {
|
|
border: 2px solid #3c3f41;
|
|
background-color: #3c3f41;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.darcula .app-bar-drop-container:before {
|
|
background-color: #3c3f41;
|
|
border-color: #3c3f41;
|
|
}
|
|
.app-bar.darcula .app-bar-pullmenu .app-bar-menu {
|
|
border-top: 1px solid #616162;
|
|
background-color: #616162;
|
|
}
|
|
.app-bar.darcula .app-bar-pullmenu .app-bar-menu li:hover {
|
|
background-color: #3c3f41;
|
|
}
|
|
.app-bar.darcula .app-bar-pullmenu .app-bar-menu li:hover a {
|
|
background-color: #1d1d1d;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.navy {
|
|
background-color: #0072c6;
|
|
}
|
|
.app-bar.navy .app-bar-element:hover,
|
|
.app-bar.navy .app-bar-menu > li:hover,
|
|
.app-bar.navy .app-bar-menu > li > a:hover,
|
|
.app-bar.navy .app-bar-element:active,
|
|
.app-bar.navy .app-bar-menu > li:active,
|
|
.app-bar.navy .app-bar-menu > li > a:active {
|
|
background-color: #005696;
|
|
}
|
|
.app-bar.navy .app-bar-divider {
|
|
background-color: #4c9cd7;
|
|
}
|
|
.app-bar.navy .app-bar-element .d-menu,
|
|
.app-bar.navy .app-bar-menu > li .d-menu {
|
|
background-color: #0072c6;
|
|
border-color: transparent;
|
|
}
|
|
.app-bar.navy .app-bar-element .d-menu li:not(.disabled) > a,
|
|
.app-bar.navy .app-bar-menu > li .d-menu li:not(.disabled) > a,
|
|
.app-bar.navy .app-bar-element .d-menu li > a,
|
|
.app-bar.navy .app-bar-menu > li .d-menu li > a {
|
|
background-color: #0072c6;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.navy .app-bar-element .d-menu li:not(.disabled) > a:hover,
|
|
.app-bar.navy .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
|
|
.app-bar.navy .app-bar-element .d-menu li > a:hover,
|
|
.app-bar.navy .app-bar-menu > li .d-menu li > a:hover {
|
|
background-color: #005696;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.navy .app-bar-element .d-menu li:hover > a,
|
|
.app-bar.navy .app-bar-menu > li .d-menu li:hover > a {
|
|
background-color: #005696;
|
|
}
|
|
.app-bar.navy .app-bar-element .d-menu .divider,
|
|
.app-bar.navy .app-bar-menu > li .d-menu .divider {
|
|
background-color: #4c9cd7;
|
|
}
|
|
.app-bar.navy .app-bar-element .d-menu .divider:hover,
|
|
.app-bar.navy .app-bar-menu > li .d-menu .divider:hover {
|
|
background-color: #4c9cd7;
|
|
}
|
|
.app-bar.navy .app-bar-element .dropdown-toggle:before,
|
|
.app-bar.navy .app-bar-menu li .dropdown-toggle:before {
|
|
border-color: #ffffff;
|
|
}
|
|
.app-bar.navy .app-bar-element.disabled,
|
|
.app-bar.navy .app-bar-menu li.disabled,
|
|
.app-bar.navy .app-bar-element:disabled,
|
|
.app-bar.navy .app-bar-menu li:disabled {
|
|
color: #555555;
|
|
}
|
|
.app-bar.navy .app-bar-element.disabled a,
|
|
.app-bar.navy .app-bar-menu li.disabled a,
|
|
.app-bar.navy .app-bar-element:disabled a,
|
|
.app-bar.navy .app-bar-menu li:disabled a {
|
|
color: inherit !important;
|
|
}
|
|
.app-bar.navy .app-bar-pullbutton:hover {
|
|
background-color: #005696;
|
|
}
|
|
.app-bar.navy .app-bar-drop-container {
|
|
border: 2px solid #0072c6;
|
|
background-color: #0072c6;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.navy .app-bar-drop-container:before {
|
|
background-color: #0072c6;
|
|
border-color: #0072c6;
|
|
}
|
|
.app-bar.navy .app-bar-pullmenu .app-bar-menu {
|
|
border-top: 1px solid #4c9cd7;
|
|
background-color: #4c9cd7;
|
|
}
|
|
.app-bar.navy .app-bar-pullmenu .app-bar-menu li:hover {
|
|
background-color: #0072c6;
|
|
}
|
|
.app-bar.navy .app-bar-pullmenu .app-bar-menu li:hover a {
|
|
background-color: #005696;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.red {
|
|
background-color: #ce352c;
|
|
}
|
|
.app-bar.red .app-bar-element:hover,
|
|
.app-bar.red .app-bar-menu > li:hover,
|
|
.app-bar.red .app-bar-menu > li > a:hover,
|
|
.app-bar.red .app-bar-element:active,
|
|
.app-bar.red .app-bar-menu > li:active,
|
|
.app-bar.red .app-bar-menu > li > a:active {
|
|
background-color: #9a1616;
|
|
}
|
|
.app-bar.red .app-bar-divider {
|
|
background-color: #da5a53;
|
|
}
|
|
.app-bar.red .app-bar-element .d-menu,
|
|
.app-bar.red .app-bar-menu > li .d-menu {
|
|
background-color: #ce352c;
|
|
border-color: transparent;
|
|
}
|
|
.app-bar.red .app-bar-element .d-menu li:not(.disabled) > a,
|
|
.app-bar.red .app-bar-menu > li .d-menu li:not(.disabled) > a,
|
|
.app-bar.red .app-bar-element .d-menu li > a,
|
|
.app-bar.red .app-bar-menu > li .d-menu li > a {
|
|
background-color: #ce352c;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.red .app-bar-element .d-menu li:not(.disabled) > a:hover,
|
|
.app-bar.red .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
|
|
.app-bar.red .app-bar-element .d-menu li > a:hover,
|
|
.app-bar.red .app-bar-menu > li .d-menu li > a:hover {
|
|
background-color: #9a1616;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.red .app-bar-element .d-menu li:hover > a,
|
|
.app-bar.red .app-bar-menu > li .d-menu li:hover > a {
|
|
background-color: #9a1616;
|
|
}
|
|
.app-bar.red .app-bar-element .d-menu .divider,
|
|
.app-bar.red .app-bar-menu > li .d-menu .divider {
|
|
background-color: #da5a53;
|
|
}
|
|
.app-bar.red .app-bar-element .d-menu .divider:hover,
|
|
.app-bar.red .app-bar-menu > li .d-menu .divider:hover {
|
|
background-color: #da5a53;
|
|
}
|
|
.app-bar.red .app-bar-element .dropdown-toggle:before,
|
|
.app-bar.red .app-bar-menu li .dropdown-toggle:before {
|
|
border-color: #ffffff;
|
|
}
|
|
.app-bar.red .app-bar-element.disabled,
|
|
.app-bar.red .app-bar-menu li.disabled,
|
|
.app-bar.red .app-bar-element:disabled,
|
|
.app-bar.red .app-bar-menu li:disabled {
|
|
color: #555555;
|
|
}
|
|
.app-bar.red .app-bar-element.disabled a,
|
|
.app-bar.red .app-bar-menu li.disabled a,
|
|
.app-bar.red .app-bar-element:disabled a,
|
|
.app-bar.red .app-bar-menu li:disabled a {
|
|
color: inherit !important;
|
|
}
|
|
.app-bar.red .app-bar-pullbutton:hover {
|
|
background-color: #9a1616;
|
|
}
|
|
.app-bar.red .app-bar-drop-container {
|
|
border: 2px solid #ce352c;
|
|
background-color: #ce352c;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.red .app-bar-drop-container:before {
|
|
background-color: #ce352c;
|
|
border-color: #ce352c;
|
|
}
|
|
.app-bar.red .app-bar-pullmenu .app-bar-menu {
|
|
border-top: 1px solid #da5a53;
|
|
background-color: #da5a53;
|
|
}
|
|
.app-bar.red .app-bar-pullmenu .app-bar-menu li:hover {
|
|
background-color: #ce352c;
|
|
}
|
|
.app-bar.red .app-bar-pullmenu .app-bar-menu li:hover a {
|
|
background-color: #9a1616;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.green {
|
|
background-color: #60a917;
|
|
}
|
|
.app-bar.green .app-bar-element:hover,
|
|
.app-bar.green .app-bar-menu > li:hover,
|
|
.app-bar.green .app-bar-menu > li > a:hover,
|
|
.app-bar.green .app-bar-element:active,
|
|
.app-bar.green .app-bar-menu > li:active,
|
|
.app-bar.green .app-bar-menu > li > a:active {
|
|
background-color: #128023;
|
|
}
|
|
.app-bar.green .app-bar-divider {
|
|
background-color: #7ad61d;
|
|
}
|
|
.app-bar.green .app-bar-element .d-menu,
|
|
.app-bar.green .app-bar-menu > li .d-menu {
|
|
background-color: #60a917;
|
|
border-color: transparent;
|
|
}
|
|
.app-bar.green .app-bar-element .d-menu li:not(.disabled) > a,
|
|
.app-bar.green .app-bar-menu > li .d-menu li:not(.disabled) > a,
|
|
.app-bar.green .app-bar-element .d-menu li > a,
|
|
.app-bar.green .app-bar-menu > li .d-menu li > a {
|
|
background-color: #60a917;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.green .app-bar-element .d-menu li:not(.disabled) > a:hover,
|
|
.app-bar.green .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
|
|
.app-bar.green .app-bar-element .d-menu li > a:hover,
|
|
.app-bar.green .app-bar-menu > li .d-menu li > a:hover {
|
|
background-color: #128023;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.green .app-bar-element .d-menu li:hover > a,
|
|
.app-bar.green .app-bar-menu > li .d-menu li:hover > a {
|
|
background-color: #128023;
|
|
}
|
|
.app-bar.green .app-bar-element .d-menu .divider,
|
|
.app-bar.green .app-bar-menu > li .d-menu .divider {
|
|
background-color: #7ad61d;
|
|
}
|
|
.app-bar.green .app-bar-element .d-menu .divider:hover,
|
|
.app-bar.green .app-bar-menu > li .d-menu .divider:hover {
|
|
background-color: #7ad61d;
|
|
}
|
|
.app-bar.green .app-bar-element .dropdown-toggle:before,
|
|
.app-bar.green .app-bar-menu li .dropdown-toggle:before {
|
|
border-color: #ffffff;
|
|
}
|
|
.app-bar.green .app-bar-element.disabled,
|
|
.app-bar.green .app-bar-menu li.disabled,
|
|
.app-bar.green .app-bar-element:disabled,
|
|
.app-bar.green .app-bar-menu li:disabled {
|
|
color: #555555;
|
|
}
|
|
.app-bar.green .app-bar-element.disabled a,
|
|
.app-bar.green .app-bar-menu li.disabled a,
|
|
.app-bar.green .app-bar-element:disabled a,
|
|
.app-bar.green .app-bar-menu li:disabled a {
|
|
color: inherit !important;
|
|
}
|
|
.app-bar.green .app-bar-pullbutton:hover {
|
|
background-color: #128023;
|
|
}
|
|
.app-bar.green .app-bar-drop-container {
|
|
border: 2px solid #60a917;
|
|
background-color: #60a917;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.green .app-bar-drop-container:before {
|
|
background-color: #60a917;
|
|
border-color: #60a917;
|
|
}
|
|
.app-bar.green .app-bar-pullmenu .app-bar-menu {
|
|
border-top: 1px solid #7ad61d;
|
|
background-color: #7ad61d;
|
|
}
|
|
.app-bar.green .app-bar-pullmenu .app-bar-menu li:hover {
|
|
background-color: #60a917;
|
|
}
|
|
.app-bar.green .app-bar-pullmenu .app-bar-menu li:hover a {
|
|
background-color: #128023;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.orange {
|
|
background-color: #fa6800;
|
|
}
|
|
.app-bar.orange .app-bar-element:hover,
|
|
.app-bar.orange .app-bar-menu > li:hover,
|
|
.app-bar.orange .app-bar-menu > li > a:hover,
|
|
.app-bar.orange .app-bar-element:active,
|
|
.app-bar.orange .app-bar-menu > li:active,
|
|
.app-bar.orange .app-bar-menu > li > a:active {
|
|
background-color: #bf5a15;
|
|
}
|
|
.app-bar.orange .app-bar-divider {
|
|
background-color: #ffc194;
|
|
}
|
|
.app-bar.orange .app-bar-element .d-menu,
|
|
.app-bar.orange .app-bar-menu > li .d-menu {
|
|
background-color: #fa6800;
|
|
border-color: transparent;
|
|
}
|
|
.app-bar.orange .app-bar-element .d-menu li:not(.disabled) > a,
|
|
.app-bar.orange .app-bar-menu > li .d-menu li:not(.disabled) > a,
|
|
.app-bar.orange .app-bar-element .d-menu li > a,
|
|
.app-bar.orange .app-bar-menu > li .d-menu li > a {
|
|
background-color: #fa6800;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.orange .app-bar-element .d-menu li:not(.disabled) > a:hover,
|
|
.app-bar.orange .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
|
|
.app-bar.orange .app-bar-element .d-menu li > a:hover,
|
|
.app-bar.orange .app-bar-menu > li .d-menu li > a:hover {
|
|
background-color: #bf5a15;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.orange .app-bar-element .d-menu li:hover > a,
|
|
.app-bar.orange .app-bar-menu > li .d-menu li:hover > a {
|
|
background-color: #bf5a15;
|
|
}
|
|
.app-bar.orange .app-bar-element .d-menu .divider,
|
|
.app-bar.orange .app-bar-menu > li .d-menu .divider {
|
|
background-color: #ffc194;
|
|
}
|
|
.app-bar.orange .app-bar-element .d-menu .divider:hover,
|
|
.app-bar.orange .app-bar-menu > li .d-menu .divider:hover {
|
|
background-color: #ffc194;
|
|
}
|
|
.app-bar.orange .app-bar-element .dropdown-toggle:before,
|
|
.app-bar.orange .app-bar-menu li .dropdown-toggle:before {
|
|
border-color: #ffffff;
|
|
}
|
|
.app-bar.orange .app-bar-element.disabled,
|
|
.app-bar.orange .app-bar-menu li.disabled,
|
|
.app-bar.orange .app-bar-element:disabled,
|
|
.app-bar.orange .app-bar-menu li:disabled {
|
|
color: #555555;
|
|
}
|
|
.app-bar.orange .app-bar-element.disabled a,
|
|
.app-bar.orange .app-bar-menu li.disabled a,
|
|
.app-bar.orange .app-bar-element:disabled a,
|
|
.app-bar.orange .app-bar-menu li:disabled a {
|
|
color: inherit !important;
|
|
}
|
|
.app-bar.orange .app-bar-pullbutton:hover {
|
|
background-color: #bf5a15;
|
|
}
|
|
.app-bar.orange .app-bar-drop-container {
|
|
border: 2px solid #fa6800;
|
|
background-color: #fa6800;
|
|
color: #ffffff;
|
|
}
|
|
.app-bar.orange .app-bar-drop-container:before {
|
|
background-color: #fa6800;
|
|
border-color: #fa6800;
|
|
}
|
|
.app-bar.orange .app-bar-pullmenu .app-bar-menu {
|
|
border-top: 1px solid #ffc194;
|
|
background-color: #ffc194;
|
|
}
|
|
.app-bar.orange .app-bar-pullmenu .app-bar-menu li:hover {
|
|
background-color: #fa6800;
|
|
}
|
|
.app-bar.orange .app-bar-pullmenu .app-bar-menu li:hover a {
|
|
background-color: #bf5a15;
|
|
color: #ffffff;
|
|
}
|
|
/*
|
|
* params: name, background, backgroundHover, item, itemHover, itemDisabled, divider, dropdown-toggle
|
|
*/
|
|
.v-menu.darcula,
|
|
.d-menu.darcula {
|
|
background: #3c3f41;
|
|
}
|
|
.v-menu.darcula li > a,
|
|
.d-menu.darcula li > a {
|
|
background: #3c3f41;
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.darcula li > a .icon,
|
|
.d-menu.darcula li > a .icon {
|
|
color: #cccccc;
|
|
}
|
|
.v-menu.darcula li > a:hover,
|
|
.d-menu.darcula li > a:hover {
|
|
background: #1d1d1d;
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.darcula li > a:hover .icon,
|
|
.d-menu.darcula li > a:hover .icon {
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.darcula li > .item-block,
|
|
.d-menu.darcula li > .item-block {
|
|
background: #484c4e;
|
|
}
|
|
.v-menu.darcula li.disabled > a,
|
|
.d-menu.darcula li.disabled > a {
|
|
background: #3c3f41;
|
|
color: #555555;
|
|
}
|
|
.v-menu.darcula li > a.dropdown-toggle:before,
|
|
.d-menu.darcula li > a.dropdown-toggle:before {
|
|
border-color: #ffffff;
|
|
}
|
|
.v-menu.darcula li.menu-title,
|
|
.d-menu.darcula li.menu-title {
|
|
background: #303234;
|
|
color: #cccccc;
|
|
}
|
|
.v-menu.darcula li.divider,
|
|
.d-menu.darcula li.divider {
|
|
background: #616162;
|
|
}
|
|
.v-menu.pink,
|
|
.d-menu.pink {
|
|
background: #dc4fad;
|
|
}
|
|
.v-menu.pink li > a,
|
|
.d-menu.pink li > a {
|
|
background: #dc4fad;
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.pink li > a .icon,
|
|
.d-menu.pink li > a .icon {
|
|
color: #cccccc;
|
|
}
|
|
.v-menu.pink li > a:hover,
|
|
.d-menu.pink li > a:hover {
|
|
background: #9a165a;
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.pink li > a:hover .icon,
|
|
.d-menu.pink li > a:hover .icon {
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.pink li > .item-block,
|
|
.d-menu.pink li > .item-block {
|
|
background: #e064b7;
|
|
}
|
|
.v-menu.pink li.disabled > a,
|
|
.d-menu.pink li.disabled > a {
|
|
background: #dc4fad;
|
|
color: #555555;
|
|
}
|
|
.v-menu.pink li > a.dropdown-toggle:before,
|
|
.d-menu.pink li > a.dropdown-toggle:before {
|
|
border-color: #ffffff;
|
|
}
|
|
.v-menu.pink li.menu-title,
|
|
.d-menu.pink li.menu-title {
|
|
background: #d83aa3;
|
|
color: #cccccc;
|
|
}
|
|
.v-menu.pink li.divider,
|
|
.d-menu.pink li.divider {
|
|
background: #f472d0;
|
|
}
|
|
.v-menu.navy,
|
|
.d-menu.navy {
|
|
background: #0072c6;
|
|
}
|
|
.v-menu.navy li > a,
|
|
.d-menu.navy li > a {
|
|
background: #0072c6;
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.navy li > a .icon,
|
|
.d-menu.navy li > a .icon {
|
|
color: #cccccc;
|
|
}
|
|
.v-menu.navy li > a:hover,
|
|
.d-menu.navy li > a:hover {
|
|
background: #005696;
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.navy li > a:hover .icon,
|
|
.d-menu.navy li > a:hover .icon {
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.navy li > .item-block,
|
|
.d-menu.navy li > .item-block {
|
|
background: #0081e0;
|
|
}
|
|
.v-menu.navy li.disabled > a,
|
|
.d-menu.navy li.disabled > a {
|
|
background: #0072c6;
|
|
color: #555555;
|
|
}
|
|
.v-menu.navy li > a.dropdown-toggle:before,
|
|
.d-menu.navy li > a.dropdown-toggle:before {
|
|
border-color: #ffffff;
|
|
}
|
|
.v-menu.navy li.menu-title,
|
|
.d-menu.navy li.menu-title {
|
|
background: #0063ad;
|
|
color: #cccccc;
|
|
}
|
|
.v-menu.navy li.divider,
|
|
.d-menu.navy li.divider {
|
|
background: #4c9cd7;
|
|
}
|
|
.v-menu.red,
|
|
.d-menu.red {
|
|
background: #ce352c;
|
|
}
|
|
.v-menu.red li > a,
|
|
.d-menu.red li > a {
|
|
background: #ce352c;
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.red li > a .icon,
|
|
.d-menu.red li > a .icon {
|
|
color: #cccccc;
|
|
}
|
|
.v-menu.red li > a:hover,
|
|
.d-menu.red li > a:hover {
|
|
background: #9a1616;
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.red li > a:hover .icon,
|
|
.d-menu.red li > a:hover .icon {
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.red li > .item-block,
|
|
.d-menu.red li > .item-block {
|
|
background: #d6463e;
|
|
}
|
|
.v-menu.red li.disabled > a,
|
|
.d-menu.red li.disabled > a {
|
|
background: #ce352c;
|
|
color: #555555;
|
|
}
|
|
.v-menu.red li > a.dropdown-toggle:before,
|
|
.d-menu.red li > a.dropdown-toggle:before {
|
|
border-color: #ffffff;
|
|
}
|
|
.v-menu.red li.menu-title,
|
|
.d-menu.red li.menu-title {
|
|
background: #b93028;
|
|
color: #cccccc;
|
|
}
|
|
.v-menu.red li.divider,
|
|
.d-menu.red li.divider {
|
|
background: #da5a53;
|
|
}
|
|
.v-menu.green,
|
|
.d-menu.green {
|
|
background: #60a917;
|
|
}
|
|
.v-menu.green li > a,
|
|
.d-menu.green li > a {
|
|
background: #60a917;
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.green li > a .icon,
|
|
.d-menu.green li > a .icon {
|
|
color: #cccccc;
|
|
}
|
|
.v-menu.green li > a:hover,
|
|
.d-menu.green li > a:hover {
|
|
background: #128023;
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.green li > a:hover .icon,
|
|
.d-menu.green li > a:hover .icon {
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.green li > .item-block,
|
|
.d-menu.green li > .item-block {
|
|
background: #6dbf1a;
|
|
}
|
|
.v-menu.green li.disabled > a,
|
|
.d-menu.green li.disabled > a {
|
|
background: #60a917;
|
|
color: #555555;
|
|
}
|
|
.v-menu.green li > a.dropdown-toggle:before,
|
|
.d-menu.green li > a.dropdown-toggle:before {
|
|
border-color: #ffffff;
|
|
}
|
|
.v-menu.green li.menu-title,
|
|
.d-menu.green li.menu-title {
|
|
background: #539314;
|
|
color: #cccccc;
|
|
}
|
|
.v-menu.green li.divider,
|
|
.d-menu.green li.divider {
|
|
background: #7ad61d;
|
|
}
|
|
.v-menu.orange,
|
|
.d-menu.orange {
|
|
background: #fa6800;
|
|
}
|
|
.v-menu.orange li > a,
|
|
.d-menu.orange li > a {
|
|
background: #fa6800;
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.orange li > a .icon,
|
|
.d-menu.orange li > a .icon {
|
|
color: #cccccc;
|
|
}
|
|
.v-menu.orange li > a:hover,
|
|
.d-menu.orange li > a:hover {
|
|
background: #bf5a15;
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.orange li > a:hover .icon,
|
|
.d-menu.orange li > a:hover .icon {
|
|
color: #ffffff;
|
|
}
|
|
.v-menu.orange li > .item-block,
|
|
.d-menu.orange li > .item-block {
|
|
background: #ff7615;
|
|
}
|
|
.v-menu.orange li.disabled > a,
|
|
.d-menu.orange li.disabled > a {
|
|
background: #fa6800;
|
|
color: #555555;
|
|
}
|
|
.v-menu.orange li > a.dropdown-toggle:before,
|
|
.d-menu.orange li > a.dropdown-toggle:before {
|
|
border-color: #ffffff;
|
|
}
|
|
.v-menu.orange li.menu-title,
|
|
.d-menu.orange li.menu-title {
|
|
background: #e15d00;
|
|
color: #cccccc;
|
|
}
|
|
.v-menu.orange li.divider,
|
|
.d-menu.orange li.divider {
|
|
background: #ffc194;
|
|
}
|
|
/*
|
|
* params: name, background, backgroundHover, item, itemHover, itemDisabled, divider, dropdown-toggle
|
|
*/
|
|
.t-menu.darcula {
|
|
background-color: #3c3f41;
|
|
}
|
|
.t-menu.darcula .t-menu {
|
|
background-color: #3c3f41;
|
|
}
|
|
.t-menu.darcula li > a {
|
|
background: #3c3f41;
|
|
color: #ffffff;
|
|
border-bottom-color: #616162;
|
|
}
|
|
.t-menu.darcula li > a.dropdown-toggle:after,
|
|
.t-menu.darcula li > a.dropdown-toggle:hover:after {
|
|
border-color: transparent transparent #ffffff;
|
|
}
|
|
.t-menu.darcula li:hover > a {
|
|
background: #1d1d1d;
|
|
color: #ffffff;
|
|
}
|
|
.t-menu.darcula li:hover > a.dropdown-toggle:after {
|
|
border-color: transparent transparent #ffffff;
|
|
}
|
|
.t-menu.darcula li.disabled > a {
|
|
background: #3c3f41;
|
|
color: #555555;
|
|
}
|
|
.t-menu.darcula li.disabled > a:hover {
|
|
background: #3c3f41;
|
|
}
|
|
.t-menu.darcula.horizontal > li > a,
|
|
.t-menu.darcula .horizontal > li > a {
|
|
border-right-color: #616162;
|
|
}
|
|
.t-menu.pink {
|
|
background-color: #dc4fad;
|
|
}
|
|
.t-menu.pink .t-menu {
|
|
background-color: #dc4fad;
|
|
}
|
|
.t-menu.pink li > a {
|
|
background: #dc4fad;
|
|
color: #ffffff;
|
|
border-bottom-color: #f472d0;
|
|
}
|
|
.t-menu.pink li > a.dropdown-toggle:after,
|
|
.t-menu.pink li > a.dropdown-toggle:hover:after {
|
|
border-color: transparent transparent #ffffff;
|
|
}
|
|
.t-menu.pink li:hover > a {
|
|
background: #9a165a;
|
|
color: #ffffff;
|
|
}
|
|
.t-menu.pink li:hover > a.dropdown-toggle:after {
|
|
border-color: transparent transparent #ffffff;
|
|
}
|
|
.t-menu.pink li.disabled > a {
|
|
background: #dc4fad;
|
|
color: #555555;
|
|
}
|
|
.t-menu.pink li.disabled > a:hover {
|
|
background: #dc4fad;
|
|
}
|
|
.t-menu.pink.horizontal > li > a,
|
|
.t-menu.pink .horizontal > li > a {
|
|
border-right-color: #f472d0;
|
|
}
|
|
.t-menu.navy {
|
|
background-color: #0072c6;
|
|
}
|
|
.t-menu.navy .t-menu {
|
|
background-color: #0072c6;
|
|
}
|
|
.t-menu.navy li > a {
|
|
background: #0072c6;
|
|
color: #ffffff;
|
|
border-bottom-color: #4c9cd7;
|
|
}
|
|
.t-menu.navy li > a.dropdown-toggle:after,
|
|
.t-menu.navy li > a.dropdown-toggle:hover:after {
|
|
border-color: transparent transparent #ffffff;
|
|
}
|
|
.t-menu.navy li:hover > a {
|
|
background: #005696;
|
|
color: #ffffff;
|
|
}
|
|
.t-menu.navy li:hover > a.dropdown-toggle:after {
|
|
border-color: transparent transparent #ffffff;
|
|
}
|
|
.t-menu.navy li.disabled > a {
|
|
background: #0072c6;
|
|
color: #555555;
|
|
}
|
|
.t-menu.navy li.disabled > a:hover {
|
|
background: #0072c6;
|
|
}
|
|
.t-menu.navy.horizontal > li > a,
|
|
.t-menu.navy .horizontal > li > a {
|
|
border-right-color: #4c9cd7;
|
|
}
|
|
.t-menu.red {
|
|
background-color: #ce352c;
|
|
}
|
|
.t-menu.red .t-menu {
|
|
background-color: #ce352c;
|
|
}
|
|
.t-menu.red li > a {
|
|
background: #ce352c;
|
|
color: #ffffff;
|
|
border-bottom-color: #da5a53;
|
|
}
|
|
.t-menu.red li > a.dropdown-toggle:after,
|
|
.t-menu.red li > a.dropdown-toggle:hover:after {
|
|
border-color: transparent transparent #ffffff;
|
|
}
|
|
.t-menu.red li:hover > a {
|
|
background: #9a1616;
|
|
color: #ffffff;
|
|
}
|
|
.t-menu.red li:hover > a.dropdown-toggle:after {
|
|
border-color: transparent transparent #ffffff;
|
|
}
|
|
.t-menu.red li.disabled > a {
|
|
background: #ce352c;
|
|
color: #555555;
|
|
}
|
|
.t-menu.red li.disabled > a:hover {
|
|
background: #ce352c;
|
|
}
|
|
.t-menu.red.horizontal > li > a,
|
|
.t-menu.red .horizontal > li > a {
|
|
border-right-color: #da5a53;
|
|
}
|
|
.t-menu.green {
|
|
background-color: #60a917;
|
|
}
|
|
.t-menu.green .t-menu {
|
|
background-color: #60a917;
|
|
}
|
|
.t-menu.green li > a {
|
|
background: #60a917;
|
|
color: #ffffff;
|
|
border-bottom-color: #7ad61d;
|
|
}
|
|
.t-menu.green li > a.dropdown-toggle:after,
|
|
.t-menu.green li > a.dropdown-toggle:hover:after {
|
|
border-color: transparent transparent #ffffff;
|
|
}
|
|
.t-menu.green li:hover > a {
|
|
background: #128023;
|
|
color: #ffffff;
|
|
}
|
|
.t-menu.green li:hover > a.dropdown-toggle:after {
|
|
border-color: transparent transparent #ffffff;
|
|
}
|
|
.t-menu.green li.disabled > a {
|
|
background: #60a917;
|
|
color: #555555;
|
|
}
|
|
.t-menu.green li.disabled > a:hover {
|
|
background: #60a917;
|
|
}
|
|
.t-menu.green.horizontal > li > a,
|
|
.t-menu.green .horizontal > li > a {
|
|
border-right-color: #7ad61d;
|
|
}
|
|
.t-menu.orange {
|
|
background-color: #fa6800;
|
|
}
|
|
.t-menu.orange .t-menu {
|
|
background-color: #fa6800;
|
|
}
|
|
.t-menu.orange li > a {
|
|
background: #fa6800;
|
|
color: #ffffff;
|
|
border-bottom-color: #ffc194;
|
|
}
|
|
.t-menu.orange li > a.dropdown-toggle:after,
|
|
.t-menu.orange li > a.dropdown-toggle:hover:after {
|
|
border-color: transparent transparent #ffffff;
|
|
}
|
|
.t-menu.orange li:hover > a {
|
|
background: #bf5a15;
|
|
color: #ffffff;
|
|
}
|
|
.t-menu.orange li:hover > a.dropdown-toggle:after {
|
|
border-color: transparent transparent #ffffff;
|
|
}
|
|
.t-menu.orange li.disabled > a {
|
|
background: #fa6800;
|
|
color: #555555;
|
|
}
|
|
.t-menu.orange li.disabled > a:hover {
|
|
background: #fa6800;
|
|
}
|
|
.t-menu.orange.horizontal > li > a,
|
|
.t-menu.orange .horizontal > li > a {
|
|
border-right-color: #ffc194;
|
|
}
|
|
/*
|
|
* params: name, background, backgroundHover, backgroundActive, item, itemHover, itemActive, itemDisabled
|
|
*/
|
|
.sidebar.darcula {
|
|
background: #3c3f41;
|
|
}
|
|
.sidebar.darcula li > a {
|
|
background: #3c3f41;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.darcula li:hover > a {
|
|
background: #4d5154;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.darcula li.active > a {
|
|
background: #1d1d1d;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.darcula li.disabled > a {
|
|
background: #3c3f41;
|
|
color: #555555;
|
|
}
|
|
.sidebar.pink {
|
|
background: #dc4fad;
|
|
}
|
|
.sidebar.pink li > a {
|
|
background: #dc4fad;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.pink li:hover > a {
|
|
background: #b91a6c;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.pink li.active > a {
|
|
background: #9a165a;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.pink li.disabled > a {
|
|
background: #dc4fad;
|
|
color: #555555;
|
|
}
|
|
.sidebar.navy {
|
|
background: #0072c6;
|
|
}
|
|
.sidebar.navy li > a {
|
|
background: #0072c6;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.navy li:hover > a {
|
|
background: #006aba;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.navy li.active > a {
|
|
background: #005696;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.navy li.disabled > a {
|
|
background: #0072c6;
|
|
color: #555555;
|
|
}
|
|
.sidebar.red {
|
|
background: #ce352c;
|
|
}
|
|
.sidebar.red li > a {
|
|
background: #ce352c;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.red li:hover > a {
|
|
background: #b91a1a;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.red li.active > a {
|
|
background: #9a1616;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.red li.disabled > a {
|
|
background: #ce352c;
|
|
color: #555555;
|
|
}
|
|
.sidebar.green {
|
|
background: #60a917;
|
|
}
|
|
.sidebar.green li > a {
|
|
background: #60a917;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.green li:hover > a {
|
|
background: #169f2c;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.green li.active > a {
|
|
background: #128023;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.green li.disabled > a {
|
|
background: #60a917;
|
|
color: #555555;
|
|
}
|
|
.sidebar.orange {
|
|
background: #fa6800;
|
|
}
|
|
.sidebar.orange li > a {
|
|
background: #fa6800;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.orange li:hover > a {
|
|
background: #df6919;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.orange li.active > a {
|
|
background: #bf5a15;
|
|
color: #ffffff;
|
|
}
|
|
.sidebar.orange li.disabled > a {
|
|
background: #fa6800;
|
|
color: #555555;
|
|
}
|
|
|