From a0c5a6038ff952f4dd7fce7fb083c6e4f115f2be Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Fri, 22 Mar 2019 15:57:27 +0100 Subject: [PATCH] An attempt to remove all buttons extra hover bg --- pixelegg/css/mobile.css | 102 +------------------------- pixelegg/css/monochrome.css | 102 +------------------------- pixelegg/css/pixelegg.css | 102 +------------------------- pixelegg/less/def_buttons.less | 51 +++++-------- pixelegg/less/layout_buttons.less | 40 +--------- pixelegg/less/layout_traditional.less | 2 +- pixelegg/mobile/fw_mobile.css | 102 +------------------------- 7 files changed, 37 insertions(+), 464 deletions(-) diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index eafba7b0b6..a306285173 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -264,15 +264,11 @@ fill: red !important; } span.et2_file_span:hover { - background-color: #ace29e !important; color: #000000 !important; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; } - span.et2_file_span:active { - background-color: #b3e4a6 !important; - } div.et2_file input.et2_file_upload { background-color: #FFFFFF !important; -webkit-border-radius: 3px; @@ -2156,11 +2152,9 @@ button.et2_button_text:hover, input[type=button]:hover { /*background-color: @gray_30;*/ text-shadow: 0px 0px; - color: #FFFFFF; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - background-color: #b3e4a6; + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; + -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; } button.et2_button_text:active, input[type=button]:active { @@ -2258,8 +2252,6 @@ button.et2_button_delete { background-size: 20px auto; /*.Button_size_h32_auto;*/ height: 24px; - /*background-color: @color-negative-action !important;*/ - /*color: @gray_0 !important;*/ } input[type="submit"][id*="delete"]:hover, input[type="button"][id*="delete"]:hover, @@ -2271,7 +2263,6 @@ button[id="calendar-edit_button[delete]"]:hover, button[id="timesheet-edit_button[delete]"]:hover, button[id="displayToolbar-delete"]:hover, button.et2_button_delete:hover { - background-color: #ff8f78 !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2296,7 +2287,6 @@ button.et2_button_delete:hover { background-size: 20px auto; /*.Button_size_h32_auto;*/ height: 24px; - color: #FFFFFF !important; } input[type="submit"][id*="delete"]:active, input[type="button"][id*="delete"]:active, @@ -2308,7 +2298,6 @@ button[id="calendar-edit_button[delete]"]:active, button[id="timesheet-edit_button[delete]"]:active, button[id="displayToolbar-delete"]:active, button.et2_button_delete:active { - background-color: #ffb1a1 !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2333,72 +2322,12 @@ button.et2_button_delete:active { background-size: 20px auto; /*.Button_size_h32_auto;*/ height: 24px; - color: #FFFFFF; } /* ######################################################################################## * Content Element * Button edit + save + apply + copy => color-positive-action // green * ######################################################################################## */ -button[id*="save"] img[url*="svg"], -button[id*="apply"] img[url*="svg"], -button[id*="copy"] img[url*="svg"], -button[id*="edit_button[edit]"] img[url*="svg"], -button.et2_button img[url*="svg"] { - background-color: #b4b4b4; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)); - background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: linear-gradient(top, #B4B4B4, #B4B4B4); - background-repeat: repeat-x; - fill: red; -} -button[id*="save"]:hover, -button[id*="apply"]:hover, -button[id*="copy"]:hover, -button[id*="edit_button[edit]"]:hover, -button.et2_button:hover { - background-color: #ace29e; - color: #000000; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -button[id*="save"]:active, -button[id*="apply"]:active, -button[id*="copy"]:active, -button[id*="edit_button[edit]"]:active, -button.et2_button:active { - background-color: #b3e4a6; -} -button[id*="add"]:not([id*='addressbook']) img[url*="svg"] { - background-color: #b4b4b4 !important; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important; - background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)) !important; - background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-repeat: repeat-x !important; - fill: red !important; -} -button[id*="add"]:not([id*='addressbook']):hover { - background-color: #ace29e !important; - color: #000000 !important; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -} -button[id*="add"]:not([id*='addressbook']):active { - background-color: #b3e4a6 !important; -} -button#filemanager-select_button[ok]:active { - background-color: #b3e4a6; -} #passwordchange { background-image: url('../images/cancel.png') !important; /*.border_normal;*/ @@ -2443,24 +2372,6 @@ button#filemanager-select_button[ok]:active { * Button cancel / => color-cancel-action // yellow * ######################################################################################## */ -button[id*="cancel"]:hover, -button[id*="importexport-wizardbox_button[previous]"]:hover, -button#cancel:hover, -#cancel:hover, -button.et2_button_cancel:hover, -button.et2_button_question:hover { - background-color: #ffdb7a !important; - color: #000000; -} -button[id*="cancel"]:active, -button[id*="importexport-wizardbox_button[previous]"]:active, -button#cancel:active, -#cancel:active, -button.et2_button_cancel:active, -button.et2_button_question:active { - background-color: #fff0c7 !important; - color: #373737; -} /* et2_box_widget ###*/ /*div.et2_box_widget .et2_button_text:last_child,*/ button[id="cancel"], @@ -2494,7 +2405,6 @@ button#cancel { } button[id="cancel"]:hover, button#cancel:hover { - background-color: #ffdb7a !important; color: #000000; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -2502,7 +2412,6 @@ button#cancel:hover { } button[id="cancel"]:active, button#cancel:active { - background-color: #fff0c7 !important; color: #000000; -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -2598,9 +2507,6 @@ button[id="add"] { /*.Button_size_h32_auto;*/ height: 24px; } -button[id="add"]:active { - background-color: #b3e4a6 !important; -} /*Button Ende #######################################################*/ /** * EGroupware: Stylite Pixelegg template @@ -5861,7 +5767,7 @@ input[type=button]:hover, input[type=reset]:hover, button:hover, .egwbutton:hover { - background-color: #d9d9d9; + background-color: #d9d9d9 !important; background-image: none; border: outset 1px #b9d5e3; color: #004e7d; diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css index 6710037ebb..7aa2c5c094 100644 --- a/pixelegg/css/monochrome.css +++ b/pixelegg/css/monochrome.css @@ -253,15 +253,11 @@ fill: red !important; } span.et2_file_span:hover { - background-color: #ace29e !important; color: #000000 !important; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; } - span.et2_file_span:active { - background-color: #b3e4a6 !important; - } div.et2_file input.et2_file_upload { background-color: #FFFFFF !important; -webkit-border-radius: 3px; @@ -2145,11 +2141,9 @@ button.et2_button_text:hover, input[type=button]:hover { /*background-color: @gray_30;*/ text-shadow: 0px 0px; - color: #FFFFFF; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - background-color: #b3e4a6; + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; + -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; } button.et2_button_text:active, input[type=button]:active { @@ -2247,8 +2241,6 @@ button.et2_button_delete { background-size: 20px auto; /*.Button_size_h32_auto;*/ height: 24px; - /*background-color: @color-negative-action !important;*/ - /*color: @gray_0 !important;*/ } input[type="submit"][id*="delete"]:hover, input[type="button"][id*="delete"]:hover, @@ -2260,7 +2252,6 @@ button[id="calendar-edit_button[delete]"]:hover, button[id="timesheet-edit_button[delete]"]:hover, button[id="displayToolbar-delete"]:hover, button.et2_button_delete:hover { - background-color: #ff8f78 !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2285,7 +2276,6 @@ button.et2_button_delete:hover { background-size: 20px auto; /*.Button_size_h32_auto;*/ height: 24px; - color: #FFFFFF !important; } input[type="submit"][id*="delete"]:active, input[type="button"][id*="delete"]:active, @@ -2297,7 +2287,6 @@ button[id="calendar-edit_button[delete]"]:active, button[id="timesheet-edit_button[delete]"]:active, button[id="displayToolbar-delete"]:active, button.et2_button_delete:active { - background-color: #ffb1a1 !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2322,72 +2311,12 @@ button.et2_button_delete:active { background-size: 20px auto; /*.Button_size_h32_auto;*/ height: 24px; - color: #FFFFFF; } /* ######################################################################################## * Content Element * Button edit + save + apply + copy => color-positive-action // green * ######################################################################################## */ -button[id*="save"] img[url*="svg"], -button[id*="apply"] img[url*="svg"], -button[id*="copy"] img[url*="svg"], -button[id*="edit_button[edit]"] img[url*="svg"], -button.et2_button img[url*="svg"] { - background-color: #b4b4b4; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)); - background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: linear-gradient(top, #B4B4B4, #B4B4B4); - background-repeat: repeat-x; - fill: red; -} -button[id*="save"]:hover, -button[id*="apply"]:hover, -button[id*="copy"]:hover, -button[id*="edit_button[edit]"]:hover, -button.et2_button:hover { - background-color: #ace29e; - color: #000000; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -button[id*="save"]:active, -button[id*="apply"]:active, -button[id*="copy"]:active, -button[id*="edit_button[edit]"]:active, -button.et2_button:active { - background-color: #b3e4a6; -} -button[id*="add"]:not([id*='addressbook']) img[url*="svg"] { - background-color: #b4b4b4 !important; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important; - background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)) !important; - background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-repeat: repeat-x !important; - fill: red !important; -} -button[id*="add"]:not([id*='addressbook']):hover { - background-color: #ace29e !important; - color: #000000 !important; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -} -button[id*="add"]:not([id*='addressbook']):active { - background-color: #b3e4a6 !important; -} -button#filemanager-select_button[ok]:active { - background-color: #b3e4a6; -} #passwordchange { background-image: url('../images/cancel.png') !important; /*.border_normal;*/ @@ -2432,24 +2361,6 @@ button#filemanager-select_button[ok]:active { * Button cancel / => color-cancel-action // yellow * ######################################################################################## */ -button[id*="cancel"]:hover, -button[id*="importexport-wizardbox_button[previous]"]:hover, -button#cancel:hover, -#cancel:hover, -button.et2_button_cancel:hover, -button.et2_button_question:hover { - background-color: #ffdb7a !important; - color: #000000; -} -button[id*="cancel"]:active, -button[id*="importexport-wizardbox_button[previous]"]:active, -button#cancel:active, -#cancel:active, -button.et2_button_cancel:active, -button.et2_button_question:active { - background-color: #fff0c7 !important; - color: #373737; -} /* et2_box_widget ###*/ /*div.et2_box_widget .et2_button_text:last_child,*/ button[id="cancel"], @@ -2483,7 +2394,6 @@ button#cancel { } button[id="cancel"]:hover, button#cancel:hover { - background-color: #ffdb7a !important; color: #000000; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -2491,7 +2401,6 @@ button#cancel:hover { } button[id="cancel"]:active, button#cancel:active { - background-color: #fff0c7 !important; color: #000000; -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -2587,9 +2496,6 @@ button[id="add"] { /*.Button_size_h32_auto;*/ height: 24px; } -button[id="add"]:active { - background-color: #b3e4a6 !important; -} /*Button Ende #######################################################*/ /** * EGroupware: Stylite Pixelegg template @@ -5850,7 +5756,7 @@ input[type=button]:hover, input[type=reset]:hover, button:hover, .egwbutton:hover { - background-color: #d9d9d9; + background-color: #d9d9d9 !important; background-image: none; border: outset 1px #b9d5e3; color: #004e7d; diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 93786754a2..280174b54e 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -264,15 +264,11 @@ fill: red !important; } span.et2_file_span:hover { - background-color: #ace29e !important; color: #000000 !important; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; } - span.et2_file_span:active { - background-color: #b3e4a6 !important; - } div.et2_file input.et2_file_upload { background-color: #FFFFFF !important; -webkit-border-radius: 3px; @@ -2156,11 +2152,9 @@ button.et2_button_text:hover, input[type=button]:hover { /*background-color: @gray_30;*/ text-shadow: 0px 0px; - color: #FFFFFF; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - background-color: #b3e4a6; + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; + -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; } button.et2_button_text:active, input[type=button]:active { @@ -2258,8 +2252,6 @@ button.et2_button_delete { background-size: 20px auto; /*.Button_size_h32_auto;*/ height: 24px; - /*background-color: @color-negative-action !important;*/ - /*color: @gray_0 !important;*/ } input[type="submit"][id*="delete"]:hover, input[type="button"][id*="delete"]:hover, @@ -2271,7 +2263,6 @@ button[id="calendar-edit_button[delete]"]:hover, button[id="timesheet-edit_button[delete]"]:hover, button[id="displayToolbar-delete"]:hover, button.et2_button_delete:hover { - background-color: #ff8f78 !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2296,7 +2287,6 @@ button.et2_button_delete:hover { background-size: 20px auto; /*.Button_size_h32_auto;*/ height: 24px; - color: #FFFFFF !important; } input[type="submit"][id*="delete"]:active, input[type="button"][id*="delete"]:active, @@ -2308,7 +2298,6 @@ button[id="calendar-edit_button[delete]"]:active, button[id="timesheet-edit_button[delete]"]:active, button[id="displayToolbar-delete"]:active, button.et2_button_delete:active { - background-color: #ffb1a1 !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2333,72 +2322,12 @@ button.et2_button_delete:active { background-size: 20px auto; /*.Button_size_h32_auto;*/ height: 24px; - color: #FFFFFF; } /* ######################################################################################## * Content Element * Button edit + save + apply + copy => color-positive-action // green * ######################################################################################## */ -button[id*="save"] img[url*="svg"], -button[id*="apply"] img[url*="svg"], -button[id*="copy"] img[url*="svg"], -button[id*="edit_button[edit]"] img[url*="svg"], -button.et2_button img[url*="svg"] { - background-color: #b4b4b4; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)); - background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: linear-gradient(top, #B4B4B4, #B4B4B4); - background-repeat: repeat-x; - fill: red; -} -button[id*="save"]:hover, -button[id*="apply"]:hover, -button[id*="copy"]:hover, -button[id*="edit_button[edit]"]:hover, -button.et2_button:hover { - background-color: #ace29e; - color: #000000; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -button[id*="save"]:active, -button[id*="apply"]:active, -button[id*="copy"]:active, -button[id*="edit_button[edit]"]:active, -button.et2_button:active { - background-color: #b3e4a6; -} -button[id*="add"]:not([id*='addressbook']) img[url*="svg"] { - background-color: #b4b4b4 !important; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important; - background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)) !important; - background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-repeat: repeat-x !important; - fill: red !important; -} -button[id*="add"]:not([id*='addressbook']):hover { - background-color: #ace29e !important; - color: #000000 !important; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -} -button[id*="add"]:not([id*='addressbook']):active { - background-color: #b3e4a6 !important; -} -button#filemanager-select_button[ok]:active { - background-color: #b3e4a6; -} #passwordchange { background-image: url('../images/cancel.png') !important; /*.border_normal;*/ @@ -2443,24 +2372,6 @@ button#filemanager-select_button[ok]:active { * Button cancel / => color-cancel-action // yellow * ######################################################################################## */ -button[id*="cancel"]:hover, -button[id*="importexport-wizardbox_button[previous]"]:hover, -button#cancel:hover, -#cancel:hover, -button.et2_button_cancel:hover, -button.et2_button_question:hover { - background-color: #ffdb7a !important; - color: #000000; -} -button[id*="cancel"]:active, -button[id*="importexport-wizardbox_button[previous]"]:active, -button#cancel:active, -#cancel:active, -button.et2_button_cancel:active, -button.et2_button_question:active { - background-color: #fff0c7 !important; - color: #373737; -} /* et2_box_widget ###*/ /*div.et2_box_widget .et2_button_text:last_child,*/ button[id="cancel"], @@ -2494,7 +2405,6 @@ button#cancel { } button[id="cancel"]:hover, button#cancel:hover { - background-color: #ffdb7a !important; color: #000000; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -2502,7 +2412,6 @@ button#cancel:hover { } button[id="cancel"]:active, button#cancel:active { - background-color: #fff0c7 !important; color: #000000; -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -2598,9 +2507,6 @@ button[id="add"] { /*.Button_size_h32_auto;*/ height: 24px; } -button[id="add"]:active { - background-color: #b3e4a6 !important; -} /*Button Ende #######################################################*/ /** * EGroupware: Stylite Pixelegg template @@ -5861,7 +5767,7 @@ input[type=button]:hover, input[type=reset]:hover, button:hover, .egwbutton:hover { - background-color: #d9d9d9; + background-color: #d9d9d9 !important; background-image: none; border: outset 1px #b9d5e3; color: #004e7d; diff --git a/pixelegg/less/def_buttons.less b/pixelegg/less/def_buttons.less index 1e23a1b94d..f27e2b67c6 100755 --- a/pixelegg/less/def_buttons.less +++ b/pixelegg/less/def_buttons.less @@ -134,21 +134,12 @@ margin-left: 3em; background-color: @gray_10; .Complete_Button_text_icon_before; - /*background-color: @color-negative-action !important;*/ - /*color: @gray_0 !important;*/ - - &:hover { - - background-color: @color_negative_action_hover !important; - .Complete_Button_text_icon_before; - color: @gray_0 !important;; - } - &:active { - - background-color: @color_negative_action_active !important; - .Complete_Button_text_icon_before; - color: @gray_0; - } + &:hover { + .Complete_Button_text_icon_before; + } + &:active { + .Complete_Button_text_icon_before; + } } /* ######################################################################################## @@ -157,15 +148,11 @@ * ######################################################################################## */ .Complete_Button_cancel{ - - background-image:url('../images/cancel.png') !important; - .Complete_Button_text_icon_before; - content: "ID missing"; - - - &:hover {background-color: @color_cancel_action_hover !important; color: @gray_100; .box_shadow_standard_light_hover;} - &:active {background-color: @color_cancel_action_active !important; color: @gray_100; .box_shadow_standard_light_inset;} - + background-image:url('../images/cancel.png') !important; + .Complete_Button_text_icon_before; + content: "ID missing"; + &:hover { color: @gray_100; .box_shadow_standard_light_hover;} + &:active { color: @gray_100; .box_shadow_standard_light_inset;} } /* ######################################################################################## @@ -175,16 +162,12 @@ ######################################################################################## */ .Complete_Button_save_apply_copy{ - - img[url*="svg"]{.gradient_vertical (@gray_30, @gray_30); fill: red;} - - - &:hover { - background-color: @color_positive_action; - color: @gray_100; - .box_shadow_standard_light_hover; - } - &:active {background-color: @color_positive_action_active;} + img[url*="svg"]{.gradient_vertical (@gray_30, @gray_30); fill: red;} + &:hover { + color: @gray_100; + .box_shadow_standard_light_hover; + } + &:active {} } diff --git a/pixelegg/less/layout_buttons.less b/pixelegg/less/layout_buttons.less index 8ff71fb8e3..f301461d85 100644 --- a/pixelegg/less/layout_buttons.less +++ b/pixelegg/less/layout_buttons.less @@ -77,13 +77,9 @@ input[type=button] { &:hover{ /*background-color: @gray_30;*/ text-shadow: 0px 0px; - color: @gray_0; - .box_shadow_standard_light_hover; - background-color: @color_positive_action_active; + .box_shadow_standard_light_hover !important; } - &:active {.box_shadow_standard_light_active !important;} - } /* ######################################################################################## @@ -129,22 +125,6 @@ button.et2_button_delete * ######################################################################################## */ -button[id*="save"], -button[id*="apply"], -button[id*="copy"], -button[id*="edit_button[edit]"], -button.et2_button{ - - .Complete_Button_save_apply_copy; -} - -button[id*="add"]:not([id*='addressbook']) { - .Complete_Button_save_apply_copy !important; -} -button#filemanager-select_button[ok]{ - &:active {background-color: @color_positive_action_active;} -} - // Password change #passwordchange { background-image:url('../images/cancel.png') !important; @@ -164,18 +144,6 @@ button#filemanager-select_button[ok]{ * ######################################################################################## */ -button[id*="cancel"], -button[id*="importexport-wizardbox_button[previous]"], -button#cancel, -#cancel, -button.et2_button_cancel, -button.et2_button_question{ - - &:hover { background-color: @color_cancel_action_hover !important; color: @gray_100; } - &:active { background-color: @color_cancel_action_active !important; color: @gray_80; } -} - - /* et2_box_widget ###*/ /*div.et2_box_widget .et2_button_text:last_child,*/ button[id="cancel"], @@ -207,10 +175,8 @@ button.add { } button[id="add"]{ - background-image:url('../images/add.png') !important; - .Complete_Button_text_icon_before; - - &:active {background-color: @color_positive_action_active !important;} + background-image:url('../images/add.png') !important; + .Complete_Button_text_icon_before; } diff --git a/pixelegg/less/layout_traditional.less b/pixelegg/less/layout_traditional.less index 664c026a60..16756c0391 100755 --- a/pixelegg/less/layout_traditional.less +++ b/pixelegg/less/layout_traditional.less @@ -53,7 +53,7 @@ input[type=submit] input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover { - .background_color_15_gray; + .background_color_15_gray !important; background-image: none; border: outset 1px #b9d5e3; color: #004e7d; diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index a3fc000054..3578b2dff9 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -275,15 +275,11 @@ fill: red !important; } span.et2_file_span:hover { - background-color: #ace29e !important; color: #000000 !important; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; } - span.et2_file_span:active { - background-color: #b3e4a6 !important; - } div.et2_file input.et2_file_upload { background-color: #FFFFFF !important; -webkit-border-radius: 3px; @@ -2167,11 +2163,9 @@ button.et2_button_text:hover, input[type=button]:hover { /*background-color: @gray_30;*/ text-shadow: 0px 0px; - color: #FFFFFF; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - background-color: #b3e4a6; + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; + -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; } button.et2_button_text:active, input[type=button]:active { @@ -2269,8 +2263,6 @@ button.et2_button_delete { background-size: 20px auto; /*.Button_size_h32_auto;*/ height: 24px; - /*background-color: @color-negative-action !important;*/ - /*color: @gray_0 !important;*/ } input[type="submit"][id*="delete"]:hover, input[type="button"][id*="delete"]:hover, @@ -2282,7 +2274,6 @@ button[id="calendar-edit_button[delete]"]:hover, button[id="timesheet-edit_button[delete]"]:hover, button[id="displayToolbar-delete"]:hover, button.et2_button_delete:hover { - background-color: #ff8f78 !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2307,7 +2298,6 @@ button.et2_button_delete:hover { background-size: 20px auto; /*.Button_size_h32_auto;*/ height: 24px; - color: #FFFFFF !important; } input[type="submit"][id*="delete"]:active, input[type="button"][id*="delete"]:active, @@ -2319,7 +2309,6 @@ button[id="calendar-edit_button[delete]"]:active, button[id="timesheet-edit_button[delete]"]:active, button[id="displayToolbar-delete"]:active, button.et2_button_delete:active { - background-color: #ffb1a1 !important; /*.border_normal;*/ /*.box_shadow_standard_light;*/ /*.rounded (3px);*/ @@ -2344,72 +2333,12 @@ button.et2_button_delete:active { background-size: 20px auto; /*.Button_size_h32_auto;*/ height: 24px; - color: #FFFFFF; } /* ######################################################################################## * Content Element * Button edit + save + apply + copy => color-positive-action // green * ######################################################################################## */ -button[id*="save"] img[url*="svg"], -button[id*="apply"] img[url*="svg"], -button[id*="copy"] img[url*="svg"], -button[id*="edit_button[edit]"] img[url*="svg"], -button.et2_button img[url*="svg"] { - background-color: #b4b4b4; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)); - background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4); - background-image: linear-gradient(top, #B4B4B4, #B4B4B4); - background-repeat: repeat-x; - fill: red; -} -button[id*="save"]:hover, -button[id*="apply"]:hover, -button[id*="copy"]:hover, -button[id*="edit_button[edit]"]:hover, -button.et2_button:hover { - background-color: #ace29e; - color: #000000; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -} -button[id*="save"]:active, -button[id*="apply"]:active, -button[id*="copy"]:active, -button[id*="edit_button[edit]"]:active, -button.et2_button:active { - background-color: #b3e4a6; -} -button[id*="add"]:not([id*='addressbook']) img[url*="svg"] { - background-color: #b4b4b4 !important; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjQjRCNEI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important; - background-image: -moz-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -ms-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4B4B4), to(#B4B4B4)) !important; - background-image: -webkit-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: -o-linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-image: linear-gradient(top, #B4B4B4, #B4B4B4) !important; - background-repeat: repeat-x !important; - fill: red !important; -} -button[id*="add"]:not([id*='addressbook']):hover { - background-color: #ace29e !important; - color: #000000 !important; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important; -} -button[id*="add"]:not([id*='addressbook']):active { - background-color: #b3e4a6 !important; -} -button#filemanager-select_button[ok]:active { - background-color: #b3e4a6; -} #passwordchange { background-image: url('../images/cancel.png') !important; /*.border_normal;*/ @@ -2454,24 +2383,6 @@ button#filemanager-select_button[ok]:active { * Button cancel / => color-cancel-action // yellow * ######################################################################################## */ -button[id*="cancel"]:hover, -button[id*="importexport-wizardbox_button[previous]"]:hover, -button#cancel:hover, -#cancel:hover, -button.et2_button_cancel:hover, -button.et2_button_question:hover { - background-color: #ffdb7a !important; - color: #000000; -} -button[id*="cancel"]:active, -button[id*="importexport-wizardbox_button[previous]"]:active, -button#cancel:active, -#cancel:active, -button.et2_button_cancel:active, -button.et2_button_question:active { - background-color: #fff0c7 !important; - color: #373737; -} /* et2_box_widget ###*/ /*div.et2_box_widget .et2_button_text:last_child,*/ button[id="cancel"], @@ -2505,7 +2416,6 @@ button#cancel { } button[id="cancel"]:hover, button#cancel:hover { - background-color: #ffdb7a !important; color: #000000; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -2513,7 +2423,6 @@ button#cancel:hover { } button[id="cancel"]:active, button#cancel:active { - background-color: #fff0c7 !important; color: #000000; -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -2609,9 +2518,6 @@ button[id="add"] { /*.Button_size_h32_auto;*/ height: 24px; } -button[id="add"]:active { - background-color: #b3e4a6 !important; -} /*Button Ende #######################################################*/ /** * EGroupware: Stylite Pixelegg template @@ -5872,7 +5778,7 @@ input[type=button]:hover, input[type=reset]:hover, button:hover, .egwbutton:hover { - background-color: #d9d9d9; + background-color: #d9d9d9 !important; background-image: none; border: outset 1px #b9d5e3; color: #004e7d;