From f126d7fd0881b27e20f863d055ed9a8384efd223 Mon Sep 17 00:00:00 2001 From: nathan Date: Tue, 7 Dec 2021 16:28:48 -0700 Subject: [PATCH] Fix wrong sizing on link list file mimetype icons --- api/templates/default/etemplate2.css | 3 +- pixelegg/css/pixelegg.css | 3 +- pixelegg/less/etemplate2.less | 3 +- pixelegg/mobile/fw_mobile.css | 14350 ++++++++++++++----------- 4 files changed, 7906 insertions(+), 6453 deletions(-) diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css index 2c1be1f12a..8fdbab40d4 100644 --- a/api/templates/default/etemplate2.css +++ b/api/templates/default/etemplate2.css @@ -1053,8 +1053,7 @@ ul.et2_link_string { padding: 0px; } .et2_link_list .icon img, -.et2_link_list .icon, -.et2_vfs .icon img, .et2_vfs .icon { +.et2_vfs .icon img { width: 16px; height: 16px; display: inline-block; diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index a7c3a03e80..d5df581629 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -514,8 +514,7 @@ .et2_link_list tr:active { background-color: rgba(255, 194, 0, 0.01); } - .et2_link_list .icon img, - .et2_link_list .icon { + .et2_link_list .icon img { width: 14px !important; height: 14px !important; } diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less index 38ac12262d..eb2ad0a303 100755 --- a/pixelegg/less/etemplate2.less +++ b/pixelegg/less/etemplate2.less @@ -340,8 +340,7 @@ div.et2_file input.et2_file_upload{ &:active {background-color: @color_active_row;} } - .icon img, - .icon { + .icon img { width: 14px !important; height: 14px !important; } diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index b6ef3ab809..dca39de92f 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -21,126 +21,154 @@ * @version $Id$ */ @media (prefers-color-scheme: dark) { - html[data-darkmode='2'] { - background: #000; - filter: invert(1) hue-rotate(180deg) brightness(0.7); - } - html[data-darkmode='2'] #loginMainDiv { - filter: invert(1) hue-rotate(180deg) !important; - } - html[data-darkmode='2'] #loginMainDiv div#centerBox { - filter: invert(1) hue-rotate(180deg) !important; - } + html[data-darkmode='2'] { + background: #000; + filter: invert(1) hue-rotate(180deg) brightness(0.7); + } + + html[data-darkmode='2'] #loginMainDiv { + filter: invert(1) hue-rotate(180deg) !important; + } + + html[data-darkmode='2'] #loginMainDiv div#centerBox { + filter: invert(1) hue-rotate(180deg) !important; + } } + /** * DARK THEME */ @media all { - html[data-darkmode='1'] { - background: #000; - filter: invert(1) hue-rotate(180deg) brightness(0.7); - } - html[data-darkmode='1'] img, - html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen), - html[data-darkmode='1'] #blueimp-gallery ol, - html[data-darkmode='1'] iframe, - html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active, - html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_content, - html[data-darkmode='1'] video, - html[data-darkmode='1'] #loginMainDiv, - html[data-darkmode='1'] .et2_taglist_tags_icon { - filter: invert(1) hue-rotate(180deg) !important; - } - html[data-darkmode='1'] #blueimp-gallery video, - html[data-darkmode='1'] #blueimp-gallery .video-content { - filter: invert(0) hue-rotate(180deg) !important; - } - html[data-darkmode='1'] #loginMainDiv div#centerBox { - filter: invert(1) hue-rotate(180deg) !important; - } - html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon, - html[data-darkmode='1'] .egw_tooltip, - html[data-darkmode='1'] body .egw_message_wrapper, - html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu, - html[data-darkmode='1'] .ui-dialog, - html[data-darkmode='1'] .box_shadow, - html[data-darkmode='1'] #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded { - box-shadow: 0px 0px 2px 2px #666666; - -moz-box-shadow: 0px 0px 2px 2px #666666; - -webkit-box-shadow: 0px 0px 2px 2px #666666; - -khtml-box-shadow: 0px 0px 2px 2px #666666; - } - html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #calendar_sidebox_header { - border-color: #ff9dca !important; - } - html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top-color: #ff9dca !important; - } - html[data-darkmode='1'] #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #addressbook_sidebox_header { - border-color: #aadaff !important; - } - html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top-color: #aadaff !important; - } - html[data-darkmode='1'] #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #infolog_sidebox_header { - border-color: #ffccff !important; - } - html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top-color: #ffccff !important; - } - html[data-darkmode='1'] #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #timesheet_sidebox_header { - border-color: #ffdbff !important; - } - html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top-color: #ffdbff !important; - } - html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #mail_sidebox_header { - border-color: #5db9ec !important; - } - html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top-color: #5db9ec !important; - } - html[data-darkmode='1'] #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #projectmanager_sidebox_header { - border-color: #487b7b !important; - } - html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top-color: #487b7b !important; - } - html[data-darkmode='1'] #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #resources_sidebox_header { - border-color: #aee0e0 !important; - } - html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top-color: #aee0e0 !important; - } - html[data-darkmode='1'] #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #admin_sidebox_header { - border-color: #cccccc !important; - } - html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top-color: #cccccc !important; - } - html[data-darkmode='1'] #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #filemanager_sidebox_header { - border-color: #ac4500 !important; - } - html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top-color: #ac4500 !important; - } - html[data-darkmode='1'] #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, - html[data-darkmode='1'] #bookmarks_sidebox_header { - border-color: #cc6633 !important; - } - html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top-color: #cc6633 !important; - } + html[data-darkmode='1'] { + background: #000; + filter: invert(1) hue-rotate(180deg) brightness(0.7); + } + + html[data-darkmode='1'] img, + html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen), + html[data-darkmode='1'] #blueimp-gallery ol, + html[data-darkmode='1'] iframe, + html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active, + html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_content, + html[data-darkmode='1'] video, + html[data-darkmode='1'] #loginMainDiv, + html[data-darkmode='1'] .et2_taglist_tags_icon { + filter: invert(1) hue-rotate(180deg) !important; + } + + html[data-darkmode='1'] #blueimp-gallery video, + html[data-darkmode='1'] #blueimp-gallery .video-content { + filter: invert(0) hue-rotate(180deg) !important; + } + + html[data-darkmode='1'] #loginMainDiv div#centerBox { + filter: invert(1) hue-rotate(180deg) !important; + } + + html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon, + html[data-darkmode='1'] .egw_tooltip, + html[data-darkmode='1'] body .egw_message_wrapper, + html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu, + html[data-darkmode='1'] .ui-dialog, + html[data-darkmode='1'] .box_shadow, + html[data-darkmode='1'] #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded { + box-shadow: 0px 0px 2px 2px #666666; + -moz-box-shadow: 0px 0px 2px 2px #666666; + -webkit-box-shadow: 0px 0px 2px 2px #666666; + -khtml-box-shadow: 0px 0px 2px 2px #666666; + } + + html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, + html[data-darkmode='1'] #calendar_sidebox_header { + border-color: #ff9dca !important; + } + + html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { + border-top-color: #ff9dca !important; + } + + html[data-darkmode='1'] #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, + html[data-darkmode='1'] #addressbook_sidebox_header { + border-color: #aadaff !important; + } + + html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { + border-top-color: #aadaff !important; + } + + html[data-darkmode='1'] #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, + html[data-darkmode='1'] #infolog_sidebox_header { + border-color: #ffccff !important; + } + + html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { + border-top-color: #ffccff !important; + } + + html[data-darkmode='1'] #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, + html[data-darkmode='1'] #timesheet_sidebox_header { + border-color: #ffdbff !important; + } + + html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { + border-top-color: #ffdbff !important; + } + + html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, + html[data-darkmode='1'] #mail_sidebox_header { + border-color: #5db9ec !important; + } + + html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { + border-top-color: #5db9ec !important; + } + + html[data-darkmode='1'] #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, + html[data-darkmode='1'] #projectmanager_sidebox_header { + border-color: #487b7b !important; + } + + html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { + border-top-color: #487b7b !important; + } + + html[data-darkmode='1'] #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, + html[data-darkmode='1'] #resources_sidebox_header { + border-color: #aee0e0 !important; + } + + html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { + border-top-color: #aee0e0 !important; + } + + html[data-darkmode='1'] #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, + html[data-darkmode='1'] #admin_sidebox_header { + border-color: #cccccc !important; + } + + html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { + border-top-color: #cccccc !important; + } + + html[data-darkmode='1'] #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, + html[data-darkmode='1'] #filemanager_sidebox_header { + border-color: #ac4500 !important; + } + + html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { + border-top-color: #ac4500 !important; + } + + html[data-darkmode='1'] #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, + html[data-darkmode='1'] #bookmarks_sidebox_header { + border-color: #cc6633 !important; + } + + html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { + border-top-color: #cc6633 !important; + } } + /** * EGroupware: Stylite Pixelegg template - mobile theme * @@ -196,373 +224,436 @@ */ /*@import (less) "../../api/templates/default/etemplate2.css";*/ @media all { - /** + /** * Top level */ - .et2_container { - padding: 0px; - background-color: transparent; - } - .et2_container > div:not([class]) { - height: 100%; - } - /** + .et2_container { + padding: 0px; + background-color: transparent; + } + + .et2_container > div:not([class]) { + height: 100%; + } + + /** * Basic rules */ - input, - button, - select { - margin: 1px; - /*-webkit-appearance: none;*/ - } - /** + input, + button, + select { + margin: 1px; + /*-webkit-appearance: none;*/ + } + + /** * img gray filter */ - img.et2_appicon, - .et2_appicon img, - table.egwGridView_grid img.et2_appicon { - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ - } - /** + img.et2_appicon, + .et2_appicon img, + table.egwGridView_grid img.et2_appicon { + /*filter grey*/ + filter: url("data:image/svg+xml;utf8,#grayscale"); + -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + /*filter: url(grayscale.svg); Firefox 4+ */ + filter: gray; + /* IE 6-9 */ + } + + /** * VBox widget */ - div.et2_vbox > * { - display: block; - } - /** + div.et2_vbox > * { + display: block; + } + + /** * HBox widget */ - div.et2_hbox_right { - background: transparent; - } - /** + div.et2_hbox_right { + background: transparent; + } + + /** * Placeholder widget - used for un-implemented widgets */ - .et2_placeholder { - display: inline-block; - /*border: 1px solid cornflowerblue;*/ - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #E6E6E6; - } - .et2_placeholder .et2_attr { - color: #000000; - } - /** + .et2_placeholder { + display: inline-block; + /*border: 1px solid cornflowerblue;*/ + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #E6E6E6; + } + + .et2_placeholder .et2_attr { + color: #000000; + } + + /** * Label widget, and labels for other widgets */ - .et2_label { - color: #1E1E1E; - white-space: pre-wrap; - } - /** + .et2_label { + color: #1E1E1E; + white-space: pre-wrap; + } + + /** * img Icons */ - a.et2_url { - background-position: center; - background-repeat: no-repeat; - background-size: 14px 14px; - cursor: pointer; - margin: -4px; - padding: 2px; - padding-left: 16px; - margin-left: -10px; - } - a.et2_url.email { - background-image: url(../images/email.svg); - } - a.et2_url.phone { - background-image: url(../images/phone.svg); - } - a.et2_url.url { - background-image: url(../images/url.svg); - } - /** + a.et2_url { + background-position: center; + background-repeat: no-repeat; + background-size: 14px 14px; + cursor: pointer; + margin: -4px; + padding: 2px; + padding-left: 16px; + margin-left: -10px; + } + + a.et2_url.email { + background-image: url(../images/email.svg); + } + + a.et2_url.phone { + background-image: url(../images/phone.svg); + } + + a.et2_url.url { + background-image: url(../images/url.svg); + } + + /** * Button widget - text only, and icon */ - .et2_button { - text-shadow: 0px 0px !important; - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - } - .et2_button_icon { - height: 16px; - background-color: transparent; - } - /* give the image a button lock and feel*/ - img.et2_button_icon[src*="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; - } - img.et2_button_icon[src*="svg"]:hover { - background-color: #b3e4a6; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjNlNGE2IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjNlNGE2IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #b3e4a6, #b3e4a6); - background-image: -ms-linear-gradient(top, #b3e4a6, #b3e4a6); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3e4a6), to(#b3e4a6)); - background-image: -webkit-linear-gradient(top, #b3e4a6, #b3e4a6); - background-image: -o-linear-gradient(top, #b3e4a6, #b3e4a6); - background-image: linear-gradient(top, #b3e4a6, #b3e4a6); - background-repeat: repeat-x; - -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); - } - img.et2_button_icon[src*="svg"]:active { - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - } - /*look in layout_content_elements*/ - .et2_selectbox .ui-multiselect-checkboxes li:hover { - background-color: rgba(102, 153, 204, 0.7) !important; - } - .et2_selectbox .ui-multiselect-checkboxes label { - display: block; - border: 0px solid transparent; - padding: 0.1em 0.2em; - } - .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { - /*visibility: hidden;*/ - background-image: url(../images/close.svg); - margin: -2px -3px; - padding: 0px; - } - /** + .et2_button { + text-shadow: 0px 0px !important; + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + background-color: #E6E6E6; + } + + .et2_button_icon { + height: 16px; + background-color: transparent; + } + + /* give the image a button lock and feel*/ + img.et2_button_icon[src*="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; + } + + img.et2_button_icon[src*="svg"]:hover { + background-color: #b3e4a6; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjNlNGE2IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjNlNGE2IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #b3e4a6, #b3e4a6); + background-image: -ms-linear-gradient(top, #b3e4a6, #b3e4a6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3e4a6), to(#b3e4a6)); + background-image: -webkit-linear-gradient(top, #b3e4a6, #b3e4a6); + background-image: -o-linear-gradient(top, #b3e4a6, #b3e4a6); + background-image: linear-gradient(top, #b3e4a6, #b3e4a6); + background-repeat: repeat-x; + -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); + } + + img.et2_button_icon[src*="svg"]:active { + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + } + + /*look in layout_content_elements*/ + .et2_selectbox .ui-multiselect-checkboxes li:hover { + background-color: rgba(102, 153, 204, 0.7) !important; + } + + .et2_selectbox .ui-multiselect-checkboxes label { + display: block; + border: 0px solid transparent; + padding: 0.1em 0.2em; + } + + .et2_selectbox .ui-multiselect-checkboxes div.ui-icon-close { + /*visibility: hidden;*/ + background-image: url(../images/close.svg); + margin: -2px -3px; + padding: 0px; + } + + /** * Date / Time widgets */ - span.et2_date input.et2_date { - min-width: 21.5ex; - } - span.et2_date span { - color: #FFFFFF; - } - span.et2_date_duration { - border: 1px solid #E6E6E6; - } - span.et2_date_duration :not(input:first-child) { - border-left: 1px solid #F2F2F2; - } - .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { - background-image: url(../images/bullet.svg); - background-color: transparent; - background-size: contain; - border: none; - opacity: 1; - } - .ui-datepicker .ui-datepicker-prev:hover, - .ui-datepicker .ui-datepicker-next:hover { - border: none; - background-color: transparent; - } - .ui-datepicker .ui-datepicker-prev span { - background-image: url(../images/previous.svg) !important; - background-position: 0px 0px !important; - background-size: contain; - } - .ui-datepicker .ui-datepicker-next span { - background-image: url(../images/next.svg) !important; - background-position: 0px 0px !important; - background-size: contain; - } - .ui-datepicker .ui-datepicker-next span:hover { - border: none; - background-color: transparent; - } - .et2_file .progress li:hover div.remove { - width: 16px; - height: 16px; - background-image: url("../images/delete.svg"); - } - .et2_file .progress p { - background-color: #FFDD73; - } - span.et2_file_span { - background-image: url(../images/attach.svg); - } - span.et2_file_span 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; - } - span.et2_file_span:hover { - 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; - } - div.et2_file input.et2_file_upload { - background-color: #FFFFFF !important; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - div.et2_file input.et2_file_upload:hover { - /*.background_color_20_gray;*/ - -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); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #b3e4a6 !important; - } - /* Gantt widget */ - .et2_gantt .gantt_task_line { - background-color: #679FD2; - } - .et2_gantt .gantt_task_line .gantt_task_content { - color: #043A6B; - } - .et2_gantt .gantt_task_line .gantt_selected { - background-color: rgba(255, 194, 0, 0.01); - } - .et2_gantt .gantt_task_line .gantt_task_progress { - color: #043A6B; - background-color: #FFDD73; - /* outline progress in a complementary color */ - border: 1px solid #BF9D30; - border-right: none; - margin: -1px; - } - .et2_gantt .gantt_task_line.gantt_milestone { - background-color: #ffc200; - border-color: #BF9D30; - } - .et2_gantt .gantt_task_link .gantt_line_wrapper div { - background-color: green; - } - .et2_gantt .gantt_task_link .gantt_link_arrow_left { - border-right-color: green; - } - .et2_gantt .gantt_task_link .gantt_link_arrow_right { - border-left-color: green; - } - .et2_gantt .gantt_task_link:hover .gantt_line_wrapper div { - box-shadow: 0 0 5px 0 green; - } - .et2_gantt .gantt_task_link.invalid_constraint .gantt_line_wrapper div { - background-color: #AE1D00; - } - .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_left { - border-right-color: #AE1D00; - } - .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_right { - border-left-color: #AE1D00; - } - .et2_gantt .gantt_task_link.invalid_constraint:hover .gantt_line_wrapper div { - box-shadow: 0 0 5px 0 #AE1D00; - } - /* + span.et2_date input.et2_date { + min-width: 21.5ex; + } + + span.et2_date span { + color: #FFFFFF; + } + + span.et2_date_duration { + border: 1px solid #E6E6E6; + } + + span.et2_date_duration :not(input:first-child) { + border-left: 1px solid #F2F2F2; + } + + .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { + background-image: url(../images/bullet.svg); + background-color: transparent; + background-size: contain; + border: none; + opacity: 1; + } + + .ui-datepicker .ui-datepicker-prev:hover, + .ui-datepicker .ui-datepicker-next:hover { + border: none; + background-color: transparent; + } + + .ui-datepicker .ui-datepicker-prev span { + background-image: url(../images/previous.svg) !important; + background-position: 0px 0px !important; + background-size: contain; + } + + .ui-datepicker .ui-datepicker-next span { + background-image: url(../images/next.svg) !important; + background-position: 0px 0px !important; + background-size: contain; + } + + .ui-datepicker .ui-datepicker-next span:hover { + border: none; + background-color: transparent; + } + + .et2_file .progress li:hover div.remove { + width: 16px; + height: 16px; + background-image: url("../images/delete.svg"); + } + + .et2_file .progress p { + background-color: #FFDD73; + } + + span.et2_file_span { + background-image: url(../images/attach.svg); + } + + span.et2_file_span 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; + } + + span.et2_file_span:hover { + 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; + } + + div.et2_file input.et2_file_upload { + background-color: #FFFFFF !important; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + } + + div.et2_file input.et2_file_upload:hover { + /*.background_color_20_gray;*/ + -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); + border: 1px solid rgba(0, 0, 0, 0.5); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background-color: #b3e4a6 !important; + } + + /* Gantt widget */ + .et2_gantt .gantt_task_line { + background-color: #679FD2; + } + + .et2_gantt .gantt_task_line .gantt_task_content { + color: #043A6B; + } + + .et2_gantt .gantt_task_line .gantt_selected { + background-color: rgba(255, 194, 0, 0.01); + } + + .et2_gantt .gantt_task_line .gantt_task_progress { + color: #043A6B; + background-color: #FFDD73; + /* outline progress in a complementary color */ + border: 1px solid #BF9D30; + border-right: none; + margin: -1px; + } + + .et2_gantt .gantt_task_line.gantt_milestone { + background-color: #ffc200; + border-color: #BF9D30; + } + + .et2_gantt .gantt_task_link .gantt_line_wrapper div { + background-color: green; + } + + .et2_gantt .gantt_task_link .gantt_link_arrow_left { + border-right-color: green; + } + + .et2_gantt .gantt_task_link .gantt_link_arrow_right { + border-left-color: green; + } + + .et2_gantt .gantt_task_link:hover .gantt_line_wrapper div { + box-shadow: 0 0 5px 0 green; + } + + .et2_gantt .gantt_task_link.invalid_constraint .gantt_line_wrapper div { + background-color: #AE1D00; + } + + .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_left { + border-right-color: #AE1D00; + } + + .et2_gantt .gantt_task_link.invalid_constraint .gantt_link_arrow_right { + border-left-color: #AE1D00; + } + + .et2_gantt .gantt_task_link.invalid_constraint:hover .gantt_line_wrapper div { + box-shadow: 0 0 5px 0 #AE1D00; + } + + /* Link to / Selector Widget */ - .et2_link_to.et2_toolbar { - margin-top: 2px !important; - } - .et2_link_to .et2_link_entry select, - .et2_link_to .et2_link_entry input, - .et2_link_to .et2_link_entry button { - padding: 0; - padding-left: 4px; - } - .et2_link_to .et2_link_entry .ui-icon-close { - background-color: transparent; - left: 0px; - } - .et2_link_to .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../images/arrow_down.svg) no-repeat center right; - } - .et2_link_to .et2_file span { - background-position: center; - background-size: 16px 16px; - background-repeat: no-repeat; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - .et2_link_entry .ui-icon-triangle-1-s { - background: #ffffff url(../images/arrow_down.svg) no-repeat center right; - background-size: contain; - } - .et2_link { - color: #0C5DA5; - } - .et2_link_list tr { - cursor: pointer; - } - .et2_link_list tr:hover { - background-color: rgba(153, 204, 255, 0.4); - } - .et2_link_list tr:active { - background-color: rgba(255, 194, 0, 0.01); - } - .et2_link_list .icon img, - .et2_link_list .icon { - width: 14px !important; - height: 14px !important; - } - .et2_link_list td div.delete { - visibility: hidden; - background-image: url("../images/delete.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: 12px 12px; - padding: 0px; - } - .et2_vfs td div.delete { - visibility: hidden; - background-image: url("../images/delete.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: 12px 12px; - padding: 0px; - } - .egw_tooltip { - background-color: #ffffff; - } - /** + .et2_link_to.et2_toolbar { + margin-top: 2px !important; + } + + .et2_link_to .et2_link_entry select, + .et2_link_to .et2_link_entry input, + .et2_link_to .et2_link_entry button { + padding: 0; + padding-left: 4px; + } + + .et2_link_to .et2_link_entry .ui-icon-close { + background-color: transparent; + left: 0px; + } + + .et2_link_to .et2_link_entry .ui-icon-triangle-1-s { + background: #ffffff url(../images/arrow_down.svg) no-repeat center right; + } + + .et2_link_to .et2_file span { + background-position: center; + background-size: 16px 16px; + background-repeat: no-repeat; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + } + + .et2_link_entry .ui-icon-triangle-1-s { + background: #ffffff url(../images/arrow_down.svg) no-repeat center right; + background-size: contain; + } + + .et2_link { + color: #0C5DA5; + } + + .et2_link_list tr { + cursor: pointer; + } + + .et2_link_list tr:hover { + background-color: rgba(153, 204, 255, 0.4); + } + + .et2_link_list tr:active { + background-color: rgba(255, 194, 0, 0.01); + } + + .et2_link_list .icon img { + width: 14px !important; + height: 14px !important; + } + + .et2_link_list td div.delete { + visibility: hidden; + background-image: url("../images/delete.svg"); + background-position: center; + background-repeat: no-repeat; + background-size: 12px 12px; + padding: 0px; + } + + .et2_vfs td div.delete { + visibility: hidden; + background-image: url("../images/delete.svg"); + background-position: center; + background-repeat: no-repeat; + background-size: 12px 12px; + padding: 0px; + } + + .egw_tooltip { + background-color: #ffffff; + } + + /** * Tabs widget */ - /*.et2_tabflag { + /*.et2_tabflag { margin: 1em 3px -1px 0; padding: 4px; .background_color_25_gray; @@ -608,7 +699,7 @@ background-color: @gray_0; .border_radius_button_normal; }*/ - /*.et2_tabheader { + /*.et2_tabheader { padding-left: 0em; border-bottom: 1px solid #bfbfbf; margin: 0 2px; @@ -617,222 +708,246 @@ margin-left: 1px; } }*/ - /** + /** * Validation */ - .et2_required, - [required] { - background-color: #FFDD73; - -webkit-border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - -moz-border-radius-topright: 3px; - -moz-border-radius-bottomright: 3px; - -moz-border-radius-bottomleft: 3px; - -moz-border-radius-topleft: 3px; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; - /*.background-clip(padding-box);*/ - } - /** + .et2_required, + [required] { + background-color: #FFDD73; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; + /*.background-clip(padding-box);*/ + } + + /** * hrule widget */ - hr { - border-top: 1px solid #E6E6E6; - } - /** + hr { + border-top: 1px solid #E6E6E6; + } + + /** * grid widget */ - .et2_grid th, - .et2_grid tr, - .et2_grid td { - /* border: 1px dashed silver;*/ - } - .et2_grid th .gray, - .et2_grid tr .gray, - .et2_grid td .gray { - padding: 0px; - height: 24px; - /*background-color: @color_hint;*/ - /*.background-color-5-gray;*/ - background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(191, 191, 191, 0.65))); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* IE10+ */ - background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0); - /* IE6-9 */ - } - .et2_grid th .gray span.et2_label, - .et2_grid tr .gray span.et2_label, - .et2_grid td .gray span.et2_label { - background-color: transparent; - padding-left: 3px; - } - /* ################################################################################## + .et2_grid th, + .et2_grid tr, + .et2_grid td { + /* border: 1px dashed silver;*/ + } + + .et2_grid th .gray, + .et2_grid tr .gray, + .et2_grid td .gray { + padding: 0px; + height: 24px; + /*background-color: @color_hint;*/ + /*.background-color-5-gray;*/ + background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); + /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(191, 191, 191, 0.65))); + /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); + /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); + /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); + /* IE10+ */ + background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); + /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0); + /* IE6-9 */ + } + + .et2_grid th .gray span.et2_label, + .et2_grid tr .gray span.et2_label, + .et2_grid td .gray span.et2_label { + background-color: transparent; + padding-left: 3px; + } + + /* ################################################################################## * Nextmatch widget * * SEARCH FIELD | SEARCH BUTTON ###### FILTER ##### EXPORT IMG ### FAVORITES ### COUNT * * ##################################################################################*/ - div.header_row_right div[id$=favorite_wrapper] { - margin-top: 0px; - } - .et2_nextmatch { - background-color: transparent; - } - .et2_nextmatch .egwGridView_outer thead tr > th:first-child { - border-left: 6px solid #B4B4B4; - } - .et2_nextmatch .nextmatch_header { - padding: 0; - border: none; - background-image: none; - background-color: transparent; - } - .et2_nextmatch > img { - width: 16px; - height: 16px; - } - /*################################################################ + div.header_row_right div[id$=favorite_wrapper] { + margin-top: 0px; + } + + .et2_nextmatch { + background-color: transparent; + } + + .et2_nextmatch .egwGridView_outer thead tr > th:first-child { + border-left: 6px solid #B4B4B4; + } + + .et2_nextmatch .nextmatch_header { + padding: 0; + border: none; + background-image: none; + background-color: transparent; + } + + .et2_nextmatch > img { + width: 16px; + height: 16px; + } + + /*################################################################ * * Filters * ################################################################*/ - .nextmatch_header_row .et2_label select { - margin-left: 3px; - border-color: #CDCDCD; - } - .nextmatch_header_row > .filters { - /*width: 83%;*/ - z-index: 7; - margin-bottom: 4px; - top: 0px; - padding: 0 5px 0 0; - /*background-color: @gray_30;*/ - background: transparent; - border: none !important; - /*border-color: @gray_100;*/ - background-image: none !important; - min-height: 37px; - margin-left: 224px; - margin-right: 119px; - /* .border_radius (3px, 3px, 0px, 0px);*/ - } - .nextmatch_header_row > .filters select { - margin-top: 10px; - } - .nextmatch_header_row > .filters .et2_label { - padding: 0.2em; - } - .nextmatch_header_row > .filters .et2_label select { - /*.Complete_Button_select;*/ - margin-left: 2px; - margin-right: 1px; - margin-top: 8px; - width: 20%; - max-width: 20% !important; - /*Dialog - Addressbook - View */ - } - .nextmatch_header_row > .filters .et2_label select:hover { - -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); - } - .nextmatch_header_row > .filters .et2_label select #infolog-index_cat_id, - .nextmatch_header_row > .filters .et2_label select #infolog-index_filter { - width: 50% !important; - } - .nextmatch_header > .filters > select > option { - font-size: 11px; - } - .nextmatch_header > .filters input { - margin-right: 2ex; - width: 15%; - border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #B4B4B4; - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - width: auto; - /*margin: 0.5em 0em 0.5em 0;*/ - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - .nextmatch_header > .filters input:hover { - -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); - } - .nextmatch_header > .filters input:focus { - outline: 0; - border-width: 1px; - border-style: solid; - border-color: #B4B4B4; - -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - } - /*################################################################ + .nextmatch_header_row .et2_label select { + margin-left: 3px; + border-color: #CDCDCD; + } + + .nextmatch_header_row > .filters { + /*width: 83%;*/ + z-index: 7; + margin-bottom: 4px; + top: 0px; + padding: 0 5px 0 0; + /*background-color: @gray_30;*/ + background: transparent; + border: none !important; + /*border-color: @gray_100;*/ + background-image: none !important; + min-height: 37px; + margin-left: 224px; + margin-right: 119px; + /* .border_radius (3px, 3px, 0px, 0px);*/ + } + + .nextmatch_header_row > .filters select { + margin-top: 10px; + } + + .nextmatch_header_row > .filters .et2_label { + padding: 0.2em; + } + + .nextmatch_header_row > .filters .et2_label select { + /*.Complete_Button_select;*/ + margin-left: 2px; + margin-right: 1px; + margin-top: 8px; + width: 20%; + max-width: 20% !important; + /*Dialog - Addressbook - View */ + } + + .nextmatch_header_row > .filters .et2_label select:hover { + -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); + } + + .nextmatch_header_row > .filters .et2_label select #infolog-index_cat_id, + .nextmatch_header_row > .filters .et2_label select #infolog-index_filter { + width: 50% !important; + } + + .nextmatch_header > .filters > select > option { + font-size: 11px; + } + + .nextmatch_header > .filters input { + margin-right: 2ex; + width: 15%; + border: 1px solid rgba(0, 0, 0, 0.15); + border-color: #B4B4B4; + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + width: auto; + /*margin: 0.5em 0em 0.5em 0;*/ + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + } + + .nextmatch_header > .filters input:hover { + -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); + } + + .nextmatch_header > .filters input:focus { + outline: 0; + border-width: 1px; + border-style: solid; + border-color: #B4B4B4; + -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + } + + /*################################################################ * * Export Button * ################################################################*/ - .nextmatch_header > .filters .et2_button_icon { - margin-top: 8px; - vertical-align: middle; - /*.background_color_10_gray;*/ - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - box-shadow: none; - margin-right: 1em; - width: 16px; - height: 16px; - padding: 2px; - } - .nextmatch_header > .filters .et2_button_icon:hover { - /*.background_color_20_gray;*/ - -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); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - .nextmatch_header > .filters .et2_button_icon:active { - /*.background_color_30_gray;*/ - border: 1px solid rgba(0, 0, 0, 0.9); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - background-color: #b3e4a6; - } - /*################################################################ + .nextmatch_header > .filters .et2_button_icon { + margin-top: 8px; + vertical-align: middle; + /*.background_color_10_gray;*/ + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + box-shadow: none; + margin-right: 1em; + width: 16px; + height: 16px; + padding: 2px; + } + + .nextmatch_header > .filters .et2_button_icon:hover { + /*.background_color_20_gray;*/ + -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); + border: 1px solid rgba(0, 0, 0, 0.5); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + } + + .nextmatch_header > .filters .et2_button_icon:active { + /*.background_color_30_gray;*/ + border: 1px solid rgba(0, 0, 0, 0.9); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + background-color: #b3e4a6; + } + + /*################################################################ * * Kategorien * ################################################################*/ - /*div#admin-categories-index{ + /*div#admin-categories-index{ padding: 0px; @@ -840,232 +955,270 @@ // set height to zero div.ui-helper-clearfix { height: 0px;} }*/ - /*################################################################ + /*################################################################ * * Favorites * ################################################################*/ - .nextmatch_header div[id$=favorite_wrapper] { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - /*.background_color_25_gray;*/ - z-index: 200; - } - /** + .nextmatch_header div[id$=favorite_wrapper] { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + /*.background_color_25_gray;*/ + z-index: 200; + } + + /** * Drop down button */ - .et2_dropdown { - position: relative; - /*top: -5px;*/ - /*left Button*/ - /*right Button*/ - /* hover */ - } - .et2_dropdown button { - height: 24px; - display: inline-block; - vertical-align: middle; - margin-right: -2px; - padding: 0px 1ex; - background-color: #FFFFFF; - background-image: none; - } - .et2_dropdown button img { - width: 12px; - height: 12px; - } - .et2_dropdown button > div { - vertical-align: middle; - } - .et2_dropdown button:last-child { - padding: 0px; - } - .et2_dropdown + ul.ui-menu { - position: absolute; - z-index: 2; - } - .et2_dropdown button.ui-corner-left, - .et2_dropdown button.ui-state-default { - background-image: none !important; - background-repeat: no-repeat !important; - /*&:hover {.Complete_Button_save_apply_copy;}*/ - } - .et2_dropdown button.ui-corner-left img, - .et2_dropdown button.ui-state-default img { - width: 16px; - height: 16px; - text-align: left; - position: relative; - right: 1px; - top: 1px; - } - .et2_dropdown button.ui-corner-left:active, - .et2_dropdown button.ui-state-default:active { - background-color: #b3e4a6; - } - .et2_dropdown button.ui-state-hover { - background-color: #E6E6E6; - } - .sidebox-favorites ul.favorites { - width: 99%; - padding: 0px; - border: none; - background: white; - } - .sidebox-favorites ul.favorites li.ui-menu-item { - margin-left: 0px; - min-height: 16px; - padding: 3px 0px; - margin-bottom: 0.2em; - } - .sidebox-favorites ul.favorites li.ui-menu-item a { - color: #000000; - } - .sidebox-favorites ul.favorites li.ui-menu-item:hover { - color: #000000; - background-color: rgba(153, 204, 255, 0.4); - padding: 3px 0; - } - .sidebox-favorites ul.favorites li.ui-menu-item:hover a { - text-decoration: none; - color: #000000; - } - .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { - background-image: url(../images/delete.svg); - background-size: 12px 12px; - background-position: center 2px; - margin-top: 0px; - } - .sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a { - color: #000000; - } - .sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a { - color: #000000; - } - .sidebox-favorites ul.favorites li.ui-menu-item a { - line-height: inherit; - padding: 2px 1px; - } - .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { - background-image: url(../images/favorites.svg); - background-size: 12px 12px; - background-position: 1px 0; - margin-right: 9px; - margin-left: 2px; - } - .sidebox-favorites ul.favorites li.ui-menu-item a div.sideboxstar { - width: 4px; - height: 12px; - margin-left: 5px; - margin-right: 10px; - background-image: url(../images/fav_filter.svg); - background-size: 12px 12px; - background-position: 0 0; - background-repeat: no-repeat; - } - .sidebox-favorites ul.favorites li.ui-menu-item img { - width: 12px; - height: 12px; - margin-left: 5px; - margin-right: 10px; - margin-top: -3px; - } - .sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight { - color: #000000; - background: rgba(102, 153, 204, 0.7); - padding: 3px 0; - border: none; - } - .favorites img { - width: 12px; - height: 12px; - } - .nextmatch_sortheader { - /* background-position: right center; + .et2_dropdown { + position: relative; + /*top: -5px;*/ + /*left Button*/ + /*right Button*/ + /* hover */ + } + + .et2_dropdown button { + height: 24px; + display: inline-block; + vertical-align: middle; + margin-right: -2px; + padding: 0px 1ex; + background-color: #FFFFFF; + background-image: none; + } + + .et2_dropdown button img { + width: 12px; + height: 12px; + } + + .et2_dropdown button > div { + vertical-align: middle; + } + + .et2_dropdown button:last-child { + padding: 0px; + } + + .et2_dropdown + ul.ui-menu { + position: absolute; + z-index: 2; + } + + .et2_dropdown button.ui-corner-left, + .et2_dropdown button.ui-state-default { + background-image: none !important; + background-repeat: no-repeat !important; + /*&:hover {.Complete_Button_save_apply_copy;}*/ + } + + .et2_dropdown button.ui-corner-left img, + .et2_dropdown button.ui-state-default img { + width: 16px; + height: 16px; + text-align: left; + position: relative; + right: 1px; + top: 1px; + } + + .et2_dropdown button.ui-corner-left:active, + .et2_dropdown button.ui-state-default:active { + background-color: #b3e4a6; + } + + .et2_dropdown button.ui-state-hover { + background-color: #E6E6E6; + } + + .sidebox-favorites ul.favorites { + width: 99%; + padding: 0px; + border: none; + background: white; + } + + .sidebox-favorites ul.favorites li.ui-menu-item { + margin-left: 0px; + min-height: 16px; + padding: 3px 0px; + margin-bottom: 0.2em; + } + + .sidebox-favorites ul.favorites li.ui-menu-item a { + color: #000000; + } + + .sidebox-favorites ul.favorites li.ui-menu-item:hover { + color: #000000; + background-color: rgba(153, 204, 255, 0.4); + padding: 3px 0; + } + + .sidebox-favorites ul.favorites li.ui-menu-item:hover a { + text-decoration: none; + color: #000000; + } + + .sidebox-favorites ul.favorites li.ui-menu-item:hover a .ui-icon-trash { + background-image: url(../images/delete.svg); + background-size: 12px 12px; + background-position: center 2px; + margin-top: 0px; + } + + .sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a { + color: #000000; + } + + .sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a { + color: #000000; + } + + .sidebox-favorites ul.favorites li.ui-menu-item a { + line-height: inherit; + padding: 2px 1px; + } + + .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { + background-image: url(../images/favorites.svg); + background-size: 12px 12px; + background-position: 1px 0; + margin-right: 9px; + margin-left: 2px; + } + + .sidebox-favorites ul.favorites li.ui-menu-item a div.sideboxstar { + width: 4px; + height: 12px; + margin-left: 5px; + margin-right: 10px; + background-image: url(../images/fav_filter.svg); + background-size: 12px 12px; + background-position: 0 0; + background-repeat: no-repeat; + } + + .sidebox-favorites ul.favorites li.ui-menu-item img { + width: 12px; + height: 12px; + margin-left: 5px; + margin-right: 10px; + margin-top: -3px; + } + + .sidebox-favorites ul.favorites li.ui-menu-item.ui-state-highlight { + color: #000000; + background: rgba(102, 153, 204, 0.7); + padding: 3px 0; + border: none; + } + + .favorites img { + width: 12px; + height: 12px; + } + + .nextmatch_sortheader { + /* background-position: right center; background-repeat: no-repeat; color: #003075; cursor: pointer; margin-right: 10px;*/ - padding-right: 18px; - } - .nextmatch_sortheader.asc { - font-weight: bold; - background-image: url(../images/arrow_up.svg); - background-size: 8px 8px; - } - .nextmatch_sortheader.desc { - font-weight: bold; - background-image: url(../images/arrow_down.svg); - background-size: 8px 8px; - } - /** + padding-right: 18px; + } + + .nextmatch_sortheader.asc { + font-weight: bold; + background-image: url(../images/arrow_up.svg); + background-size: 8px 8px; + } + + .nextmatch_sortheader.desc { + font-weight: bold; + background-image: url(../images/arrow_down.svg); + background-size: 8px 8px; + } + + /** * Grid / nextmatch Hierarchy */ - /** + /** * This class' margin-right is used to line up columns at each indent level * Classes level_# are created programmatically with margin-right * depth * Margin-right = -(indent + border) */ - .indentation { - margin-right: -15px; - } - /* End of hierarchy */ - /* Mangled link-to widget inside a nextmatch - used for DnD uploads */ - .et2_nextmatch * .et2_link_to { - position: relative; - } - div.et2_progress > div { - background-color: #FFDD73; - /*height: 5px;*/ - } - /** + .indentation { + margin-right: -15px; + } + + /* End of hierarchy */ + /* Mangled link-to widget inside a nextmatch - used for DnD uploads */ + .et2_nextmatch * .et2_link_to { + position: relative; + } + + div.et2_progress > div { + background-color: #FFDD73; + /*height: 5px;*/ + } + + /** * et2_toolbar */ - .ui-toolbar_dropShadow { - min-height: 30px; - border: dashed; - border-width: 1px; - border-color: gray; - opacity: 0.7; - } - /** + .ui-toolbar_dropShadow { + min-height: 30px; + border: dashed; + border-width: 1px; + border-color: gray; + opacity: 0.7; + } + + /** * et2_textbox */ - textarea.et2_textbox { - border: 1px solid #E6E6E6; - } - textarea, - textarea.description { - background-color: #fafafa; - padding: 0.3em 0 0 0.3em; - border: none; - height: auto; - } - /** + textarea.et2_textbox { + border: 1px solid #E6E6E6; + } + + textarea, + textarea.description { + background-color: #fafafa; + padding: 0.3em 0 0 0.3em; + border: none; + height: auto; + } + + /** * et2_taglist */ - .et2_taglist_toggle > div.toggle { - background-image: url("../images/minus.svg"); - background-size: 50%; - } - .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { - background-image: url("../images/plus.svg"); - background-size: 50%; - } - .et2_taglist.et2_taglist_category { - max-height: 30px !important; - } - /** + .et2_taglist_toggle > div.toggle { + background-image: url("../images/minus.svg"); + background-size: 50%; + } + + .et2_taglist_toggle.et2_taglist_single.expanded > div.toggle { + background-image: url("../images/plus.svg"); + background-size: 50%; + } + + .et2_taglist.et2_taglist_category { + max-height: 30px !important; + } + + /** * et2_toolbar */ - .et2_toolbar { - background: none; - margin: 0 !important; - padding: 0 !important; - } - .et2_toolbar-dropdown button { - /* height: 100% !important; + .et2_toolbar { + background: none; + margin: 0 !important; + padding: 0 !important; + } + + .et2_toolbar-dropdown button { + /* height: 100% !important; border: none !important; background: #E0E0E0 !important; background-color: #E0E0E0 !important; @@ -1077,138 +1230,165 @@ padding: 1px !important; margin: 2px !important; min-height: 19px;*/ - } - div.ui-toolbar-menulist { - position: absolute; - height: inherit; - z-index: 999 !important; - overflow: hidden !important; - border: solid black 1px; - padding: 0 !important; - margin-top: 3px !important; - } - .ui-toolbar-menulist > h { - padding-bottom: 7px; - } - .ui-toolbar-menulistHeader { - font-size: xx-small; - height: 100%; - margin-top: 2px; - direction: ltr; - } - .et2_toolbar_more { - float: right; - direction: rtl; - } - .et2_toolbar_actionlist { - float: left; - } - .splitter-bar .ui-icon.ui-icon-grip-solid-vertical { - background-image: url(../images/splitter_vert.png); - background-position: center; - background-repeat: no-repeat; - } - .splitter-bar .ui-icon.ui-icon-grip-solid-horizontal { - background-image: url(../images/splitter_horz.png); - background-position: center; - background-repeat: no-repeat; - } - .splitter-bar.ui-state-hover { - background: none; - } - /** + } + + div.ui-toolbar-menulist { + position: absolute; + height: inherit; + z-index: 999 !important; + overflow: hidden !important; + border: solid black 1px; + padding: 0 !important; + margin-top: 3px !important; + } + + .ui-toolbar-menulist > h { + padding-bottom: 7px; + } + + .ui-toolbar-menulistHeader { + font-size: xx-small; + height: 100%; + margin-top: 2px; + direction: ltr; + } + + .et2_toolbar_more { + float: right; + direction: rtl; + } + + .et2_toolbar_actionlist { + float: left; + } + + .splitter-bar .ui-icon.ui-icon-grip-solid-vertical { + background-image: url(../images/splitter_vert.png); + background-position: center; + background-repeat: no-repeat; + } + + .splitter-bar .ui-icon.ui-icon-grip-solid-horizontal { + background-image: url(../images/splitter_horz.png); + background-position: center; + background-repeat: no-repeat; + } + + .splitter-bar.ui-state-hover { + background: none; + } + + /** * Do not wrap content of a single widget incl. a label or children of a hbox. * Taking into eg. select-account widget rendered as ul and prefixed with a label * and maintaining some space between widgets. */ - .et2_nowrap { - white-space: nowrap; - } - ul.et2_nowrap, - div.et2_nowrap { - display: inline-block; - } - .et2_nowrap > * { - padding-left: 5px; - } - .et2_nowrap > *:first-child { - padding-left: 0; - } - .et2_nowrap > label > * { - padding-left: 5px; - } - .et2_vfsPath input.et2_textbox.et2_vfs { - background-image: url(../images/edit.svg); - } - /*#################################### ET2 SEARCHBOX #####################################################*/ - .et2_searchbox button.et2_button { - background-image: url(../images/search.svg); - background-size: 20px 20px; - background-position: center; - } - /*#################################### ET2 SLIDESWITCH #####################################################*/ - span.et2_checkbox_slideSwitch:hover { - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - border: 1px solid gray; - cursor: pointer; - } - span.et2_checkbox_slideSwitch > span.slideSwitch_container { - background-color: #fafafa; - } - .et2_toolbar span.et2_checkbox_slideSwitch { - filter: grayscale(1) contrast(0.9999) opacity(0.7); - } - .et2_toolbar span.et2_checkbox_slideSwitch.switchOn { - filter: none; - } - /*#################################### ADMIN PART #####################################################*/ - iframe#admin-index_iframe { - background-color: yellow; - } - table.egwGridView_grid img { - /*filter grey*/ - /*filter grey*/ - filter: none; - -webkit-filter: initial; - -moz-filter: initial; - -ms-filter: initial; - -o-filter: initial; - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: initial; - /* IE 6-9 */ - } - .admin_aclAPP { - /*filter grey*/ - filter: none; - -webkit-filter: initial; - -moz-filter: initial; - -ms-filter: initial; - -o-filter: initial; - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: initial; - /* IE 6-9 */ - } - /*#################################### END ADMIN PART #####################################################*/ + .et2_nowrap { + white-space: nowrap; + } + + ul.et2_nowrap, + div.et2_nowrap { + display: inline-block; + } + + .et2_nowrap > * { + padding-left: 5px; + } + + .et2_nowrap > *:first-child { + padding-left: 0; + } + + .et2_nowrap > label > * { + padding-left: 5px; + } + + .et2_vfsPath input.et2_textbox.et2_vfs { + background-image: url(../images/edit.svg); + } + + /*#################################### ET2 SEARCHBOX #####################################################*/ + .et2_searchbox button.et2_button { + background-image: url(../images/search.svg); + background-size: 20px 20px; + background-position: center; + } + + /*#################################### ET2 SLIDESWITCH #####################################################*/ + span.et2_checkbox_slideSwitch:hover { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + border: 1px solid gray; + cursor: pointer; + } + + span.et2_checkbox_slideSwitch > span.slideSwitch_container { + background-color: #fafafa; + } + + .et2_toolbar span.et2_checkbox_slideSwitch { + filter: grayscale(1) contrast(0.9999) opacity(0.7); + } + + .et2_toolbar span.et2_checkbox_slideSwitch.switchOn { + filter: none; + } + + /*#################################### ADMIN PART #####################################################*/ + iframe#admin-index_iframe { + background-color: yellow; + } + + table.egwGridView_grid img { + /*filter grey*/ + /*filter grey*/ + filter: none; + -webkit-filter: initial; + -moz-filter: initial; + -ms-filter: initial; + -o-filter: initial; + /*filter: url(grayscale.svg); Firefox 4+ */ + filter: initial; + /* IE 6-9 */ + } + + .admin_aclAPP { + /*filter grey*/ + filter: none; + -webkit-filter: initial; + -moz-filter: initial; + -ms-filter: initial; + -o-filter: initial; + /*filter: url(grayscale.svg); Firefox 4+ */ + filter: initial; + /* IE 6-9 */ + } + + /*#################################### END ADMIN PART #####################################################*/ } + /*#################################### Media Queries #####################################################*/ @media only screen and (min-width: 980px) and (max-width: 1279px) { - .nextmatch_header > .filters select { - margin: 0px; - } + .nextmatch_header > .filters select { + margin: 0px; + } } + /* Printing */ @media screen { - .onlyPrint { - display: none !important; - } + .onlyPrint { + display: none !important; + } } + @media print { - .noPrint { - display: none !important; - } + .noPrint { + display: none !important; + } } + /** * EGroupware: Stylite Pixelegg template * @@ -1223,501 +1403,585 @@ * @version $Id$ */ #uical_select_resource { - background-color: rgba(153, 204, 255, 0.4); + background-color: rgba(153, 204, 255, 0.4); } + .uiaccountselection .primary_group { - background-color: rgba(153, 204, 255, 0.4); + background-color: rgba(153, 204, 255, 0.4); } + option:checked { - background-color: rgba(153, 204, 255, 0.4); + background-color: rgba(153, 204, 255, 0.4); } + .ui-tooltip { - padding: 8px; - position: absolute; - z-index: 9999; - max-width: 300px; - -webkit-box-shadow: 0 0 5px #aaa; - -moz-box-shadow: 0 0 5px #aaa; - box-shadow: 0 0 5px #aaa; + padding: 8px; + position: absolute; + z-index: 9999; + max-width: 300px; + -webkit-box-shadow: 0 0 5px #aaa; + -moz-box-shadow: 0 0 5px #aaa; + box-shadow: 0 0 5px #aaa; } + /* Component containers ----------------------------------*/ .ui-widget { - font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; - font-size: 1.1em; + font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; + font-size: 1.1em; } + .ui-widget .ui-widget { - font-size: 1em; + font-size: 1em; } + .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { - font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; - font-size: 11px; + font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; + font-size: 11px; } + .ui-widget-content { - /*.bordered (@color-hint,@color-hint,@color-hint,@color-hint);*/ - background-image: none; - color: #808080 !important; - background: white; + /*.bordered (@color-hint,@color-hint,@color-hint,@color-hint);*/ + background-image: none; + color: #808080 !important; + background: white; } + .ui-widget-content a { - color: #999999; + color: #999999; } + .ui-widget-header { - border-top: solid 1px 0px !important; - border-left: solid 1px 0px !important; - border-right: solid 1px 0px !important; - border-bottom: solid 1px 0px !important; - /*.gradient_thead !important;*/ - background-color: #0C5DA5; - /*border-color: @gray_10;*/ - color: #000000; - font-weight: bold; - background-image: none; - border: 0px !important; + border-top: solid 1px 0px !important; + border-left: solid 1px 0px !important; + border-right: solid 1px 0px !important; + border-bottom: solid 1px 0px !important; + /*.gradient_thead !important;*/ + background-color: #0C5DA5; + /*border-color: @gray_10;*/ + color: #000000; + font-weight: bold; + background-image: none; + border: 0px !important; } + .ui-widget-header a { - color: #ffffff; + color: #ffffff; } + /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { - border-top: solid 1px 1px; - border-left: solid 1px 1px; - border-right: solid 1px 1px; - border-bottom: solid 1px 1px; - border-color: #B4B4B4; - background: transparent; - font-weight: normal; - color: #1a1a1a; + border-top: solid 1px 1px; + border-left: solid 1px 1px; + border-right: solid 1px 1px; + border-bottom: solid 1px 1px; + border-color: #B4B4B4; + background: transparent; + font-weight: normal; + color: #1a1a1a; } + .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { - color: #999999; - text-decoration: none; + color: #999999; + text-decoration: none; } + .ui-state-default .ui-icon.ui-icon-triangle-1-s { - background: url("../images/arrow_down.svg"); - background-size: 8px auto; - background-position: center; - background-repeat: no-repeat; + background: url("../images/arrow_down.svg"); + background-size: 8px auto; + background-position: center; + background-repeat: no-repeat; } + .ui-widget-header .ui-icon.ui-icon-check { - background-image: url("../images/check.svg"); - background-size: 12px auto; - background-position: center; - background-repeat: no-repeat; - filter: brightness(2.5); + background-image: url("../images/check.svg"); + background-size: 12px auto; + background-position: center; + background-repeat: no-repeat; + filter: brightness(2.5); } + .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-widget-content .ui-state-focus { - border-color: #E6E6E6; - background: rgba(102, 153, 204, 0.7); - background-image: none; - color: #FFFFFF; - font-weight: normal; + border-color: #E6E6E6; + background: rgba(102, 153, 204, 0.7); + background-image: none; + color: #FFFFFF; + font-weight: normal; } + .ui-state-focus.ui-menu-item a { - color: #E6E6E6; + color: #E6E6E6; } + .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover { - border-top: solid 1px 1px; - border-left: solid 1px 1px; - border-right: solid 1px 1px; - border-bottom: solid 1px 1px; - border-color: #E6E6E6; - background: rgba(102, 153, 204, 0.7); - background-image: none; - color: #ffffff; + border-top: solid 1px 1px; + border-left: solid 1px 1px; + border-right: solid 1px 1px; + border-bottom: solid 1px 1px; + border-color: #E6E6E6; + background: rgba(102, 153, 204, 0.7); + background-image: none; + color: #ffffff; } + .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { - color: #808080; - text-decoration: none; + color: #808080; + text-decoration: none; } + .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { - border-top: solid 1px 1px; - border-left: solid 1px 1px; - border-right: solid 1px 1px; - border-bottom: solid 1px 1px; - border-color: #CDCDCD; - background-image: none; - font-weight: bold; - color: #808080; + border-top: solid 1px 1px; + border-left: solid 1px 1px; + border-right: solid 1px 1px; + border-bottom: solid 1px 1px; + border-color: #CDCDCD; + background-image: none; + font-weight: bold; + color: #808080; } + .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { - color: #808080; - text-decoration: none; + color: #808080; + text-decoration: none; } + /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { - border-top: solid 1px 1px; - border-left: solid 1px 1px; - border-right: solid 1px 1px; - border-bottom: solid 1px 1px; - border-color: #B4B4B4; - color: #808080; + border-top: solid 1px 1px; + border-left: solid 1px 1px; + border-right: solid 1px 1px; + border-bottom: solid 1px 1px; + border-color: #B4B4B4; + color: #808080; } + .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { - color: #e6e6e6; + color: #e6e6e6; } + .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { - border-top: solid 1px 1px; - border-left: solid 1px 1px; - border-right: solid 1px 1px; - border-bottom: solid 1px 1px; - border-color: #E6E6E6; - color: #b3b3b3; + border-top: solid 1px 1px; + border-left: solid 1px 1px; + border-right: solid 1px 1px; + border-bottom: solid 1px 1px; + border-color: #E6E6E6; + color: #b3b3b3; } + .ui-state-error a, .ui-widget-content .ui-state-error a { - color: #FF0000; + color: #FF0000; } + .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { - color: #FF0000; + color: #FF0000; } + .drop-hover { - background-color: #FFDD73; + background-color: #FFDD73; } + .ui-icon-close { - /*visibility: hidden;*/ - /*background-image: url(../images/search.png);*/ - background-image: url("../images/cancel.svg"); - background-repeat: no-repeat; - background-color: #FFFFFF; - background-size: 12px 12px; - width: 16px; - height: 16px; - margin: 2px; - padding: 1px; - margin-top: 1px; - background-position: 0px 0px; - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; + /*visibility: hidden;*/ + /*background-image: url(../images/search.png);*/ + background-image: url("../images/cancel.svg"); + background-repeat: no-repeat; + background-color: #FFFFFF; + background-size: 12px 12px; + width: 16px; + height: 16px; + margin: 2px; + padding: 1px; + margin-top: 1px; + background-position: 0px 0px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } + .ui-icon-close:hover { - background-color: transparent; + background-color: transparent; } + .ui-icon-close:active { - background-color: #fff0c7 !important; + background-color: #fff0c7 !important; } + span.ui-icon-close { - margin-top: 0px; - top: 5px; + margin-top: 0px; + top: 5px; } + .et2_link_entry .ui-icon-close { - margin-top: -5px; - top: 9px !important; + margin-top: -5px; + top: 9px !important; } + /*Schliessen x*/ .ui-icon-closethick { - background-image: url(../images/close.svg) !important; - background-repeat: no-repeat; - background-color: #FFFFFF; - background-size: contain; - background-position: 0 0 !important; - color: #ffffff; - height: 16px; + background-image: url(../images/close.svg) !important; + background-repeat: no-repeat; + background-color: #FFFFFF; + background-size: contain; + background-position: 0 0 !important; + color: #ffffff; + height: 16px; } + .ui-icon-closethick:hover { - background-color: #E6E6E6; - color: #1E1E1E; - -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: #E6E6E6; + color: #1E1E1E; + -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); } + .ui-icon-closethick:active { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; - background-color: #fff0c7 !important; + -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; + -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; + background-color: #fff0c7 !important; } + /*###########################################*/ /*Menu */ .ui-menu .ui-menu-item { - padding: 0px; + padding: 0px; } + .ui-menu .ui-menu-item a { - line-height: 24px; - margin: 0px; - padding: 2px 5px; + line-height: 24px; + margin: 0px; + padding: 2px 5px; } + .ui-menu .ui-menu-item a input { - padding: 0; + padding: 0; } + .ui-menu .ui-menu-item a img { - padding: 0; + padding: 0; } + .ui-menu .ui-menu-item a.ui-state-focus { - margin: 0px !important; - line-height: 24px; - padding: 2px 5px; - border: none; + margin: 0px !important; + line-height: 24px; + padding: 2px 5px; + border: none; } + /*###########################################*/ /* col selection */ span.ui-multiselect-header { - color: #FFFFFF; + color: #FFFFFF; } + span.ui-icon-search { - background-image: url(../images/search.svg) !important; - background-position: 0px; - background-size: 10px 10px; + background-image: url(../images/search.svg) !important; + background-position: 0px; + background-size: 10px 10px; } + .ui-corner-all { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { - border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; } + .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { - border-top-left-radius: 3px; + border-top-left-radius: 3px; } + .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { - border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; } + .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { - border-top-right-radius: 3px; + border-top-right-radius: 3px; } + /*###########################################*/ /*Dialog: edit row*/ .ui-widget-overlay { - background: #CDCDCD; + background: #CDCDCD; } + .ui-dialog { - z-index: 1000; - box-shadow: -2px 1px 9px 3px #B4B4B4; + z-index: 1000; + box-shadow: -2px 1px 9px 3px #B4B4B4; } + .ui-dialog .ui-dialog-buttonpane { - padding-left: 0.8em; - padding-right: 0.8em; - padding-top: 0.7em; + padding-left: 0.8em; + padding-right: 0.8em; + padding-top: 0.7em; } + .ui-dialog .ui-dialog-titlebar { - padding-left: 0.8em; - padding-right: 0.8em; - font-size: 12pt; - border: none; - font-weight: normal; - background: white; + padding-left: 0.8em; + padding-right: 0.8em; + font-size: 12pt; + border: none; + font-weight: normal; + background: white; } + .ui-dialog .ui-dialog-titlebar-close { - right: 0.8em; + right: 0.8em; } + .ui-widget-content { - border: 1px solid #B4B4B4; + border: 1px solid #B4B4B4; } + .ui-widget-content .et2_selectbox button.et2_button_text, .ui-widget-content .et2_selectbox select.et2_selectbox { - height: 20px; + height: 20px; } + .ui-widget-content .et2_selectbox button { - background-image: none; + background-image: none; } + .ui-widget-content .et2_selectbox div.ui-widget-header ul li label.ui-state-hover { - background-color: rgba(102, 153, 204, 0.7); - font-weight: normal; + background-color: rgba(102, 153, 204, 0.7); + font-weight: normal; } + button.ui-button { - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; - border-color: #B4B4B4; - outline: none; + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + background-color: #E6E6E6; + padding-left: 30px; + background-position: 6px center; + background-repeat: no-repeat; + background-size: 20px auto; + /*.Button_size_h32_auto;*/ + height: 24px; + border-color: #B4B4B4; + outline: none; } + button.ui-button:hover { - background-color: #B4B4B4; - color: #1E1E1E; + background-color: #B4B4B4; + color: #1E1E1E; } + button.ui-button .ui-button-icon-primary:hover { - background-color: #B4B4B4; - color: #1E1E1E; - box-shadow: none; + background-color: #B4B4B4; + color: #1E1E1E; + box-shadow: none; } + /*###########################################*/ /*Dialog: calendar edit series*/ .ui-dialog-buttonset button.ui-button-text-only { - background-color: #CDCDCD; - background: inherit; - color: #000000 !important; - font-weight: normal !important; + background-color: #CDCDCD; + background: inherit; + color: #000000 !important; + font-weight: normal !important; } + .ui-dialog-buttonset button.ui-button-text-only:hover { - background-color: #B4B4B4; + background-color: #B4B4B4; } + .ui-dialog-buttonset button.ui-button { - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + background-color: #E6E6E6; + padding-left: 30px; + background-position: 6px center; + background-repeat: no-repeat; + background-size: 20px auto; + /*.Button_size_h32_auto;*/ + height: 24px; } + .ui-dialog-buttonset button.ui-button:hover { - background-color: #B4B4B4; - color: #1E1E1E; + background-color: #B4B4B4; + color: #1E1E1E; } + /*###########################################*/ /*Dialog: calendar edit series*/ div#ui-datepicker-div { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - border: 1px solid #B4B4B4; - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + border: 1px solid #B4B4B4; + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } + .ui-datepicker-header { - background-color: transparent; + background-color: transparent; } + .ui-datepicker .ui-state-default { - border: none; - padding: 2px; - text-align: center; + border: none; + padding: 2px; + text-align: center; } + .ui-datepicker .ui-state-highlight { - color: #1a1a1a; - font-weight: bold; + color: #1a1a1a; + font-weight: bold; } + .ui-datepicker .ui-datepicker-close { - border: 1px solid #b4b4b4; + border: 1px solid #b4b4b4; } + .ui-datepicker table.ui-datepicker-calendar .ui-state-active { - background-color: #0C5DA5; - color: #FFFFFF; + background-color: #0C5DA5; + color: #FFFFFF; } + .ui-datepicker div.ui-timepicker-div { - padding: 3px; + padding: 3px; } + .ui-datepicker div.ui-timepicker-div dt.ui_tpicker_time_label { - font-size: 0.9em; - margin-top: 6px; + font-size: 0.9em; + margin-top: 6px; } + .ui-datepicker div.ui-timepicker-div dd.ui_tpicker_time { - padding-left: 75px; - background-color: #ffc200; + padding-left: 75px; + background-color: #ffc200; } + .ui-datepicker div.ui-timepicker-div dd.ui_tpicker_time input { - font-size: 1.3em; + font-size: 1.3em; } + .ui-datepicker div.ui-timepicker-div dt.ui_tpicker_time_label { - font-size: 0.9em; + font-size: 0.9em; } + .ui-datepicker div.ui-timepicker-div dt.ui_tpicker_minute_label { - font-size: 0.9em; + font-size: 0.9em; } + .ui-datepicker div.ui-timepicker-div div.ui_tpicker_hour_slider span.ui-slider-handle { - background-color: #0C5DA5; - padding: 1px; - outline: none; + background-color: #0C5DA5; + padding: 1px; + outline: none; } + .ui-datepicker div.ui-timepicker-div div.ui_tpicker_minute_slider span.ui-slider-handle { - background-color: #0C5DA5; - padding: 1px; - outline: none; + background-color: #0C5DA5; + padding: 1px; + outline: none; } + .ui-datepicker div.ui-datepicker-buttonpane { - background-color: #679FD2; + background-color: #679FD2; } + .ui-datepicker button.ui-datepicker-current .ui-state-hover { - background-color: #b3e4a6 !important; + background-color: #b3e4a6 !important; } + .ui-datepicker button.ui-datepicker-current .ui-state-hover:active { - background-color: #b3e4a6; + background-color: #b3e4a6; } + .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:active { - background-color: #b3e4a6; + background-color: #b3e4a6; } + .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover { - background-color: #ffdb7a !important; - color: #000000; + background-color: #ffdb7a !important; + color: #000000; } + .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:active { - background-color: #fff0c7 !important; - color: #373737; + background-color: #fff0c7 !important; + color: #373737; } + .ui-widget-overlay, .ui-widget-shadow { - background-image: none; + background-image: none; } + /** * EGroupware: Stylite Pixelegg template * @@ -1733,16 +1997,19 @@ div#ui-datepicker-div { */ .ms-ctn, .ms-res-ctn { - /* It doesn't really work smaller than this */ - border: solid 1px #e6e6e6; + /* It doesn't really work smaller than this */ + border: solid 1px #e6e6e6; } + .ms-ctn .ms-res-item-active, .ms-res-ctn .ms-res-item-active { - background-color: rgba(153, 204, 255, 0.4); + background-color: rgba(153, 204, 255, 0.4); } + .ms-ctn .ms-trigger { - border-left: none; + border-left: none; } + /** * EGroupware: CSS with less preprocessor @@ -1832,69 +2099,83 @@ hgroup, menu, nav, section { - display: block; + display: block; } + body { - line-height: 1; + line-height: 1; } + ol, ul { - /*list-style: none;*/ + /*list-style: none;*/ } + blockquote, q { - quotes: none; + quotes: none; } + blockquote:before, blockquote:after, q:before, q:after { - content: ''; - content: none; + content: ''; + content: none; } + table { - border-collapse: collapse; - border-spacing: 0; + border-collapse: collapse; + border-spacing: 0; } + *::-webkit-input-placeholder { - color: #696969; + color: #696969; } + *:-moz-placeholder { - /* FF 4-18 */ - color: #696969; + /* FF 4-18 */ + color: #696969; } + *::-moz-placeholder { - /* FF 19+ */ - color: #696969; + /* FF 19+ */ + color: #696969; } + *:-ms-input-placeholder { - /* IE 10+ */ - color: #696969; + /* IE 10+ */ + color: #696969; } + iframe { - border: none; + border: none; } + html * { - font-size: 100%; + font-size: 100%; } + html { - margin: 0px !important; - padding: 0px !important; - width: 99.9% !important; - height: 99.9% !important; + margin: 0px !important; + padding: 0px !important; + width: 99.9% !important; + height: 99.9% !important; } + body { - background-image: none; - background-color: #ffffff; - color: #000000; - margin: 0px !important; - padding: 0px !important; - width: 99.9%; - height: 99.9% !important; - font-size: 11px; - line-height: 1.28; - font-weight: normal; + background-image: none; + background-color: #ffffff; + color: #000000; + margin: 0px !important; + padding: 0px !important; + width: 99.9%; + height: 99.9% !important; + font-size: 11px; + line-height: 1.28; + font-weight: normal; } + /** * EGroupware: Stylite Pixelegg template * @@ -1909,430 +2190,501 @@ body { * @version $Id$ */ @keyframes login-apps { - 0% { - transform: translateY(30px); - } - 60% { - transform: translateY(45px); - } - 100% { - transform: none; - } + 0% { + transform: translateY(30px); + } + 60% { + transform: translateY(45px); + } + 100% { + transform: none; + } } + /** * 19.1 Login page with stock background image */ div#loginMainDiv.stockLoginBackground div#divAppIconBar div#divLogo { - position: relative; - top: 35%; - left: -50px; + position: relative; + top: 35%; + left: -50px; } + div#loginMainDiv.stockLoginBackground div#divAppIconBar div#divLogo div.login_logo_container { - height: 80px; + height: 80px; } + div#loginMainDiv.stockLoginBackground div#divAppIconBar div#divLogo div.login_logo_container div.login_logo { - width: 350px; - max-width: 350px; + width: 350px; + max-width: 350px; } + div#loginMainDiv.stockLoginBackground div#divAppIconBar div#divLogo div#loginScreenMessage { - font-size: 28.5px; - font-weight: 500; - color: #075ca3; - font-family: arial, helvetica, sans-serif; - margin: 0; - padding-left: 106px; + font-size: 28.5px; + font-weight: 500; + color: #075ca3; + font-family: arial, helvetica, sans-serif; + margin: 0; + padding-left: 106px; } + div#loginMainDiv.stockLoginBackground div#centerBox form { - border: 1px solid gray; - border-radius: 0 !important; + border: 1px solid gray; + border-radius: 0 !important; } + #socialBox { - display: inline-block; - width: 100%; - margin-top: 8px; + display: inline-block; + width: 100%; + margin-top: 8px; } + #socialBox #socialMedia { - width: 210px; - margin: 0 auto; + width: 210px; + margin: 0 auto; } + #socialBox #socialMedia a { - margin: 5px; + margin: 5px; } + #socialBox #socialMedia a:first-child img { - filter: none; + filter: none; } + #socialBox #socialMedia a:last-child { - margin-right: 0; + margin-right: 0; } + #socialBox #socialMedia a img { - width: 24px; - filter: contrast(0.3); + width: 24px; + filter: contrast(0.3); } + /* ################################################################################## * login page */ #loginMainDiv { - padding: 0; - height: 100%; - width: 100%; - border: none; - margin: 0 auto 0px; - background-color: white; - background-image: url(../../api/templates/default/images/login_background.jpg); - background-repeat: no-repeat; - background-position: 50% 50%; - background-size: cover; + padding: 0; + height: 100%; + width: 100%; + border: none; + margin: 0 auto 0px; + background-color: white; + background-image: url(../../api/templates/default/images/login_background.jpg); + background-repeat: no-repeat; + background-position: 50% 50%; + background-size: cover; } + #loginMainDiv .egw_message_wrapper { - box-shadow: 2px 1px 6px #bbbbbb; - -moz-box-shadow: 2px 1px 6px #bbbbbb; - -webkit-box-shadow: 2px 1px 6px #bbbbbb; - -khtml-box-shadow: 2px 1px 6px #bbbbbb; - min-width: 280px; - width: max-content; - margin: auto; - padding-top: 2px; - background-color: transparent; + box-shadow: 2px 1px 6px #bbbbbb; + -moz-box-shadow: 2px 1px 6px #bbbbbb; + -webkit-box-shadow: 2px 1px 6px #bbbbbb; + -khtml-box-shadow: 2px 1px 6px #bbbbbb; + min-width: 280px; + width: max-content; + margin: auto; + padding-top: 2px; + background-color: transparent; } + #loginMainDiv .egw_message_wrapper #egw_message { - white-space: normal; - background-image: none; - border-left-width: 12px !important; - font-size: 9pt; + white-space: normal; + background-image: none; + border-left-width: 12px !important; + font-size: 9pt; } + #loginMainDiv .egw_message_wrapper #egw_message:not(.error_message):not(.warning_message) { - display: none; + display: none; } + #loginMainDiv #divAppIconBar { - background: transparent; - width: 100%; - text-align: center; - height: 30%; - display: block; - max-height: 40%; + background: transparent; + width: 100%; + text-align: center; + height: 30%; + display: block; + max-height: 40%; } + #loginMainDiv #divAppIconBar #divLogo { - position: relative; - padding-top: 20px; + position: relative; + padding-top: 20px; } + #loginMainDiv #divAppIconBar #divLogo .login_logo_container { - width: 250px; - height: 150px; - max-height: 150px; - max-width: 250px; - margin: 0 auto; + width: 250px; + height: 150px; + max-height: 150px; + max-width: 250px; + margin: 0 auto; } + #loginMainDiv #divAppIconBar #divLogo .login_logo_container .login_logo { - width: auto; - height: 100%; - background-size: contain; - background-repeat: no-repeat; - background-position: center; + width: auto; + height: 100%; + background-size: contain; + background-repeat: no-repeat; + background-position: center; } + #loginMainDiv #loginScreenMessage:not([class $= "error"]) { - margin: 1em; - font-size: 12pt; - color: #0a5ca5; + margin: 1em; + font-size: 12pt; + color: #0a5ca5; } + #loginMainDiv #loginScreenMessage:not([class $= "error"]) img { - max-width: 100%; + max-width: 100%; } + #loginMainDiv div#login_footer { - position: fixed; - bottom: 0; - display: inline-block; - right: 0; - width: 100%; - height: 40px; - background: #4177A2; - overflow-x: clip; + position: fixed; + bottom: 0; + display: inline-block; + right: 0; + width: 100%; + height: 40px; + background: #4177A2; + overflow-x: clip; } + #loginMainDiv div#login_footer .apps { - width: 812px; - margin: 0 auto; - display: flex; - overflow: hidden; + width: 812px; + margin: 0 auto; + display: flex; + overflow: hidden; } + #loginMainDiv div#login_footer .apps .app { - width: 30px; - height: 30px; - margin: 5px 1% auto 2%; - display: flex; + width: 30px; + height: 30px; + margin: 5px 1% auto 2%; + display: flex; } + #loginMainDiv div#login_footer .apps .app:hover img.icon { - transform: scale(1.1); + transform: scale(1.1); } + #loginMainDiv div#login_footer .apps .app img.icon { - width: 30px; - filter: brightness(0) invert(1); - height: 30px; + width: 30px; + filter: brightness(0) invert(1); + height: 30px; } + #loginMainDiv div#login_footer .apps .app span { - display: none; + display: none; } + #loginMainDiv div#login_footer .apps .app[data-id="guacamole"] .content img.icon2-bg { - right: 15px; + right: 15px; } + #loginMainDiv div#login_footer .apps .tooltip { - display: inline-flex; - position: absolute; - text-align: left; - height: 34px; - width: 30px; - cursor: pointer; + display: inline-flex; + position: absolute; + text-align: left; + height: 34px; + width: 30px; + cursor: pointer; } + #loginMainDiv div#login_footer .apps .tooltip .content { - min-width: 350px; - top: -10px; - left: 50%; - height: 190px; - max-height: 190px; - transform: translate(-50%, -100%); - padding: 10px 20px; - color: #444444; - background-color: #fafafa; - font-weight: normal; - font-size: 13px; - border-radius: 3px; - position: absolute; - z-index: 99999999; - box-sizing: border-box; - visibility: hidden; - opacity: 0; - transition: opacity 0.8s; - border: 1px solid #0d789f; - border-bottom: 6px solid #4177A2; - cursor: default; + min-width: 350px; + top: -10px; + left: 50%; + height: 190px; + max-height: 190px; + transform: translate(-50%, -100%); + padding: 10px 20px; + color: #444444; + background-color: #fafafa; + font-weight: normal; + font-size: 13px; + border-radius: 3px; + position: absolute; + z-index: 99999999; + box-sizing: border-box; + visibility: hidden; + opacity: 0; + transition: opacity 0.8s; + border: 1px solid #0d789f; + border-bottom: 6px solid #4177A2; + cursor: default; } + #loginMainDiv div#login_footer .apps .tooltip .content img.icon-bg { - width: 35px; - position: absolute; - margin: 0 auto; - right: 15px; - top: 15px; + width: 35px; + position: absolute; + margin: 0 auto; + right: 15px; + top: 15px; } + #loginMainDiv div#login_footer .apps .tooltip .content img.icon2-bg { - right: 55px; + right: 55px; } + #loginMainDiv div#login_footer .apps .tooltip .content img.icon3-bg { - right: 90px; + right: 90px; } + #loginMainDiv div#login_footer .apps .tooltip .content h3 { - height: 30px; - border-bottom: 1px solid #d9e4ed; + height: 30px; + border-bottom: 1px solid #d9e4ed; } + #loginMainDiv div#login_footer .apps .tooltip:hover .content { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } + #loginMainDiv div#login_footer .apps .tooltip:hover .content:hover { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } + #loginMainDiv div#login_footer .apps .tooltip .content .arrow { - width: 100%; - position: absolute; - left: 0; - bottom: -21px; - height: 15px; + width: 100%; + position: absolute; + left: 0; + bottom: -21px; + height: 15px; } + #loginMainDiv div#login_footer .apps .tooltip .content .arrow::after { - content: ''; - position: absolute; - width: 9px; - height: 9px; - left: 50%; - transform: translate(-50%, -50%) rotate(45deg); - background-color: #4177A2; + content: ''; + position: absolute; + width: 9px; + height: 9px; + left: 50%; + transform: translate(-50%, -50%) rotate(45deg); + background-color: #4177A2; } + #loginMainDiv div#centerBox { - margin: 0 auto -20px; - background: transparent; - border: none; - z-index: 100; - padding: 0; - width: 280px; - border-radius: 5px; + margin: 0 auto -20px; + background: transparent; + border: none; + z-index: 100; + padding: 0; + width: 280px; + border-radius: 5px; } + #loginMainDiv div#centerBox .egw_logo { - width: 24px; - height: 24px; - float: right; + width: 24px; + height: 24px; + float: right; } + #loginMainDiv div#centerBox .egw_logo a.logo_footer { - margin: auto; - width: 24px; - display: block; + margin: auto; + width: 24px; + display: block; } + #loginMainDiv div#centerBox .egw_logo a.logo_footer img { - height: 24px; - width: 24px; + height: 24px; + width: 24px; } + #loginMainDiv div#centerBox form { - opacity: 0.94; - background-color: white; - padding: 1em; - border: 1px solid #cdcdce; - border-radius: 5px; + opacity: 0.94; + background-color: white; + padding: 1em; + border: 1px solid #cdcdce; + border-radius: 5px; } + #loginMainDiv div#centerBox form .hiddenCredential { - display: none; + display: none; } + #loginMainDiv div#centerBox form table.divLoginbox { - background-color: transparent; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 10px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 10px; - border-radius: 3px; - border-top-left-radius: 10px; + background-color: transparent; + -webkit-border-radius: 3px; + -webkit-border-top-left-radius: 10px; + -moz-border-radius: 3px; + -moz-border-radius-topleft: 10px; + border-radius: 3px; + border-top-left-radius: 10px; } + #loginMainDiv div#centerBox form table.divLoginbox div.LoginPasswordImage { - background-color: #b3ad54; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDA4REQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #ffc200, #408DD2); - background-image: -ms-linear-gradient(top, #ffc200, #408DD2); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#408DD2)); - background-image: -webkit-linear-gradient(top, #ffc200, #408DD2); - background-image: -o-linear-gradient(top, #ffc200, #408DD2); - background-image: linear-gradient(top, #ffc200, #408DD2); - background-repeat: repeat-x; + background-color: #b3ad54; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDA4REQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ffc200, #408DD2); + background-image: -ms-linear-gradient(top, #ffc200, #408DD2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#408DD2)); + background-image: -webkit-linear-gradient(top, #ffc200, #408DD2); + background-image: -o-linear-gradient(top, #ffc200, #408DD2); + background-image: linear-gradient(top, #ffc200, #408DD2); + background-repeat: repeat-x; } + #loginMainDiv div#centerBox form table.divLoginbox div.LoginPasswordImage img.passwordImage { - margin: 0 auto; - max-width: 400px; - border-top: solid 1px 5px; - border-left: solid 1px #EEE; - border-right: solid 1px #EEE; - border-bottom: solid 1px #EEE; + margin: 0 auto; + max-width: 400px; + border-top: solid 1px 5px; + border-left: solid 1px #EEE; + border-right: solid 1px #EEE; + border-bottom: solid 1px #EEE; } + #loginMainDiv div#centerBox form table.divLoginbox div.LoginPasswordImage img.passwordImage[src$="svg"] { - border-top: solid 1px 5px; - border-left: solid 1px #EEE; - border-right: solid 1px #EEE; - border-bottom: solid 1px #EEE; - width: 40px; - height: 40px; + border-top: solid 1px 5px; + border-left: solid 1px #EEE; + border-right: solid 1px #EEE; + border-bottom: solid 1px #EEE; + width: 40px; + height: 40px; } + #loginMainDiv div#centerBox form table.divLoginbox td { - font-size: 12pt; - position: relative; + font-size: 12pt; + position: relative; } + #loginMainDiv div#centerBox form table.divLoginbox select { - padding-left: 25px; - width: 100%; - height: 42px; - border: none; - border-bottom: 1px solid silver; - border-radius: 0px; - background-color: transparent; + padding-left: 25px; + width: 100%; + height: 42px; + border: none; + border-bottom: 1px solid silver; + border-radius: 0px; + background-color: transparent; } + #loginMainDiv div#centerBox form table.divLoginbox select[name="remember_me"] { - background-image: url(../images/task.png); - background-repeat: no-repeat; - background-position-x: 0; + background-image: url(../images/task.png); + background-repeat: no-repeat; + background-position-x: 0; } + #loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row { - border-bottom: 1px solid silver; + border-bottom: 1px solid silver; } + #loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row span.remember_me { - color: #666666; - opacity: 1; + color: #666666; + opacity: 1; } + #loginMainDiv div#centerBox form table.divLoginbox select:focus, #loginMainDiv div#centerBox form table.divLoginbox select:hover { - box-shadow: none; + box-shadow: none; } + #loginMainDiv div#centerBox form table.divLoginbox input { - width: calc(250px - 22px); - height: 40px; - padding: 0; - margin: 0; - border: none; - border-bottom: 1px solid silver; - padding-left: 25px; - background-color: transparent; + width: calc(250px - 22px); + height: 40px; + padding: 0; + margin: 0; + border: none; + border-bottom: 1px solid silver; + padding-left: 25px; + background-color: transparent; } + #loginMainDiv div#centerBox form table.divLoginbox input:focus { - outline: none; + outline: none; } + #loginMainDiv div#centerBox form table.divLoginbox span.field_icons { - position: absolute; - left: 0px; - width: 20px; - height: 20px; - background-size: 16px; - background-position: left center; - background-repeat: no-repeat; - top: 12px; - z-index: 100; - opacity: 0.5; + position: absolute; + left: 0px; + width: 20px; + height: 20px; + background-size: 16px; + background-position: left center; + background-repeat: no-repeat; + top: 12px; + z-index: 100; + opacity: 0.5; } + #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.username { - background-image: url(../images/personal.png); + background-image: url(../images/personal.png); } + #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.password { - background-image: url(../images/password.png); + background-image: url(../images/password.png); } + #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.remember_me { - background-image: none; - z-index: 0; - width: 230px; - padding-left: 31px; + background-image: none; + z-index: 0; + width: 230px; + padding-left: 31px; } + #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.domain { - background-image: url(../images/internet.png); + background-image: url(../images/internet.png); } + #loginMainDiv div#centerBox form table.divLoginbox span.field_icons.language { - background-image: url(../images/language.png); + background-image: url(../images/language.png); } + #loginMainDiv div#centerBox form table.divLoginbox input[type="checkbox"] { - height: 25px; - margin-top: 7px; - width: auto; + height: 25px; + margin-top: 7px; + width: auto; } + #loginMainDiv div#centerBox form table.divLoginbox input[type="submit"], #loginMainDiv div#centerBox form table.divLoginbox select.onChangeSubmit { - background-color: #4177A2; - color: #ffffff; - font-size: 20px; - padding-left: 0; - width: 250px; - margin-top: 15px; + background-color: #4177A2; + color: #ffffff; + font-size: 20px; + padding-left: 0; + width: 250px; + margin-top: 15px; } + #loginMainDiv div#centerBox form table.divLoginbox select.onChangeSubmit { - padding-left: 25px; + padding-left: 25px; } + #loginMainDiv div#centerBox form table.divLoginbox .registration { - font-size: 11px; + font-size: 11px; } + #loginMainDiv div#centerBox form table.divLoginbox .registration a:not(:first-child):before { - padding-left: 5px; - padding-right: 5px; - content: '|'; + padding-left: 5px; + padding-right: 5px; + content: '|'; } + #loginMainDiv div#centerBox form table.divLoginbox a.signup { - margin-top: 8px; - display: block; + margin-top: 8px; + display: block; } + #wrap div.animation_login { - margin: 0.3em; - position: fixed; - width: 100%; - bottom: 0; + margin: 0.3em; + position: fixed; + width: 100%; + bottom: 0; } + #wrap img[src$="svg"], #wrap background-image[url$="svg"] { - background-color: #679fd2; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjc5RkQyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjc5RkQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #679FD2, #679FD2); - background-image: -ms-linear-gradient(top, #679FD2, #679FD2); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#679FD2), to(#679FD2)); - background-image: -webkit-linear-gradient(top, #679FD2, #679FD2); - background-image: -o-linear-gradient(top, #679FD2, #679FD2); - background-image: linear-gradient(top, #679FD2, #679FD2); - background-repeat: repeat-x; + background-color: #679fd2; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjc5RkQyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjc5RkQyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #679FD2, #679FD2); + background-image: -ms-linear-gradient(top, #679FD2, #679FD2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#679FD2), to(#679FD2)); + background-image: -webkit-linear-gradient(top, #679FD2, #679FD2); + background-image: -o-linear-gradient(top, #679FD2, #679FD2); + background-image: linear-gradient(top, #679FD2, #679FD2); + background-repeat: repeat-x; } + #img1, #img2, #img3, @@ -2341,75 +2693,87 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { #img6, #img7, #img8 { - width: 12%; - z-index: -1; - animation-name: test; - animation-duration: 8s; - animation-iteration-count: infinite; - -webkit-animation-name: test; - -webkit-animation-duration: 8s; - -webkit-animation-iteration-count: infinite; - opacity: 0; + width: 12%; + z-index: -1; + animation-name: test; + animation-duration: 8s; + animation-iteration-count: infinite; + -webkit-animation-name: test; + -webkit-animation-duration: 8s; + -webkit-animation-iteration-count: infinite; + opacity: 0; } + #img1 { - animation-delay: 0s; - -webkit-animation-delay: 0s; + animation-delay: 0s; + -webkit-animation-delay: 0s; } + #img2 { - animation-delay: 3s; - -webkit-animation-delay: 3s; + animation-delay: 3s; + -webkit-animation-delay: 3s; } + #img3 { - animation-delay: 6s; - -webkit-animation-delay: 6s; + animation-delay: 6s; + -webkit-animation-delay: 6s; } + #img4 { - animation-delay: 9s; - -webkit-animation-delay: 9s; + animation-delay: 9s; + -webkit-animation-delay: 9s; } + #img5 { - animation-delay: 12s; - -webkit-animation-delay: 12s; + animation-delay: 12s; + -webkit-animation-delay: 12s; } + #img6 { - animation-delay: 15s; - -webkit-animation-delay: 15s; + animation-delay: 15s; + -webkit-animation-delay: 15s; } + #img7 { - animation-delay: 18s; - -webkit-animation-delay: 18s; + animation-delay: 18s; + -webkit-animation-delay: 18s; } + #img8 { - animation-delay: 21s; - -webkit-animation-delay: 21s; + animation-delay: 21s; + -webkit-animation-delay: 21s; } + @-webkit-keyframes test { - 0% { - opacity: 0; - } - 50% { - opacity: 1; - } - 100% { - opacity: 0; - } + 0% { + opacity: 0; + } + 50% { + opacity: 1; + } + 100% { + opacity: 0; + } } + @keyframes test { - 0% { - opacity: 0; - } - 50% { - opacity: 1; - } - 100% { - opacity: 0; - } + 0% { + opacity: 0; + } + 50% { + opacity: 1; + } + 100% { + opacity: 0; + } } + @media only screen and (max-width: 1024px) and (min-width: 736px) { - #loginMainDiv #divAppIconBar #divLogo .login_logo_container { - height: 90px; - } + #loginMainDiv #divAppIconBar #divLogo .login_logo_container { + height: 90px; + } } + /** * EGroupware: Stylite Pixelegg template * @@ -2424,20 +2788,22 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ */ .egw_fw_ui_ajaxloader { - display: inline-block; - width: 16px; - height: 16px; - background-image: url(../images/ajax-loader.gif); - background-repeat: no-repeat; - background-position: center; - float: right; + display: inline-block; + width: 16px; + height: 16px; + background-image: url(../images/ajax-loader.gif); + background-repeat: no-repeat; + background-position: center; + float: right; } + .egw_fw_ui_tab_content > .loading { - background-image: url('../images/loading.gif'); - background-repeat: no-repeat; - text-align: center; - line-height: 400px; + background-image: url('../images/loading.gif'); + background-repeat: no-repeat; + text-align: center; + line-height: 400px; } + /** * EGroupware: Stylite Pixelegg template * @@ -2483,83 +2849,90 @@ input[type=button]:disabled, input[type=reset]:disabled, button:disabled, .egwbutton:disabled { - background-color: rgba(12, 93, 165, 0.2); - color: gray; + background-color: rgba(12, 93, 165, 0.2); + color: gray; } + button.et2_button_text background-image[src$="svg"], input[type=button] background-image[src$="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; + 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; } + button.et2_button_text:hover, input[type=button]:hover { - /*background-color: @gray_30;*/ - text-shadow: 0px 0px; - -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: @gray_30;*/ + text-shadow: 0px 0px; + -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.et2_button_text:active, input[type=button]:active { - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } + /* ######################################################################################## * Content Element * Button mit Bildern * ######################################################################################## */ button.et2_button_with_image { - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; - background-repeat: no-repeat !important; - background-position: center; - background-size: 20px 20px; - background-color: #E6E6E6; + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + padding-left: 30px; + background-position: 6px center; + background-repeat: no-repeat; + background-size: 20px auto; + /*.Button_size_h32_auto;*/ + height: 24px; + background-repeat: no-repeat !important; + background-position: center; + background-size: 20px 20px; + background-color: #E6E6E6; } + button.et2_button_with_image background-color[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; + 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; } + button.et2_button_with_image.et2_button_text { - background-position: 6px center; + background-position: 6px center; } + /* ######################################################################################## * Content Element * Button löschen / delete / => color-negative-action // red @@ -2575,34 +2948,35 @@ button[id="calendar-edit_button[delete]"], button[id="timesheet-edit_button[delete]"], button[id="displayToolbar-delete"], button.et2_button_delete { - /*background-color: @color_negative_action_hover !important;*/ - background-image: url('../images/delete.png'); - margin-left: 3em; - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; + /*background-color: @color_negative_action_hover !important;*/ + background-image: url('../images/delete.png'); + margin-left: 3em; + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + background-color: #E6E6E6; + padding-left: 30px; + background-position: 6px center; + background-repeat: no-repeat; + background-size: 20px auto; + /*.Button_size_h32_auto;*/ + height: 24px; } + input[type="submit"][id*="delete"]:hover, input[type="button"][id*="delete"]:hover, button[id="delete"]:hover, @@ -2613,31 +2987,32 @@ button[id="calendar-edit_button[delete]"]:hover, button[id="timesheet-edit_button[delete]"]:hover, button[id="displayToolbar-delete"]:hover, button.et2_button_delete:hover { - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + background-color: #E6E6E6; + padding-left: 30px; + background-position: 6px center; + background-repeat: no-repeat; + background-size: 20px auto; + /*.Button_size_h32_auto;*/ + height: 24px; } + input[type="submit"][id*="delete"]:active, input[type="button"][id*="delete"]:active, button[id="delete"]:active, @@ -2648,75 +3023,79 @@ button[id="calendar-edit_button[delete]"]:active, button[id="timesheet-edit_button[delete]"]:active, button[id="displayToolbar-delete"]:active, button.et2_button_delete:active { - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + background-color: #E6E6E6; + padding-left: 30px; + background-position: 6px center; + background-repeat: no-repeat; + background-size: 20px auto; + /*.Button_size_h32_auto;*/ + height: 24px; } + /* ######################################################################################## * Content Element * Button edit + save + apply + copy => color-positive-action // green * ######################################################################################## */ #passwordchange { - background-image: url('../images/cancel.png') !important; - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; + background-image: url('../images/cancel.png') !important; + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + background-color: #E6E6E6; + padding-left: 30px; + background-position: 6px center; + background-repeat: no-repeat; + background-size: 20px auto; + /*.Button_size_h32_auto;*/ + height: 24px; } + #passwordchange:hover { - background-color: #b3e4a6 !important; - -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 !important; + -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); } + #passwordchange:active { - background-color: #b3e4a6 !important; - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + background-color: #b3e4a6 !important; + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } + /* ######################################################################################## * * Button cancel / => color-cancel-action // yellow @@ -2726,137 +3105,146 @@ button.et2_button_delete:active { /*div.et2_box_widget .et2_button_text:last_child,*/ button[id="cancel"], button#cancel { - background-image: url('../images/cancel.png') !important; - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; - content: "ID missing"; + background-image: url('../images/cancel.png') !important; + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + background-color: #E6E6E6; + padding-left: 30px; + background-position: 6px center; + background-repeat: no-repeat; + background-size: 20px auto; + /*.Button_size_h32_auto;*/ + height: 24px; + content: "ID missing"; } + button[id="cancel"]:hover, button#cancel:hover { - 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); + 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="cancel"]:active, button#cancel:active { - 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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + 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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } + #passwordcancel { - background-image: url('../images/cancel.png') !important; - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; + background-image: url('../images/cancel.png') !important; + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + background-color: #E6E6E6; + padding-left: 30px; + background-position: 6px center; + background-repeat: no-repeat; + background-size: 20px auto; + /*.Button_size_h32_auto;*/ + height: 24px; } + #passwordcancel:hover { - background-color: #ffdb7a !important; - -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: #ffdb7a !important; + -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); } + #passwordcancel:active { - background-color: #fff0c7 !important; - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + background-color: #fff0c7 !important; + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } + /* ######################################################################################## * * Button hinzufügen * ######################################################################################## */ button.add { - color: #FFF; - text-shadow: none; - height: 24px; - /* height: auto;*/ - background-image: none; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 10px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 10px; - border-radius: 3px; - border-top-left-radius: 10px; + color: #FFF; + text-shadow: none; + height: 24px; + /* height: auto;*/ + background-image: none; + -webkit-border-radius: 3px; + -webkit-border-top-left-radius: 10px; + -moz-border-radius: 3px; + -moz-border-radius-topleft: 10px; + border-radius: 3px; + border-top-left-radius: 10px; } + button.add:before { - content: "+"; - font-size: 1.5em; - color: #ffc200; - line-height: 1.1em; + content: "+"; + font-size: 1.5em; + color: #ffc200; + line-height: 1.1em; } + button[id="add"] { - background-image: url('../images/add.png') !important; - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - padding-left: 30px; - background-position: 6px center; - background-repeat: no-repeat; - background-size: 20px auto; - /*.Button_size_h32_auto;*/ - height: 24px; + background-image: url('../images/add.png') !important; + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + background-color: #E6E6E6; + padding-left: 30px; + background-position: 6px center; + background-repeat: no-repeat; + background-size: 20px auto; + /*.Button_size_h32_auto;*/ + height: 24px; } + /*Button Ende #######################################################*/ /** * EGroupware: Stylite Pixelegg template @@ -2873,72 +3261,81 @@ button[id="add"] { */ /* @group Base */ .chzn-container { - color: #808080; + color: #808080; } + /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single div b { - background-image: url("../images/arrow_down.svg") !important; - background-size: 8px auto !important; - background-position: center; - background-repeat: no-repeat; + background-image: url("../images/arrow_down.svg") !important; + background-size: 8px auto !important; + background-position: center; + background-repeat: no-repeat; } + .chzn-container-single.chzn-with-drop .chzn-single div b { - background-image: url("../images/arrow_up.svg") !important; - background-size: 8px auto; - background-position: center; - background-repeat: no-repeat; + background-image: url("../images/arrow_up.svg") !important; + background-size: 8px auto; + background-position: center; + background-repeat: no-repeat; } + /* @end */ /* @group Results */ .chzn-container .chzn-results { - color: #808080; - margin: 0 4px 4px 0; - max-height: 240px; - padding: 0 0 0 4px; - position: relative; - overflow-x: hidden; - overflow-y: auto; - -webkit-overflow-scrolling: touch; + color: #808080; + margin: 0 4px 4px 0; + max-height: 240px; + padding: 0 0 0 4px; + position: relative; + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; } + .chzn-container .chzn-results li { - color: #1E1E1E; + color: #1E1E1E; } + .chzn-container .chzn-results li.highlighted { - background: rgba(153, 204, 255, 0.4); - color: #000000; + background: rgba(153, 204, 255, 0.4); + color: #000000; } + /* @end */ /* @group Multi Chosen */ /* @end */ /* @group Active */ .chzn-container-active .chzn-choices li.search-field input { - color: #111 !important; - border: 1px solid rgba(0, 0, 0, 0.15); - border-color: #B4B4B4; - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - width: auto; - /*margin: 0.5em 0em 0.5em 0;*/ - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + color: #111 !important; + border: 1px solid rgba(0, 0, 0, 0.15); + border-color: #B4B4B4; + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + width: auto; + /*margin: 0.5em 0em 0.5em 0;*/ + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + .chzn-container-active .chzn-choices li.search-field input:hover { - -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); + -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); } + .chzn-container-active .chzn-choices li.search-field input:focus { - outline: 0; - border-width: 1px; - border-style: solid; - border-color: #B4B4B4; - -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + outline: 0; + border-width: 1px; + border-style: solid; + border-color: #B4B4B4; + -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); } + /* @end */ /* @group Disabled Support */ /* @end */ @@ -2950,24 +3347,28 @@ button[id="add"] { * Egw customizations for Chosen widget */ .chzn-container-single .chzn-single { - border: 1px solid #e5e5e5; - border-radius: 3px; - background: none !important; - box-shadow: none !important; - color: #26537C; - height: 21px; - top: -2px; + border: 1px solid #e5e5e5; + border-radius: 3px; + background: none !important; + box-shadow: none !important; + color: #26537C; + height: 21px; + top: -2px; } + .chzn-container-single .et2_country-select.chzn-single span { - display: inline-block; + display: inline-block; } + .chzn-single.chzn-single-with-deselect.et2_country-select span.img { - top: -4px; - color: transparent; + top: -4px; + color: transparent; } + .chzn-container-single.chzn-container-active.chzn-with-drop:hover { - transition: none; + transition: none; } + /** * EGroupware: Stylite Pixelegg template * @@ -2985,33 +3386,40 @@ button[id="add"] { * Clientside Javascript error-log */ #topmenu_info_error { - width: 16px; - cursor: pointer; + width: 16px; + cursor: pointer; } + div.client_error_log { - max-height: 50ex; + max-height: 50ex; } + div.client_error_log tbody { - vertical-align: top; + vertical-align: top; } + div.client_error_log tr.hidden td > div { - max-height: 2ex; - max-width: 40ex; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + max-height: 2ex; + max-width: 40ex; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + div.client_error_log tr td.timestamp > div { - text-wrap: none; - white-space: normal; - width: 27ex; + text-wrap: none; + white-space: normal; + width: 27ex; } + div.client_error_log tr.hidden td.stack > div { - text-indent: 100%; + text-indent: 100%; } + div.client_error_log tr td.stack > div { - white-space: pre; + white-space: pre; } + /** * EGroupware: CSS with less preprocessor * @@ -3036,123 +3444,142 @@ div.client_error_log tr td.stack > div { body, textarea, button { - font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; + font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; } + #egw_fw_basecontainer { - position: fixed; - width: 100%; - height: 100%; - padding: 0px; - margin: 0px; - font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; - background-color: #ffffff; + position: fixed; + width: 100%; + height: 100%; + padding: 0px; + margin: 0px; + font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; + background-color: #ffffff; } + input { - /* .Complete_Button_input; + /* .Complete_Button_input; .basefontfamily; &:hover{.Complete_Button_input_hover;} &:focus{.Complete_Button_input_focus;}*/ } + select, .et2_selectbox.select-cat { - margin: 0; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + margin: 0; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + select:hover, .et2_selectbox.select-cat:hover { - -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); + -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); } + select:focus, .et2_selectbox.select-cat:focus { - outline: 0; - border-width: 1px; - border-style: solid; - border-color: #B4B4B4; - -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + outline: 0; + border-width: 1px; + border-style: solid; + border-color: #B4B4B4; + -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); } + :hover { - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - -o-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + -o-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; } + p { - font-size: 1em; + font-size: 1em; } + div.selectbox-wrapper ul { - list-style-type: none; - margin: 0px; - padding: 0px; + list-style-type: none; + margin: 0px; + padding: 0px; } + div.selectbox-wrapper ul li.selected { - background-color: #EAF2FB; + background-color: #EAF2FB; } + div.selectbox-wrapper ul li.current { - background-color: #CDD8E4; + background-color: #CDD8E4; } + div.selectbox-wrapper ul li { - list-style-type: none; - display: block; - margin: 0; - padding: 2px; - cursor: pointer; + list-style-type: none; + display: block; + margin: 0; + padding: 2px; + cursor: pointer; } + select { - position: relative; - padding-right: 20px !important; - -webkit-appearance: none; - -moz-appearance: none; - margin: 0; - background: #ffffff url(../images/arrow_down.svg) no-repeat center right; - background-size: 8px auto; - background-position-x: calc(100% - 8px); + position: relative; + padding-right: 20px !important; + -webkit-appearance: none; + -moz-appearance: none; + margin: 0; + background: #ffffff url(../images/arrow_down.svg) no-repeat center right; + background-size: 8px auto; + background-position-x: calc(100% - 8px); } + select:active { - background: #ffffff url(../images/arrow_up.svg) no-repeat center right; - background-size: 8px auto; - background-position-x: calc(100% - 8px); + background: #ffffff url(../images/arrow_up.svg) no-repeat center right; + background-size: 8px auto; + background-position-x: calc(100% - 8px); } + /*IE has no appearance but we can remove arrows by ms-expand*/ select::-ms-expand { - display: none; + display: none; } + select, input, button { - color: #000000; - /*font-size:99%;*/ - padding-top: 4px; - padding-bottom: 4px; - padding-right: 0; - border-width: 1px; - border-style: solid; - border-color: #E6E6E6; + color: #000000; + /*font-size:99%;*/ + padding-top: 4px; + padding-bottom: 4px; + padding-right: 0; + border-width: 1px; + border-style: solid; + border-color: #E6E6E6; } + a:link, a:visited, select, input, textarea { - color: #26537C; + color: #26537C; } + a:link, a:visited { - cursor: pointer; - color: #26537C; - text-decoration: none; + cursor: pointer; + color: #26537C; + text-decoration: none; } + a:hover, a:active { - cursor: pointer; - color: rgba(38, 83, 124, 0.6); - text-decoration: underline; + cursor: pointer; + color: rgba(38, 83, 124, 0.6); + text-decoration: underline; } + .divLoginboxHeader, .divSideboxHeader, a.appTitles, @@ -3160,63 +3587,75 @@ a.appTitles, a.textSidebox, .textSidebox, #fmStatusBar { - font-size: 90%; + font-size: 90%; } + .prefSection { - font-weight: bold; - font-size: 145%; - line-height: 40px; + font-weight: bold; + font-size: 145%; + line-height: 40px; } + #divAppboxHeader { - line-height: 28px; - font-size: 125%; - font-weight: bold; - color: #666666; + line-height: 28px; + font-size: 125%; + font-weight: bold; + color: #666666; } + #divGenTime, #divPoweredBy { - font-size: 80%; - color: #ff0000; + font-size: 80%; + color: #ff0000; } + #divPoweredBy { - color: #000000; + color: #000000; } + #sideboxdragarea { - z-index: 100; - position: absolute; - left: 0px; - top: 105px; + z-index: 100; + position: absolute; + left: 0px; + top: 105px; } + #menu2handle { - padding-top: 10px; + padding-top: 10px; } + #menu1close { - position: absolute; - right: 7px; - top: 7px; + position: absolute; + right: 7px; + top: 7px; } + hr.clearer { - clear: both; - height: 20px; - width: 100%; - background-color: #ffc200; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - border: 1px solid #000000; + clear: both; + height: 20px; + width: 100%; + background-color: #ffc200; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + border: 1px solid #000000; } + /** * table_passord_change */ table.table_passord_change { - margin: 1em; + margin: 1em; } + table.table_passord_change tr { - height: 50px; + height: 50px; } + table.table_passord_change td:first-child { - padding-right: 4em; + padding-right: 4em; } + /** * EGroupware: Stylite Pixelegg template * @@ -3231,20 +3670,24 @@ table.table_passord_change td:first-child { * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ */ div.dhtmlxMenu_egw_SubLevelArea_Polygon { - background: white; - border: 1px solid transparent; - border-radius: 2px; + background: white; + border: 1px solid transparent; + border-radius: 2px; } + div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_hk div.sub_item_hk { - color: #373f3f; + color: #373f3f; } + div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected { - background-color: rgba(153, 204, 255, 0.4) !important; - background-image: none !important; + background-color: rgba(153, 204, 255, 0.4) !important; + background-image: none !important; } + div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_sep { - border-top: 1px solid #E6E6E6; + border-top: 1px solid #E6E6E6; } + /** * EGroupware: Stylite Pixelegg template * @@ -3267,49 +3710,58 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.su background-repeat: repeat-x; }*/ div#popupMainDiv { - padding: 8px; - background-color: #FFFFFF; - background-repeat: repeat-x; + padding: 8px; + background-color: #FFFFFF; + background-repeat: repeat-x; } + div#popupMainDiv > * { - margin: 0px; + margin: 0px; } + form.et2_container { - padding: 0; + padding: 0; } + form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input { - margin: 4px 5px 4px 0; - -webkit-border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - -moz-border-radius-topright: 3px; - -moz-border-radius-bottomright: 3px; - -moz-border-radius-bottomleft: 3px; - -moz-border-radius-topleft: 3px; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; - /*.background-clip(padding-box);*/ + margin: 4px 5px 4px 0; + -webkit-border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; + /*.background-clip(padding-box);*/ } + form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker { - background-image: url("../images/datepopup.png"); + background-image: url("../images/datepopup.png"); } + form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input.hasDatepicker:hover { - cursor: pointer; + cursor: pointer; } + form.et2_container div table.et2_grid tbody tr td .et2_tabbox .et2_tabs table.et2_grid { - background-color: #ffffff; + background-color: #ffffff; } + .high { - border-top: 5px solid #E6E6E6; - border-bottom: 5px solid #E6E6E6 !important; + border-top: 5px solid #E6E6E6; + border-bottom: 5px solid #E6E6E6 !important; } + /*Main div*/ table.dialog-main-view { - width: 100%; + width: 100%; } + /*########################################### # # # dialogHeader app-img # @@ -3340,334 +3792,392 @@ table.dialog-main-view { /*** dialogHeader on a box not table ***/ /********** Header Part ********************/ .dialogHeader { - color: #000000; - border-bottom: 3px solid #696969; + color: #000000; + border-bottom: 3px solid #696969; } + .dialogHeader img[src*="navbar"] { - padding: 0 0 0 15px; + padding: 0 0 0 15px; } + .dialogHeader input[type="radio"], .dialogHeader input.et2_radiobox { - -webkit-appearance: none; - border: none; + -webkit-appearance: none; + border: none; } + .dialogHeader table.et2_grid { - border-top: none; + border-top: none; } + .dialogHeader table.et2_grid .th { - background-color: #0C5DA5 !important; + background-color: #0C5DA5 !important; } + .dialogHeader table.et2_grid tr { - height: 30px; + height: 30px; } + .dialogHeader table.et2_grid td { - padding: 0px 0px 0px 3px; - color: #000000; + padding: 0px 0px 0px 3px; + color: #000000; } + .dialogHeader table.et2_grid table.et2_grid label.et2_label span.et2_selectbox li { - float: left; + float: left; } + .dialogHeader input.et2_textbox { - font-size: 1.3em; + font-size: 1.3em; } + .dialogHeader .et2_label { - color: #000000; - vertical-align: middle; - padding: 0px 0px 0px 0px !important; - /*margin-right: 57px;*/ - margin: 0px important; - font-size: 1em; - text-align: right; + color: #000000; + vertical-align: middle; + padding: 0px 0px 0px 0px !important; + /*margin-right: 57px;*/ + margin: 0px important; + font-size: 1em; + text-align: right; } + .dialogHeader td.space span img { - background: #FFFFFF; - border: 2px solid #FFFFFF; - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - /* Firefox 10+, Firefox on Android */ - -webkit-filter: grayscale(100%); - -moz-filter: grayscale(100%); - -ms-filter: grayscale(100%); - -o-filter: grayscale(100%); - filter: grayscale(100%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ + background: #FFFFFF; + border: 2px solid #FFFFFF; + /*filter grey*/ + filter: url("data:image/svg+xml;utf8,#grayscale"); + /* Firefox 10+, Firefox on Android */ + -webkit-filter: grayscale(100%); + -moz-filter: grayscale(100%); + -ms-filter: grayscale(100%); + -o-filter: grayscale(100%); + filter: grayscale(100%); + /*filter: url(grayscale.svg); Firefox 4+ */ + filter: gray; + /* IE 6-9 */ } + /********** Header Row2 - 4 ********************/ tr.dialogHeader2, tr.dialogHeader3, tr.dialogHeader4 { - vertical-align: middle; + vertical-align: middle; } + tr.dialogHeader2 .et2_label, tr.dialogHeader3 .et2_label, tr.dialogHeader4 .et2_label { - color: #1a1a1a; - vertical-align: middle; - font-size: 1em; + color: #1a1a1a; + vertical-align: middle; + font-size: 1em; } + /************* Tabs *********************************/ /** * Tabs widget */ .et2_tabheader { - padding-left: 0em; - margin: 0; - background-image: none; - background-color: #FFFFFF; + padding-left: 0em; + margin: 0; + background-image: none; + background-color: #FFFFFF; } + .et2_tabheader :first-child { - margin-left: 0px; + margin-left: 0px; } + .et2_tabflag { - border: none; + border: none; } + .et2_tabflag, .etemplate_tab > div, .etemplate_tab_active > div { - margin: 1em 5px -1px 0; - padding: 4px; - background-color: white; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - min-width: 73px; - border-bottom: 3px solid #E6E6E6; - margin-bottom: -3px; + margin: 1em 5px -1px 0; + padding: 4px; + background-color: white; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + min-width: 73px; + border-bottom: 3px solid #E6E6E6; + margin-bottom: -3px; } + .et2_tabflag:hover, .etemplate_tab > div:hover, .etemplate_tab_active > div:hover { - background-color: rgba(153, 204, 255, 0.4); - border: none; - border-bottom: 3px solid #696969; - border-top-left-radius: 5px; - border-top-right-radius: 5px; + background-color: rgba(153, 204, 255, 0.4); + border: none; + border-bottom: 3px solid #696969; + border-top-left-radius: 5px; + border-top-right-radius: 5px; } + td.etemplate_tab_active.th { - background-color: transparent; + background-color: transparent; } + .et2_tabflag.active, .etemplate_tab_active > div { - border-spacing: 0px; - background-color: white; - color: #000000; - border-bottom: 3px solid #696969; - margin-bottom: -3px; + border-spacing: 0px; + background-color: white; + color: #000000; + border-bottom: 3px solid #696969; + margin-bottom: -3px; } + .et2_tabflag.active:hover, .etemplate_tab_active > div:hover { - color: #000000; - background-color: white; + color: #000000; + background-color: white; } + .et2_tabs, .tab_body { - border: none; - border-bottom: 1px solid #E6E6E6; - border-top: 1px solid #E6E6E6; - padding: 5px; - background-color: #FFFFFF; - margin-bottom: 11px; - margin-top: 3px; - padding-top: 15px; + border: none; + border-bottom: 1px solid #E6E6E6; + border-top: 1px solid #E6E6E6; + padding: 5px; + background-color: #FFFFFF; + margin-bottom: 11px; + margin-top: 3px; + padding-top: 15px; } + .tab_body { - border-top-width: 1px; + border-top-width: 1px; } + .tab_body img { - /*filter grey*/ - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ + /*filter grey*/ + /*filter grey*/ + filter: url("data:image/svg+xml;utf8,#grayscale"); + -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + /*filter: url(grayscale.svg); Firefox 4+ */ + filter: gray; + /* IE 6-9 */ } + div#etemplate\.tab_widget { - margin-bottom: 11px; + margin-bottom: 11px; } + /************* Main **********************************/ .dialogMainTimeframe div { - min-height: 100px; + min-height: 100px; } + /********** Operators *******************************/ /*############################################# # dialogOperators # #############################################*/ .dialogOperators { - border-top: 0px solid #E6E6E6; - border-bottom: 0px solid #E6E6E6; + border-top: 0px solid #E6E6E6; + border-bottom: 0px solid #E6E6E6; } + .dialogOperators td { - padding: 2px 2px; + padding: 2px 2px; } + .dialogOperators .et2_label { - margin-left: 6px; - display: inline-block; + margin-left: 6px; + display: inline-block; } + /********** Footer *******************************/ /*#############################################*/ /*# Toolbar #*/ /*# button | button | button delete #*/ /*##############################################*/ .dialogFooterToolbar { - background-color: transparent; - margin: 10px 0 0 0; - padding: 3px; - white-space: nowrap; - border-top: 3px solid #696969; - padding-top: 8px !important; - /*.et2_selectbox {height: 32px; top: 0px; font-size: 1em;}*/ + background-color: transparent; + margin: 10px 0 0 0; + padding: 3px; + white-space: nowrap; + border-top: 3px solid #696969; + padding-top: 8px !important; + /*.et2_selectbox {height: 32px; top: 0px; font-size: 1em;}*/ } + .dialogFooterToolbar td { - padding: 0px 5px 0px 0px; + padding: 0px 5px 0px 0px; } + .dialogFooterToolbar td:first-child { - padding-left: 5px; + padding-left: 5px; } + .dialogFooterToolbar button { - min-width: 86px; - height: 24px; - border-radius: 3px; - border: 1px solid silver; + min-width: 86px; + height: 24px; + border-radius: 3px; + border: 1px solid silver; } + .dialogFooterToolbar button:hover { - height: 24px; + height: 24px; } + .dialogFooterToolbar button:action { - height: 24px; + height: 24px; } + .dialogFooterToolbar button[id="addressbook-edit_button[delete]"] { - float: right; + float: right; } + .dialogFooterToolbar div.et2_hbox { - white-space: normal; + white-space: normal; } + .dialogFooterToolbar div.et2_box_widget { - white-space: nowrap; + white-space: nowrap; } + .dialogFooterToolbar label.et2_label { - white-space: nowrap; + white-space: nowrap; } + .dialogFooterToolbar input.et2_checkbox { - top: 0px; + top: 0px; } + /*Dialog Calendar - Resourcen suchen*/ div#divMain { - padding: 1em; + padding: 1em; } + div#divMain img { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } + div#divMain input[type*="image"] { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } + /** * admin - site configuration */ div.admin-config form > table { - width: 100%; - padding: 5px; + width: 100%; + padding: 5px; } + div.admin-config form > table tr.th td { - font-size: 110%; - font-weight: bold; - padding-top: 5px; - padding-bottom: 5px; + font-size: 110%; + font-weight: bold; + padding-top: 5px; + padding-bottom: 5px; } + div.admin-config form > table td { - padding-left: 5px; - border-bottom: 1px solid #e0e0e0; + padding-left: 5px; + border-bottom: 1px solid #e0e0e0; } + div.admin-config form > table td b { - font-weight: bold; + font-weight: bold; } + /** * Styles for different egw_message-types */ .success_message, .warning_message, .error_message { - font-weight: normal; - text-align: left; - margin-left: 5px; - padding-left: 20px; - white-space: pre-wrap; + font-weight: normal; + text-align: left; + margin-left: 5px; + padding-left: 20px; + white-space: pre-wrap; } + .warning_message { - border-left: 24px solid rgba(255, 204, 0, 0.5) !important; - background-image: url(../images/dialog_warning.png); + border-left: 24px solid rgba(255, 204, 0, 0.5) !important; + background-image: url(../images/dialog_warning.png); } + .error_message { - border-left: 24px solid rgba(204, 0, 51, 0.5) !important; - background-image: url(../images/dialog_error.png); + border-left: 24px solid rgba(204, 0, 51, 0.5) !important; + background-image: url(../images/dialog_error.png); } + .info_message { - background-image: url(../images/dialog_info.png); + background-image: url(../images/dialog_info.png); } + .info_message .discard { - float: right; - margin-top: 4px; + float: right; + margin-top: 4px; } + .success_message { - background-image: url(../images/check.png); + background-image: url(../images/check.png); } + /** * Message in popup */ body .egw_message_wrapper { - background-color: #d9d9d9; - right: 33%; - box-shadow: 2px 3px 13px #666666; - -moz-box-shadow: 2px 3px 13px #666666; - -webkit-box-shadow: 2px 3px 13px #666666; - -khtml-box-shadow: 2px 3px 13px #666666; - top: 0px; - z-index: 100000; + background-color: #d9d9d9; + right: 33%; + box-shadow: 2px 3px 13px #666666; + -moz-box-shadow: 2px 3px 13px #666666; + -webkit-box-shadow: 2px 3px 13px #666666; + -khtml-box-shadow: 2px 3px 13px #666666; + top: 0px; + z-index: 100000; } + body .egw_message_wrapper > div:last-child { - margin-bottom: 0px !important; + margin-bottom: 0px !important; } + body .egw_message_wrapper div#egw_message { - background-color: #fafafa; - position: relative; - padding: 13px; - padding-left: 20px; - padding-right: 40px; - min-width: 130px; - margin: 0px auto 2px 0px; - white-space: pre-wrap; - border-left: 24px solid rgba(51, 204, 102, 0.5); - display: block; - background-position: -19px; - background-size: 16px; - background-repeat: no-repeat; + background-color: #fafafa; + position: relative; + padding: 13px; + padding-left: 20px; + padding-right: 40px; + min-width: 130px; + margin: 0px auto 2px 0px; + white-space: pre-wrap; + border-left: 24px solid rgba(51, 204, 102, 0.5); + display: block; + background-position: -19px; + background-size: 16px; + background-repeat: no-repeat; } + body .egw_message_wrapper div#egw_message span.close { - float: right; - height: 20px; - width: 20px; - position: absolute; - background: #d0cdcdb5; - right: 10px; - top: 10px; - background-image: url(../images/close.svg); - background-size: 12px; - background-repeat: no-repeat; - background-position: center; - border-radius: 50%; - cursor: pointer; + float: right; + height: 20px; + width: 20px; + position: absolute; + background: #d0cdcdb5; + right: 10px; + top: 10px; + background-image: url(../images/close.svg); + background-size: 12px; + background-repeat: no-repeat; + background-position: center; + border-radius: 50%; + cursor: pointer; } + body .egw_message_wrapper div#egw_message span.close:hover { - filter: invert(1); + filter: invert(1); } + /** * Less-file for egroupware * Definitionen Layout @@ -3682,25 +4192,28 @@ body .egw_message_wrapper div#egw_message span.close:hover { * ################################################## */ #egw_fw_footer { - position: fixed; - bottom: 0px; - width: 50%; - text-align: left; - padding: 3px; - clear: both; - opacity: 1; - z-index: 100; - color: #828282; + position: fixed; + bottom: 0px; + width: 50%; + text-align: left; + padding: 3px; + clear: both; + opacity: 1; + z-index: 100; + color: #828282; } + #egw_fw_footer a { - color: #696969; + color: #696969; } + #egw_fw_footer:hover { - opacity: 0.1; - transition: opacity 0.5s ease-out; - -moz-transition: opacity 0.5s ease-out; - -webkit-transition: opacity; + opacity: 0.1; + transition: opacity 0.5s ease-out; + -moz-transition: opacity 0.5s ease-out; + -webkit-transition: opacity; } + /** * EGroupware: Stylite Pixelegg template * @@ -3715,72 +4228,85 @@ body .egw_message_wrapper div#egw_message span.close:hover { * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ */ h1 { - font-size: 200%; - /*line-height: 330%;*/ - margin: 0.4em 0 0; - font-weight: normal; + font-size: 200%; + /*line-height: 330%;*/ + margin: 0.4em 0 0; + font-weight: normal; } + .headline_h1 { - font-size: 200%; - /*line-height: 330%;*/ - margin: 0.4em 0 0; + font-size: 200%; + /*line-height: 330%;*/ + margin: 0.4em 0 0; } + h2 { - font-size: 150%; - /*line-height: 270%;*/ - margin: 0.6em 0 0; + font-size: 150%; + /*line-height: 270%;*/ + margin: 0.6em 0 0; } + .headline_h2 { - font-size: 150%; - /*line-height: 270%;*/ - margin: 0.6em 0 0; - font-weight: lighter; + font-size: 150%; + /*line-height: 270%;*/ + margin: 0.6em 0 0; + font-weight: lighter; } + h3 { - font-size: 130%; - /*line-height: 220%;*/ - margin: 0.8571em 0 0; + font-size: 130%; + /*line-height: 220%;*/ + margin: 0.8571em 0 0; } + .headline_h3 { - font-size: 130%; - /*line-height: 220%;*/ - margin: 0.8571em 0 0; + font-size: 130%; + /*line-height: 220%;*/ + margin: 0.8571em 0 0; } + h3 a { - color: #999999; + color: #999999; } + h4 { - font-size: 110%; - /*line-height: 160%;*/ - margin: 1.125em 0 0; + font-size: 110%; + /*line-height: 160%;*/ + margin: 1.125em 0 0; } + .headline_h4 { - font-size: 110%; - /*line-height: 160%;*/ - margin: 1.125em 0 0; + font-size: 110%; + /*line-height: 160%;*/ + margin: 1.125em 0 0; } + h5 { - font-size: 100%; - /*line-height: 110%;*/ - margin: 1.2857em 0 0; + font-size: 100%; + /*line-height: 110%;*/ + margin: 1.2857em 0 0; } + .headline_h5 { - font-size: 100%; - /*line-height: 110%;*/ - margin: 1.2857em 0 0; + font-size: 100%; + /*line-height: 110%;*/ + margin: 1.2857em 0 0; } + h6 { - font-size: 100%; - font-weight: bold; - /*line-height: 100%;*/ - margin: 1.5em 0 0; + font-size: 100%; + font-weight: bold; + /*line-height: 100%;*/ + margin: 1.5em 0 0; } + .headline_h6 { - font-size: 100%; - font-weight: bold; - /*line-height: 100%;*/ - margin: 1.5em 0 0; + font-size: 100%; + font-weight: bold; + /*line-height: 100%;*/ + margin: 1.5em 0 0; } + /** * EGroupware: Stylite Pixelegg template * @@ -3795,30 +4321,35 @@ h6 { * @version $Id$ */ table.nextmatch_lettersearch { - margin-bottom: 6px; + margin-bottom: 6px; } + .lettersearch { - border: 1px solid #E6E6E6; - background: #f8f8f8; - text-align: center; - cursor: pointer; + border: 1px solid #E6E6E6; + background: #f8f8f8; + text-align: center; + cursor: pointer; } + .lettersearch:hover { - background-color: #b3b3b3 !important; - color: #ffffff; + background-color: #b3b3b3 !important; + color: #ffffff; } + .lettersearch_active { - border: 1px solid #E6E6E6; - background: #f8f8f8; - text-align: center; - cursor: pointer; - background-color: #b3b3b3 !important; - font-weight: bold; + border: 1px solid #E6E6E6; + background: #f8f8f8; + text-align: center; + cursor: pointer; + background-color: #b3b3b3 !important; + font-weight: bold; } + td.lettersearch { - background-image: none; - width: 3%; + background-image: none; + width: 3%; } + /*.nextmatch_header table { border: none !important; width: 99% !important; @@ -3837,350 +4368,400 @@ td.lettersearch { * @version $Id$ */ #egwpopup { - top: 46px; - right: 0px !important; - left: auto !important; - height: calc(100% - 69px); - width: 277px !important; - position: absolute; - background: white; - border: 1px solid silver; - border-top: none; - border-bottom: none; - padding: 1em; - /*Button*/ + top: 46px; + right: 0px !important; + left: auto !important; + height: calc(100% - 69px); + width: 277px !important; + position: absolute; + background: white; + border: 1px solid silver; + border-top: none; + border-bottom: none; + padding: 1em; + /*Button*/ } + #egwpopup input#egwpopup_ok_button, #egwpopup button#desktop_perms { - /*.border_normal;*/ - /*.box_shadow_standard_light;*/ - /*.rounded (3px);*/ - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #E6E6E6; - height: 24px; - padding: 0 5px; + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.5s; + -moz-transition-duration: 0.5s; + -o-transition-duration: 0.5s; + transition-duration: 0.5s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + -o-transition-timing-function: linear; + transition-timing-function: linear; + background-color: #E6E6E6; + height: 24px; + padding: 0 5px; } + #egwpopup input#egwpopup_ok_button:hover, #egwpopup button#desktop_perms:hover { - -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: inherit; + -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: inherit; } + #egwpopup input#egwpopup_ok_button:active, #egwpopup button#desktop_perms:active { - background-color: #b3e4a6 !important; + background-color: #b3e4a6 !important; } + #egwpopup #egwpopup_list::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); - background-color: #fafafa; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: #fafafa; } + #egwpopup #egwpopup_list::-webkit-scrollbar { - width: 4px; - background-color: #fafafa; + width: 4px; + background-color: #fafafa; } + #egwpopup #egwpopup_list::-webkit-scrollbar-thumb { - background-color: #6a6f71; + background-color: #6a6f71; } + #egwpopup #egwpopup_list { - overflow-y: auto; - height: calc(100% - 52px); + overflow-y: auto; + height: calc(100% - 52px); } + #egwpopup #egwpopup_list .egwpopup_time_label { - width: 100%; - color: #fafafa; - text-align: center; - font-style: italic; - opacity: 0.5; - font-size: 10pt; - background: #255ea5; - font-weight: bold; + width: 100%; + color: #fafafa; + text-align: center; + font-style: italic; + opacity: 0.5; + font-size: 10pt; + background: #255ea5; + font-weight: bold; } + #egwpopup #egwpopup_list span.egwpopup_delete { - display: inline-block; - float: right; - width: 24px; - height: 24px; - background-image: url(../images/delete.svg); - background-repeat: no-repeat; - background-position: center; - background-size: 12px; - cursor: pointer; + display: inline-block; + float: right; + width: 24px; + height: 24px; + background-image: url(../images/delete.svg); + background-repeat: no-repeat; + background-position: center; + background-size: 12px; + cursor: pointer; } + #egwpopup #egwpopup_list .egwpopup_mark { - display: inline-block; - float: right; - width: 10px; - height: 10px; - border: 1px solid #b9436c; - border-radius: 50%; - margin: 7px; - background: #b9436c; - cursor: pointer; + display: inline-block; + float: right; + width: 10px; + height: 10px; + border: 1px solid #b9436c; + border-radius: 50%; + margin: 7px; + background: #b9436c; + cursor: pointer; } + #egwpopup #egwpopup_list .egwpopup_message { - height: auto; - overflow: hidden; - padding: 10px; - background-color: #fafafa; - margin-bottom: 5px; + height: auto; + overflow: hidden; + padding: 10px; + background-color: #fafafa; + margin-bottom: 5px; } + #egwpopup #egwpopup_list .egwpopup_message:hover { - background-color: rgba(103, 159, 210, 0.2); + background-color: rgba(103, 159, 210, 0.2); } + #egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_inner_container { - height: 63px; - overflow: hidden; + height: 63px; + overflow: hidden; } + #egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar { - display: inline-block; - width: 100%; + display: inline-block; + width: 100%; } + #egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar .egwpopup_message_date { - float: left; - color: #767676; + float: left; + color: #767676; } + #egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar .egwpopup_message_open { - display: inline-block; - float: right; - width: 24px; - height: 24px; - background-image: url(../images/search.svg); - background-repeat: no-repeat; - background-position: center; - background-size: 12px; - cursor: pointer; + display: inline-block; + float: right; + width: 24px; + height: 24px; + background-image: url(../images/search.svg); + background-repeat: no-repeat; + background-position: center; + background-size: 12px; + cursor: pointer; } + #egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_top_toolbar .egwpopup_collapse { - display: none; + display: none; } + #egwpopup #egwpopup_list .egwpopup_message .egwpopup_actions_container { - text-align: center; + text-align: center; } + #egwpopup #egwpopup_list .egwpopup_message .egwpopup_actions_container > button { - height: 24px; - width: 80px; - border: none; - background: #e6e6e6; - background-size: 16px; - background-position: 12px center; - background-repeat: no-repeat; - padding-left: 26px; + height: 24px; + width: 80px; + border: none; + background: #e6e6e6; + background-size: 16px; + background-position: 12px center; + background-repeat: no-repeat; + padding-left: 26px; } + #egwpopup #egwpopup_list .egwpopup_message .egwpopup_message_more_info { - color: #767676; - padding-top: 5px; - padding-bottom: 5px; + color: #767676; + padding-top: 5px; + padding-bottom: 5px; } + #egwpopup #egwpopup_list .egwpopup_message span.egwpopup_nav_prev, #egwpopup #egwpopup_list .egwpopup_message span.egwpopup_nav_next { - display: none; + display: none; } + #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded { - position: fixed; - top: 85px; - height: calc(100% - 130px); - left: 20vw; - width: 60vw; - box-shadow: 0 0 40px #666; - overflow: auto; + position: fixed; + top: 85px; + height: calc(100% - 130px); + left: 20vw; + width: 60vw; + box-shadow: 0 0 40px #666; + overflow: auto; } + #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded:hover { - background-color: #fafafa; + background-color: #fafafa; } + #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded .egwpopup_message_inner_container { - height: calc(100% - 62px); - overflow: auto; + height: calc(100% - 62px); + overflow: auto; } + #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded .egwpopup_collapse { - float: right; - width: 24px; - height: 24px; - background-image: url(../images/close.svg); - background-repeat: no-repeat; - background-position: center; - background-size: 12px; - cursor: pointer; - display: inline-block; + float: right; + width: 24px; + height: 24px; + background-image: url(../images/close.svg); + background-repeat: no-repeat; + background-position: center; + background-size: 12px; + cursor: pointer; + display: inline-block; } + #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded .egwpopup_message_more_info { - display: none; + display: none; } + #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded span.egwpopup_nav_prev { - display: inline-block; - float: right; - width: 24px; - height: 24px; - background-image: url(../images/back.png); - background-repeat: no-repeat; - background-position: center; - background-size: 16px; - cursor: pointer; + display: inline-block; + float: right; + width: 24px; + height: 24px; + background-image: url(../images/back.png); + background-repeat: no-repeat; + background-position: center; + background-size: 16px; + cursor: pointer; } + #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded .egwpopup_nav_disable { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } + #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded span.egwpopup_nav_next { - display: inline-block; - float: right; - width: 24px; - height: 24px; - background-image: url(../images/forward.png); - background-repeat: no-repeat; - background-position: center; - background-size: 16px; - cursor: pointer; + display: inline-block; + float: right; + width: 24px; + height: 24px; + background-image: url(../images/forward.png); + background-repeat: no-repeat; + background-position: center; + background-size: 16px; + cursor: pointer; } + #egwpopup #egwpopup_list .egwpopup_message_seen .egwpopup_mark { - cursor: auto; - background: none; - border-color: #666c6e; + cursor: auto; + background: none; + border-color: #666c6e; } + #egwpopup #egwpopup_list .egwpopup_message_clone { - border: 2px dashed silver; - opacity: 0.3; - height: 125px; + border: 2px dashed silver; + opacity: 0.3; + height: 125px; } + #egwpopup div#egwpopup_header { - font-size: 16px; - color: silver; - text-align: center; - padding: 15px; + font-size: 16px; + color: silver; + text-align: center; + padding: 15px; } + #egwpopup div#egwpopup_header .egwpopup_seenall { - float: right; - width: 10px; - height: 10px; - border: 1px solid silver; - border-radius: 50%; - cursor: pointer; - margin: 4px 0px 0px 0px; + float: right; + width: 10px; + height: 10px; + border: 1px solid silver; + border-radius: 50%; + cursor: pointer; + margin: 4px 0px 0px 0px; } + #egwpopup div#egwpopup_header .egwpopup_seenall:hover { - border-color: gray; - background: rgba(103, 159, 210, 0.2); + border-color: gray; + background: rgba(103, 159, 210, 0.2); } + #egwpopup div#egwpopup_header .egwpopup_deleteall { - background-image: url(../images/delete.svg); - width: 12px; - height: 12px; - background-position: center; - background-size: 12px; - float: right; - background-repeat: no-repeat; - margin-right: 15px; - margin-top: 4px; - cursor: pointer; - display: inline-block; - opacity: 0.5; + background-image: url(../images/delete.svg); + width: 12px; + height: 12px; + background-position: center; + background-size: 12px; + float: right; + background-repeat: no-repeat; + margin-right: 15px; + margin-top: 4px; + cursor: pointer; + display: inline-block; + opacity: 0.5; } + #egwpopup div#egwpopup_header .egwpopup_deleteall:hover { - opacity: 1; + opacity: 1; } + /*popup Messsage*/ div#egwpopup_message { - background-color: #FFFFFF; - padding: 1em; - overflow-y: auto; + background-color: #FFFFFF; + padding: 1em; + overflow-y: auto; } + #msg, .message { - color: red; - font-style: italic; - background: #FFFFFF; + color: red; + font-style: italic; + background: #FFFFFF; } + .egw_fw_ui_app_header_container { - height: auto; + height: auto; } + .egw_fw_ui_app_header_container .egw_fw_ui_app_header { - padding: 1px 0 0 0; - font-weight: normal; - color: silver; - overflow: hidden; - height: 15px; - visibility: hidden; + padding: 1px 0 0 0; + font-weight: normal; + color: silver; + overflow: hidden; + height: 15px; + visibility: hidden; } + .colselection.ui-widget-content { - width: 45%; - height: auto; + width: 45%; + height: auto; } + .colselection.ui-widget-content .et2_selectbox { - height: calc(100% - 68px); + height: calc(100% - 68px); } + .colselection.ui-widget-content .et2_selectbox .ui-multiselect-checkboxes { - height: calc(100% - 68px) !important; + height: calc(100% - 68px) !important; } + /*Calendar ##############*/ td.message { - background-color: #E6E6E6 !important; - height: 0px; - padding: 0px; + background-color: #E6E6E6 !important; + height: 0px; + padding: 0px; } + td.message span.message { - height: 35px; - border-bottom: 2px solid #E6E6E6; - color: red; - background: #E6E6E6; - height: auto; - width: 100%; + height: 35px; + border-bottom: 2px solid #E6E6E6; + color: red; + background: #E6E6E6; + height: auto; + width: 100%; } + .button_right_toggle { - height: 32px; - width: 32px; - cursor: pointer; - position: relative; - margin-top: 1px; - margin-left: -20px; - float: left; + height: 32px; + width: 32px; + cursor: pointer; + position: relative; + margin-top: 1px; + margin-left: -20px; + float: left; } + .button_right_toggle:after { - content: ""; - position: absolute; - left: 13px; - top: 5px; - width: 10px; - height: 2px; - background-color: silver; - backface-visibility: hidden; - border-radius: 6px; - transform: rotate(145deg) translate(8px, -1px); - -ms-transform: rotate(145deg) translate(8px, -1px); - -moz-transform: rotate(145deg) translate(8px, -1px); - -webkit-transform: rotate(145deg) translate(8px, -1px); + content: ""; + position: absolute; + left: 13px; + top: 5px; + width: 10px; + height: 2px; + background-color: silver; + backface-visibility: hidden; + border-radius: 6px; + transform: rotate(145deg) translate(8px, -1px); + -ms-transform: rotate(145deg) translate(8px, -1px); + -moz-transform: rotate(145deg) translate(8px, -1px); + -webkit-transform: rotate(145deg) translate(8px, -1px); } + .button_right_toggle:before { - content: ""; - position: absolute; - left: 0px; - top: 0px; - width: 10px; - height: 2px; - background-color: silver; - backface-visibility: hidden; - border-radius: 6px; - transform: rotate(45deg) translate(8px, -2px); - -ms-transform: rotate(45deg) translate(8px, -2px); - -moz-transform: rotate(45deg) translate(8px, -2px); - -webkit-transform: rotate(45deg) translate(8px, -2px); + content: ""; + position: absolute; + left: 0px; + top: 0px; + width: 10px; + height: 2px; + background-color: silver; + backface-visibility: hidden; + border-radius: 6px; + transform: rotate(45deg) translate(8px, -2px); + -ms-transform: rotate(45deg) translate(8px, -2px); + -moz-transform: rotate(45deg) translate(8px, -2px); + -webkit-transform: rotate(45deg) translate(8px, -2px); } + .button_right_toggle:hover:before, .button_right_toggle:hover:after { - background-color: gray; + background-color: gray; } + /** * EGroupware: Stylite Pixelegg template * @@ -4195,36 +4776,45 @@ td.message span.message { * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ */ /*z.b. Dateimanager overlay*/ -.egwGridView_grid span.iconOverlayContainer { - margin: 2px 5px 2px 2px; - position: relative; - -moz-user-select: none; - -khtml-user-select: none; - user-select: none; - overflow: visible; - display: inline-block; +span.iconOverlayContainer { + margin: 2px 5px 2px 2px; + position: relative; + -moz-user-select: none; + -khtml-user-select: none; + user-select: none; + overflow: visible; + display: inline-block; } -.egwGridView_grid span.overlayContainer { - position: absolute; - right: -2px; - bottom: -2px; - vertical-align: bottom; - text-align: right; + +span.overlayContainer { + position: absolute; + right: -2px; + bottom: -2px; + vertical-align: bottom; + text-align: right; } -.egwGridView_grid span.iconContainer { - display: inline-block; - padding: 0; - margin: 0; - text-align: center; + +span.iconContainer { + display: inline-block; + padding: 0; + margin: 0; + text-align: center; } -.egwGridView_grid span.overlayContainer img.overlay { - position: relative; - top: 1px; - margin: 0; - padding: 0; - height: 9px; - width: 11px; + +span.overlayContainer img.overlay { + position: relative; + top: 1px; + margin: 0; + padding: 0; + height: 9px; + width: 11px; } + +.et2_link_list span.overlayContainer img.overlay { + height: 9px !important; + width: 9px !important; +} + /** * EGroupware: Stylite Pixelegg template * @@ -4244,16 +4834,19 @@ td.message span.message { */ .egw_fw_content_browser_iframe, #divMainView { - margin: 0; + margin: 0; } + .egw_fw_content_browser_iframe body, #divMainView body { - background-color: #ffffff; + background-color: #ffffff; } + .egwGridView_scrollarea { - width: 100%; - overflow-x: hidden; + width: 100%; + overflow-x: hidden; } + /** * EGroupware: Stylite Pixelegg template * @@ -4272,262 +4865,303 @@ td.message span.message { Author : stefanreinhardt */ #egw_fw_header { - width: 100%; - float: left; - position: absolute; - border-bottom: 1px solid silver; - /* Logo EGW or Company - left top*/ - /* ########################################################################################################################################### + width: 100%; + float: left; + position: absolute; + border-bottom: 1px solid silver; + /* Logo EGW or Company - left top*/ + /* ########################################################################################################################################### Topmenu / Home / Einstellungen / Zugriff / Kategorien usw.. ########################################################################################################################################### */ } + #egw_fw_header #egw_divLogo { - float: left; - max-width: 220px; - display: block; - margin-left: 63px; - text-align: center; - height: 45px; + float: left; + max-width: 220px; + display: block; + margin-left: 63px; + text-align: center; + height: 45px; } + #egw_fw_header #egw_divLogo img { - max-width: 210px; - border: none; - height: 45px; + max-width: 210px; + border: none; + height: 45px; } + #egw_fw_header #egw_fw_topmenu ul, #egw_fw_header #egw_fw_topmenu > * > ul > li, #egw_fw_header .topmenu_info_item, #egw_fw_header #egw_fw_topmenu_items, #egw_fw_header #egw_fw_topmenu_info_items { - display: inline; + display: inline; } + #egw_fw_header #egw_fw_topmenu { - position: absolute; - display: none; - right: 5px; - width: 241px; - z-index: 1001; - top: 46px; - background: white; - box-shadow: 2px 3px 13px #666666; - -moz-box-shadow: 2px 3px 13px #666666; - -webkit-box-shadow: 2px 3px 13px #666666; - -khtml-box-shadow: 2px 3px 13px #666666; + position: absolute; + display: none; + right: 5px; + width: 241px; + z-index: 1001; + top: 46px; + background: white; + box-shadow: 2px 3px 13px #666666; + -moz-box-shadow: 2px 3px 13px #666666; + -webkit-box-shadow: 2px 3px 13px #666666; + -khtml-box-shadow: 2px 3px 13px #666666; } + #egw_fw_header #egw_fw_topmenu a.powered_by { - width: calc(100% - 20px); - display: inline-block; - padding: 10px; - font-size: 7pt; - background-color: #fbfbfb; + width: calc(100% - 20px); + display: inline-block; + padding: 10px; + font-size: 7pt; + background-color: #fbfbfb; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items { - display: inline-block; - background: white; - float: right; - height: auto; - padding-left: 10px; - border-top: 1px solid silver; + display: inline-block; + background: white; + float: right; + height: auto; + padding-left: 10px; + border-top: 1px solid silver; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items .topmenu_info_item { - overflow: visible; - display: inline-block; + overflow: visible; + display: inline-block; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items .topmenu_info_item:nth-child(2) { - margin-top: 0; - font-size: 1em; + margin-top: 0; + font-size: 1em; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items .topmenu_info_item:nth-child(3) { - position: relative; - top: 0px; - padding-left: 3px; - display: inline-block; + position: relative; + top: 0px; + padding-left: 3px; + display: inline-block; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items { - padding-top: 14px; - width: 100%; - display: block; - float: right; - background: white; - height: auto; - z-index: 1000; - top: 45px; + padding-top: 14px; + width: 100%; + display: block; + float: right; + background: white; + height: auto; + z-index: 1000; + top: 45px; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select, #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn { - width: 50% !important; - margin-left: 10px; + width: 50% !important; + margin-left: 10px; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span { - padding-top: 0px; + padding-top: 0px; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result { - color: #000000; + color: #000000; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result:hover { - color: #000000; + color: #000000; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn li.active-result span:before { - content: ' '; - width: 12px; - height: 12px; - display: inline-block; - border-radius: 50%; - margin-right: 4px; - vertical-align: text-bottom; + content: ' '; + width: 12px; + height: 12px; + display: inline-block; + border-radius: 50%; + margin-right: 4px; + vertical-align: text-bottom; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="0"] span:before { - background: #2de0a5; + background: #2de0a5; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="1"] span:before { - background: #ffd21f; + background: #ffd21f; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="2"] span:before { - background: #f5455c; + background: #f5455c; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn [data-option-array-index="3"] span:before { - background: #cbced1; + background: #cbced1; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul { - width: 100%; - padding: 0px; - display: inline-grid; - /*Home*/ - /*home*/ - /*Setup / Einstellungen*/ - /*access / Zugriff */ - /*category*/ - /*password*/ - /*help*/ - /*Search*/ - /*logout*/ - /*print*/ + width: 100%; + padding: 0px; + display: inline-grid; + /*Home*/ + /*home*/ + /*Setup / Einstellungen*/ + /*access / Zugriff */ + /*category*/ + /*password*/ + /*help*/ + /*Search*/ + /*logout*/ + /*print*/ } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li { - color: #FFFFFF; - padding: 8px 10px; - border-top: #E6E6E6; + color: #FFFFFF; + padding: 8px 10px; + border-top: #E6E6E6; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover { - background: rgba(153, 204, 255, 0.4); - color: #FFFFFF; + background: rgba(153, 204, 255, 0.4); + color: #FFFFFF; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a { - color: #000000; - text-decoration: none; - font-size: 12px; - padding-left: 26px; - line-height: 1.5em; - display: inline-block; - width: 100%; + color: #000000; + text-decoration: none; + font-size: 12px; + padding-left: 26px; + line-height: 1.5em; + display: inline-block; + width: 100%; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { - text-decoration: none !important; + text-decoration: none !important; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child :before { - border: none; + border: none; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home { - margin-left: 0px; - background-image: url(../images/topmenu_items/home.svg); - background-repeat: no-repeat; - background-size: 16px; + margin-left: 0px; + background-image: url(../images/topmenu_items/home.svg); + background-repeat: no-repeat; + background-size: 16px; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs { - margin-left: 0px; - background-repeat: no-repeat; - background-size: 16px; - background-image: url(../images/topmenu_items/setup.svg); + margin-left: 0px; + background-repeat: no-repeat; + background-size: 16px; + background-image: url(../images/topmenu_items/setup.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl { - background-repeat: no-repeat; - background-size: 16px; - background-image: url(../images/topmenu_items/access.svg); + background-repeat: no-repeat; + background-size: 16px; + background-image: url(../images/topmenu_items/access.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats { - background-repeat: no-repeat; - background-size: 16px; - background-image: url(../images/topmenu_items/category.svg); + background-repeat: no-repeat; + background-size: 16px; + background-image: url(../images/topmenu_items/category.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password { - background-repeat: no-repeat; - background-size: 16px; - background-image: url(../images/topmenu_items/password.svg); + background-repeat: no-repeat; + background-size: 16px; + background-image: url(../images/topmenu_items/password.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual { - background-repeat: no-repeat; - background-size: 16px; - background-image: url(../images/topmenu_items/help.svg); + background-repeat: no-repeat; + background-size: 16px; + background-image: url(../images/topmenu_items/help.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_current_user { - background-repeat: no-repeat; - background-size: 16px; - background-image: url(../images/users.png); + background-repeat: no-repeat; + background-size: 16px; + background-image: url(../images/users.png); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout { - background-repeat: no-repeat; - background-size: 16px; - background-image: url(../images/topmenu_items/logout.svg); + background-repeat: no-repeat; + background-size: 16px; + background-image: url(../images/topmenu_items/logout.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_print { - background-repeat: no-repeat; - background-size: 16px; - background-image: url(../images/print.svg); + background-repeat: no-repeat; + background-size: 16px; + background-image: url(../images/print.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items .timezone span { - width: 100%; - text-align: center; - display: inline-block; - background-color: #fafafa; - padding: 5px 0px 5px 0px; + width: 100%; + text-align: center; + display: inline-block; + background-color: #fafafa; + padding: 5px 0px 5px 0px; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items .timezone select { - width: calc(100% - 20px); - margin-left: 10px; + width: calc(100% - 20px); + margin-left: 10px; } + /* ################################################### Slide Effekt ###################################################*/ #egw_fw_topmenu_slide { - width: auto; - text-align: center; - height: 15px; - float: left; - position: fixed; - left: 194px; + width: auto; + text-align: center; + height: 15px; + float: left; + position: fixed; + left: 194px; } + /*ICON List*/ #egw_fw_topmenu_slide.slidedown { - background-image: url("../images/list.png"); - background-position: center center; - height: 15px; - width: 15px; - display: block; - margin-left: 5px; - margin-top: 10px; - background-size: 15px 15px; - float: left; - position: relative; - left: -5px; - cursor: pointer; + background-image: url("../images/list.png"); + background-position: center center; + height: 15px; + width: 15px; + display: block; + margin-left: 5px; + margin-top: 10px; + background-size: 15px 15px; + float: left; + position: relative; + left: -5px; + cursor: pointer; } + /*Icon ARROW UP*/ #egw_fw_topmenu_slide.slideup { - background-image: url("../images/slideup.png"); - background-position: center center; - height: 15px; - width: 15px; - display: block; - margin-top: -36px; - margin-left: 40px; - cursor: pointer; + background-image: url("../images/slideup.png"); + background-position: center center; + height: 15px; + width: 15px; + display: block; + margin-top: -36px; + margin-left: 40px; + cursor: pointer; } + #slidetoggle { - width: 20px; - height: 20px; - display: block; + width: 20px; + height: 20px; + display: block; } + /** * EGroupware: Stylite Pixelegg template * @@ -4564,151 +5198,172 @@ td.message span.message { /* ##################################################################################################### */ #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header { - padding-left: 235px; + padding-left: 235px; } + #egw_fw_main { - padding: 0; - width: auto; + padding: 0; + width: auto; } + #egw_fw_main #egw_fw_tabs { - position: relative; - background-color: transparent; - float: left; - width: 100%; + position: relative; + background-color: transparent; + float: left; + width: 100%; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header { - margin: 0px 0 0 0; - padding: 0px 250px 0px 60px; - background-position: bottom; - background-repeat: repeat-x; - background-color: transparent; - height: 39px; - /*active Tabs*/ + margin: 0px 0 0 0; + padding: 0px 250px 0px 60px; + background-position: bottom; + background-repeat: repeat-x; + background-color: transparent; + height: 39px; + /*active Tabs*/ } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header h1 { - display: inline; - width: 100%; - text-align: center; - -webkit-margin-before: 0; - -webkit-margin-after: 0; + display: inline; + width: 100%; + text-align: center; + -webkit-margin-before: 0; + -webkit-margin-after: 0; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header img { - text-align: center; - float: none; - margin: 0 auto; - width: 16px; - height: 16px; + text-align: center; + float: none; + margin: 0 auto; + width: 16px; + height: 16px; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header { - padding-left: 0; - position: relative; - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - padding: 0px 5px 0px 0px; - cursor: pointer; - background-repeat: repeat-x; - height: 100%; - max-width: 200px; + padding-left: 0; + position: relative; + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding: 0px 5px 0px 0px; + cursor: pointer; + background-repeat: repeat-x; + height: 100%; + max-width: 200px; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header .notifyTabDiv { - position: absolute; - background-color: #c14343; - bottom: 5px; - height: 17px; - left: 0%; - color: #fff9fb; - border: 2px solid #ffffff; - text-align: center; - border-bottom: 0; - border-radius: 50%; - white-space: nowrap; - line-height: 16px; - width: 17px; - font-weight: bold; + position: absolute; + background-color: #c14343; + bottom: 5px; + height: 17px; + left: 0%; + color: #fff9fb; + border: 2px solid #ffffff; + text-align: center; + border-bottom: 0; + border-radius: 50%; + white-space: nowrap; + line-height: 16px; + width: 17px; + font-weight: bold; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header .notifyTabDiv:hover { - background-color: #1E1E1E; + background-color: #1E1E1E; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover { - background-color: rgba(153, 204, 255, 0.4); - padding-bottom: 0px; - padding-top: 8px; - transition: none; + background-color: rgba(153, 204, 255, 0.4); + padding-bottom: 0px; + padding-top: 8px; + transition: none; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { - background-image: url(../images/close.svg); + background-image: url(../images/close.svg); } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) .egw_fw_ui_tab_close_button { - top: 8px; + top: 8px; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { - font-size: 11px; - line-height: 1em; - margin: 0 15px 2px 2px; - vertical-align: super; + font-size: 11px; + line-height: 1em; + margin: 0 15px 2px 2px; + vertical-align: super; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon { - display: inline-block; - width: 16px; - height: 16px; - margin: 5px 1px 0 1em; - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ + display: inline-block; + width: 16px; + height: 16px; + margin: 5px 1px 0 1em; + /*filter grey*/ + filter: url("data:image/svg+xml;utf8,#grayscale"); + -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + /*filter: url(grayscale.svg); Firefox 4+ */ + filter: gray; + /* IE 6-9 */ } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active { - border-left: 1px solid #bfc0bf; - border-right: 1px solid #bfc0bf; - border-bottom: 4px solid white !important; - border-top: 4px solid transparent; - background-color: #ffffff; - background-image: none !important; + border-left: 1px solid #bfc0bf; + border-right: 1px solid #bfc0bf; + border-bottom: 4px solid white !important; + border-top: 4px solid transparent; + background-color: #ffffff; + background-image: none !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover { - background-color: #ffffff; - padding-top: 0px; + background-color: #ffffff; + padding-top: 0px; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { - padding-top: 3px; - display: inline-block; - width: 16px; - height: 16px; + padding-top: 3px; + display: inline-block; + width: 16px; + height: 16px; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button { - right: 3px; - top: 3px; - display: inline-block; - width: 12px; - height: 12px; - margin-left: 0px; - background-repeat: no-repeat; - background-position: center; - background-size: 6px 6px; - position: absolute; + right: 3px; + top: 3px; + display: inline-block; + width: 12px; + height: 12px; + margin-left: 0px; + background-repeat: no-repeat; + background-position: center; + background-size: 6px 6px; + position: absolute; } + #egw_fw_main .egw_fw_ui_tab_header_hover { - background-color: rgba(153, 204, 255, 0.4); + background-color: rgba(153, 204, 255, 0.4); } + #egw_fw_main .egw_fw_ui_tab_content { - width: 100%; - padding: 0px; - margin: 0; - overflow-x: hidden; - overflow-y: hidden; + width: 100%; + padding: 0px; + margin: 0; + overflow-x: hidden; + overflow-y: hidden; } + #egw_fw_main .egw_fw_ui_tab_content > div { - width: 100%; - padding: 0 0 0 0; + width: 100%; + padding: 0 0 0 0; } + /** * EGroupware: Stylite Pixelegg template * @@ -4730,506 +5385,586 @@ td.message span.message { * Sidebar * ################################################################################################################*/ #egw_fw_sidebar { - position: fixed; - overflow: hidden; - top: 45px; - left: 0px; - bottom: 0px; - width: 225px; - /*#################################*/ + position: fixed; + overflow: hidden; + top: 45px; + left: 0px; + bottom: 0px; + width: 225px; + /*#################################*/ } + #egw_fw_sidebar #egw_fw_sidemenu { - position: absolute; - top: 1px; - bottom: 1px; - left: 0px; - right: 8px; - overflow: hidden; - z-index: 0; - font-size: 0.9em; - border-right: 1px solid #bfbfbf; + position: absolute; + top: 1px; + bottom: 1px; + left: 0px; + right: 8px; + overflow: hidden; + z-index: 0; + font-size: 0.9em; + border-right: 1px solid #bfbfbf; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv { - background-color: #fafafa; + background-color: #fafafa; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv div.ui-sortable div { - padding: 3px 0 1px 3px; - cursor: pointer; + padding: 3px 0 1px 3px; + cursor: pointer; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { - display: block; - margin: 0 0; + display: block; + margin: 0 0; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header:hover { - background-color: rgba(153, 204, 255, 0.4); + background-color: rgba(153, 204, 255, 0.4); } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header:active { - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 { - margin: 0 0 10px 0; - padding-top: 0.4em; - padding-left: 3em; - color: #999999; - /*font-size: 12px;*/ - font-size: 12px; - line-height: 17px; + margin: 0 0 10px 0; + padding-top: 0.4em; + padding-left: 3em; + color: #999999; + /*font-size: 12px;*/ + font-size: 12px; + line-height: 17px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header object { - background-color: #FFFFFF; - width: 24px; - height: 24px; + background-color: #FFFFFF; + width: 24px; + height: 24px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active { - cursor: pointer; - background-image: url("../images/clear.png"); - background-position: 95% -3000px; - background-repeat: no-repeat; - background-color: #ffffff; - margin: 0 0 0 0; - border-bottom: none; - height: 33px; + cursor: pointer; + background-image: url("../images/clear.png"); + background-position: 95% -3000px; + background-repeat: no-repeat; + background-color: #ffffff; + margin: 0 0 0 0; + border-bottom: none; + height: 33px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { - padding-left: 9px; - padding-top: 7px; - height: 18px; + padding-left: 9px; + padding-top: 7px; + height: 18px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 { - text-transform: uppercase; - font-size: 1.4em; - color: #000000; - padding-top: 0; - line-height: 33px; - height: 33px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - padding-left: 10px; + text-transform: uppercase; + font-size: 1.4em; + color: #000000; + padding-top: 0; + line-height: 33px; + height: 33px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding-left: 10px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1:hover { - padding-left: 35px; + padding-left: 35px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { - background-image: url(../images/reload.png); - background-size: 18px; - background-position: 9px 6px; - background-repeat: no-repeat; + background-image: url(../images/reload.png); + background-size: 18px; + background-position: 9px 6px; + background-repeat: no-repeat; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover img { - display: none !important; + display: none !important; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:focus { - background-image: url("../images/ajax-loader.gif"); - background-repeat: no-repeat; - background-position: 90% 50%; - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - background-color: #bfbfbf; + background-image: url("../images/ajax-loader.gif"); + background-repeat: no-repeat; + background-position: 90% 50%; + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + background-color: #bfbfbf; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active object { - margin-left: 14px; - margin-top: 8px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - width: 16px; - height: 16px; + margin-left: 14px; + margin-top: 8px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + width: 16px; + height: 16px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { - margin-top: -26px; + margin-top: -26px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom { - border-width: 0px 1px 1px 1px; + border-width: 0px 1px 1px 1px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon { - display: inline-block; - height: 24px; - padding-left: 0; - padding-right: 0px; - float: left; - /*filter grey*/ - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ + display: inline-block; + height: 24px; + padding-left: 0; + padding-right: 0px; + float: left; + /*filter grey*/ + /*filter grey*/ + filter: url("data:image/svg+xml;utf8,#grayscale"); + -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + /*filter: url(grayscale.svg); Firefox 4+ */ + filter: gray; + /* IE 6-9 */ } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content { - display: block; - background-image: none; - border-color: #B4B4B4; - border-style: solid; - border-width: 1px; - margin: 0 0 2em 0; - border-left: none; - /*######################*/ + display: block; + background-image: none; + border-color: #B4B4B4; + border-style: solid; + border-width: 1px; + margin: 0 0 2em 0; + border-left: none; + /*######################*/ } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) { - background-color: #ffffff; - border-color: #B4B4B4; - border-right: 0px; - margin-bottom: 0px; - border-top-color: white; - padding-top: 0px; + background-color: #ffffff; + border-color: #B4B4B4; + border-right: 0px; + margin-bottom: 0px; + border-top-color: white; + padding-top: 0px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category { - margin: 4px 5px 5px 5px; - padding: 2px 0 2px 0; - cursor: pointer; - border-color: #B4B4B4; - background-color: #E6E6E6; - /*background-color: @egw_color_2_d;*/ + margin: 4px 5px 5px 5px; + padding: 2px 0 2px 0; + cursor: pointer; + border-color: #B4B4B4; + background-color: #E6E6E6; + /*background-color: @egw_color_2_d;*/ } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { - margin: 5px 0px 3px 5px; - padding: 0px 0px 0px 24px; - line-height: 1em; - font-size: 12px; - font-weight: normal; - background-image: url(../images/arrow_right.svg); - background-repeat: no-repeat; - background-position: left center; - background-size: 12px; + margin: 5px 0px 3px 5px; + padding: 0px 0px 0px 24px; + line-height: 1em; + font-size: 12px; + font-weight: normal; + background-image: url(../images/arrow_right.svg); + background-repeat: no-repeat; + background-position: left center; + background-size: 12px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { - padding-bottom: 2px; + padding-bottom: 2px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon { - display: block; + display: block; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { - background-color: #999999; + background-color: #999999; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active { - border-bottom-width: 0px; - margin-top: 4px; - background-color: #0C5DA5; - color: #f2f2f2; + border-bottom-width: 0px; + margin-top: 4px; + background-color: #0C5DA5; + color: #f2f2f2; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 { - background-image: url(../images/arrow_down.svg); - line-height: 1em; - font-size: 12px; - background-size: 12px; - filter: brightness(3); + background-image: url(../images/arrow_down.svg); + line-height: 1em; + font-size: 12px; + background-size: 12px; + filter: brightness(3); } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 a { - color: #FFF; + color: #FFF; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 a img { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a:hover, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2 a:hover { - padding: 5px 30px 5px 0px; - width: 200px; - background-color: #f0f0f0; - color: #808080; - -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: inherit; + padding: 5px 30px 5px 0px; + width: 200px; + background-color: #f0f0f0; + color: #808080; + -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: inherit; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { - background-color: #408DD2; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - -o-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; + background-color: #408DD2; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + -o-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; } + #egw_fw_sidebar #egw_fw_splitter { - position: absolute; - width: 8px; - top: 40px; - bottom: 3px; - right: 0px; + position: absolute; + width: 8px; + top: 40px; + bottom: 3px; + right: 0px; } + #egw_fw_sidebar #egw_fw_splitter:hover { - border-color: #E6E6E6; + border-color: #E6E6E6; } + #egw_fw_basecontainer #egw_fw_toggler { - display: block; - width: 51px; - height: 45px; - position: absolute; - z-index: 1; - margin-top: 0px; - left: 0px; - background-color: #fbfbfb; - padding-left: 10px; + display: block; + width: 51px; + height: 45px; + position: absolute; + z-index: 1; + margin-top: 0px; + left: 0px; + background-color: #fbfbfb; + padding-left: 10px; } + #egw_fw_basecontainer #egw_fw_toggler span { - background-color: transparent; - position: relative; - display: block; - width: 35px; - height: 3px; - backface-visibility: hidden; - border-radius: 2px; - top: 11px; - left: 10px; + background-color: transparent; + position: relative; + display: block; + width: 35px; + height: 3px; + backface-visibility: hidden; + border-radius: 2px; + top: 11px; + left: 10px; } + #egw_fw_basecontainer #egw_fw_toggler span:before { - transition-duration: 0.7s; - -webkit-transition-duration: 0.7s; - -moz-transition-duration: 0.7s; - transform: rotate(145deg) translate(8px, -2px); - -ms-transform: rotate(145deg) translate(8px, -2px); - -moz-transform: rotate(145deg) translate(8px, -2px); - -webkit-transform: rotate(145deg) translate(8px, -2px); - background-color: #b4b4b4; + transition-duration: 0.7s; + -webkit-transition-duration: 0.7s; + -moz-transition-duration: 0.7s; + transform: rotate(145deg) translate(8px, -2px); + -ms-transform: rotate(145deg) translate(8px, -2px); + -moz-transform: rotate(145deg) translate(8px, -2px); + -webkit-transform: rotate(145deg) translate(8px, -2px); + background-color: #b4b4b4; } + #egw_fw_basecontainer #egw_fw_toggler span:before, #egw_fw_basecontainer #egw_fw_toggler span:after { - content: ""; - position: absolute; - left: 0px; - top: 3px; - width: 35px; - height: 3px; - background-color: #b4b4b4; - backface-visibility: hidden; - border-radius: 2px; + content: ""; + position: absolute; + left: 0px; + top: 3px; + width: 35px; + height: 3px; + background-color: #b4b4b4; + backface-visibility: hidden; + border-radius: 2px; } + #egw_fw_basecontainer #egw_fw_toggler span:after { - top: 15px; - transition-duration: 0.7s; - -webkit-transition-duration: 0.7s; - -moz-transition-duration: 0.7s; - transform: rotate(-145deg) translate(8px, 2px); - -ms-transform: rotate(-145deg) translate(8px, 2px); - -moz-transform: rotate(-145deg) translate(8px, 2px); - -webkit-transform: rotate(-145deg) translate(8px, 2px); - background-color: #b4b4b4; + top: 15px; + transition-duration: 0.7s; + -webkit-transition-duration: 0.7s; + -moz-transition-duration: 0.7s; + transform: rotate(-145deg) translate(8px, 2px); + -ms-transform: rotate(-145deg) translate(8px, 2px); + -moz-transform: rotate(-145deg) translate(8px, 2px); + -webkit-transform: rotate(-145deg) translate(8px, 2px); + background-color: #b4b4b4; } + #egw_fw_basecontainer #egw_fw_toggler:hover span:before { - background-color: #606060; + background-color: #606060; } + #egw_fw_basecontainer #egw_fw_toggler:hover span:after { - background-color: #606060; + background-color: #606060; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn { - /* toggler button*/ + /* toggler button*/ } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span { - background-color: #b4b4b4; - transition: all 0.3s; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - left: 5px; + background-color: #b4b4b4; + transition: all 0.3s; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + left: 5px; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before, #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after { - transform: none; - -ms-transform: none; - -moz-transform: none; - -webkit-transform: none; - width: 35px; - height: 3px; - background-color: #b4b4b4; + transform: none; + -ms-transform: none; + -moz-transform: none; + -webkit-transform: none; + width: 35px; + height: 3px; + background-color: #b4b4b4; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before { - top: 10px; + top: 10px; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after { - top: 20px; + top: 20px; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span { - background-color: #606060; + background-color: #606060; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before { - background-color: #606060; + background-color: #606060; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after { - background-color: #606060; + background-color: #606060; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu { - top: 1px; - /*sidebar adjustments*/ + top: 1px; + /*sidebar adjustments*/ } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content { - display: none !important; + display: none !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active { - border-radius: 0 !important; - width: auto !important; - border: 0; + border-radius: 0 !important; + width: auto !important; + border: 0; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { - background-size: 24px; - background-position: 15px 8px; + background-size: 24px; + background-position: 15px 8px; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { - width: 50px; - height: 35px; + width: 50px; + height: 35px; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 { - visibility: hidden; + visibility: hidden; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img { - margin: 4px 13px 0px !important; - padding: 0 !important; - float: none !important; - display: block !important; - height: 24px !important; + margin: 4px 13px 0px !important; + padding: 0 !important; + float: none !important; + display: block !important; + height: 24px !important; } + /** DON"T MOVE THIS **/ .egw_fw_ui_splitter_vertical { - background-image: url(../images/splitter_vert.png); - background-position: center; - background-repeat: no-repeat; - background-color: #ffffff; - position: absolute; - width: 5px; - height: 100%; - cursor: col-resize; + background-image: url(../images/splitter_vert.png); + background-position: center; + background-repeat: no-repeat; + background-color: #ffffff; + position: absolute; + width: 5px; + height: 100%; + cursor: col-resize; } + .egw_fw_ui_splitter.ui-draggable-dragging { - background-color: #fbec88; - border-left: 1px solid #B4B4B4; - opacity: 1 !important; + background-color: #fbec88; + border-left: 1px solid #B4B4B4; + opacity: 1 !important; } + .egw_fw_ui_splitter_hover { - background-color: white; + background-color: white; } + .egw_fw_ui_category_content { - background-color: #ffffff; - border-top-width: 0; - border-left: 0px solid; - border-bottom: 0px solid; - margin-left: 0px; - margin-top: 0px; - padding-bottom: 5px; - padding-left: 0px; - padding-top: 3px; - margin-right: 0px; - /*min-height: 50px;*/ + background-color: #ffffff; + border-top-width: 0; + border-left: 0px solid; + border-bottom: 0px solid; + margin-left: 0px; + margin-top: 0px; + padding-bottom: 5px; + padding-left: 0px; + padding-top: 3px; + margin-right: 0px; + /*min-height: 50px;*/ } + .egw_fw_ui_category_content:last-of-type { - border-color: #B4B4B4; - margin-bottom: -2px; + border-color: #B4B4B4; + margin-bottom: -2px; } + .egw_fw_ui_category_content img { - height: 16px; - vertical-align: middle; + height: 16px; + vertical-align: middle; } + .egw_fw_ui_category_content:hover { - background-color: #ffffff; - border-color: #828282; + background-color: #ffffff; + border-color: #828282; } + .egw_fw_ui_category_content input#uical_select_owner_multiple { - height: 16px; - vertical-align: middle; + height: 16px; + vertical-align: middle; } + .egw_fw_ui_category_content .egwTutorial div#list_grid_wrapper { - border-bottom-left-radius: 10px; - overflow-x: hidden !important; + border-bottom-left-radius: 10px; + overflow-x: hidden !important; } + .egw_fw_ui_category_content .egwTutorial div#list_grid_wrapper .et2_label { - padding-bottom: 5px; + padding-bottom: 5px; } + .egw_fw_ui_sidemenu_listitem { - padding: 9px 0px 0px 0px; - margin: 0px 0 1px 0px; - position: relative; - min-height: 18px; - background-color: #FFFFFF; - overflow-x: hidden; - white-space: nowrap; - text-overflow: ellipsis; + padding: 9px 0px 0px 0px; + margin: 0px 0 1px 0px; + position: relative; + min-height: 18px; + background-color: #FFFFFF; + overflow-x: hidden; + white-space: nowrap; + text-overflow: ellipsis; } + .egw_fw_ui_sidemenu_listitem:hover { - color: #000000; - background-color: rgba(153, 204, 255, 0.4); + color: #000000; + background-color: rgba(153, 204, 255, 0.4); } + .egw_fw_ui_sidemenu_listitem img.egw_fw_ui_sidemenu_listitem_icon { - /*display: none;*/ - width: 12px; - height: 12px; - padding: 0px; - margin: 0px 6px; - float: left; + /*display: none;*/ + width: 12px; + height: 12px; + padding: 0px; + margin: 0px 6px; + float: left; } + .egw_fw_ui_sidemenu_listitem input { - height: 16px; - width: 81% !important; + height: 16px; + width: 81% !important; } + .egw_fw_ui_sidemenu_listitem input[type="image"] { - height: 10px; - width: 10px !important; - margin-left: 1px; + height: 10px; + width: 10px !important; + margin-left: 1px; } + .egw_fw_ui_sidemenu_listitem select { - max-width: 85% !important; + max-width: 85% !important; } + .egw_fw_ui_sidemenu_listitem img { - height: 9px; - width: 9px; - padding: 0px; - float: right; + height: 9px; + width: 9px; + padding: 0px; + float: right; } + .egw_fw_ui_sidemenu_listitem a { - padding: 5px 0px 5px 6px; - text-decoration: none; - min-width: 5em; - vertical-align: bottom; - color: #000000; + padding: 5px 0px 5px 6px; + text-decoration: none; + min-width: 5em; + vertical-align: bottom; + color: #000000; } + .egw_fw_ui_sidemenu_listitem a:active { - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } + .egw_fw_ui_sidemenu_listitem div a:first-child { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #f0f0f0; - border-color: #828282; - cursor: pointer; - width: 72% !important; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background-color: #f0f0f0; + border-color: #828282; + cursor: pointer; + width: 72% !important; } + .egw_fw_ui_sidemenu_listitem div a:nth-child(2) { - position: absolute; - right: 0; - top: 0; - background: transparent; - padding: 0px 2px 0 2px; - width: 10px; - min-width: 5px; + position: absolute; + right: 0; + top: 0; + background: transparent; + padding: 0px 2px 0 2px; + width: 10px; + min-width: 5px; } + .egw_fw_ui_sidemenu_listitem div a:nth-child(2) img { - margin: 0 0 0 0; - padding: 0em 0em 0 0em; - height: 10px; - width: 10px; + margin: 0 0 0 0; + padding: 0em 0em 0 0em; + height: 10px; + width: 10px; } + .egw_fw_ui_sidemenu_listitem div a:nth-child(2):hover { - background-color: #FF0000; - /*.background_color_20_gray;*/ - -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); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - color: #ffffff; + background-color: #FF0000; + /*.background_color_20_gray;*/ + -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); + border: 1px solid rgba(0, 0, 0, 0.5); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + color: #ffffff; } + /** * EGroupware: Stylite Pixelegg template * @@ -5248,82 +5983,94 @@ td.message span.message { Author : stefanreinhardt */ .egw_fw_ui_scrollarea { - overflow: hidden; - z-index: 0; - background-color: #ffffff; + overflow: hidden; + z-index: 0; + background-color: #ffffff; } + .egw_fw_ui_scrollarea_button { - position: absolute; - display: block; - width: 100%; - height: 12px; - z-index: 2; + position: absolute; + display: block; + width: 100%; + height: 12px; + z-index: 2; } + .egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover, .egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover { - background-color: silver; + background-color: silver; } + .egw_fw_ui_scrollarea_button_disabled { - display: none !important; + display: none !important; } + #egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled { - top: 7px !important; + top: 7px !important; } + #egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled .egw_fw_ui_sidemenu_entry_header_active { - position: fixed; - top: 50px; - background: white; - z-index: 1; + position: fixed; + top: 50px; + background: white; + z-index: 1; } + .egw_fw_ui_scrollarea_button_up, .egw_fw_ui_scrollarea_button_down { - height: 14px; - background-image: none; - background-color: white; - background-repeat: no-repeat; - background-position: center; + height: 14px; + background-image: none; + background-color: white; + background-repeat: no-repeat; + background-position: center; } + .egw_fw_ui_scrollarea_button_up { - height: 35px; - top: 0px; - border-bottom: 1px solid silver; - background-image: url(../images/up.svg); - background-position: center; - background-repeat: no-repeat; - background-position-y: 5px; - background-size: 24px; + height: 35px; + top: 0px; + border-bottom: 1px solid silver; + background-image: url(../images/up.svg); + background-position: center; + background-repeat: no-repeat; + background-position-y: 5px; + background-size: 24px; } + .egw_fw_ui_scrollarea_button_down { - bottom: 0px; - height: 35px; - border-top: 1px solid silver; - background-image: url(../images/down.svg); - background-repeat: no-repeat; - background-position: center; - background-position-y: 6px; - background-size: 24px; + bottom: 0px; + height: 35px; + border-top: 1px solid silver; + background-image: url(../images/down.svg); + background-repeat: no-repeat; + background-position: center; + background-position-y: 6px; + background-size: 24px; } + .egw_fw_ui_scrollarea_outerdiv { - height: 100%; + height: 100%; } + .egw_fw_content_browser_div { - display: block; - overflow-x: hidden; - overflow-y: auto; - padding-right: 10px; - /* background-color: RGB(240, 240, 255);*/ + display: block; + overflow-x: hidden; + overflow-y: auto; + padding-right: 10px; + /* background-color: RGB(240, 240, 255);*/ } + .egw_fw_content_browser_div_loading { - position: absolute; - z-index: 1000; - top: 0px; - left: 0px; - width: 16px; - height: 16px; - background-image: url(../images/ajax-loader.gif); - background-position: center; - background-repeat: no-repeat; + position: absolute; + z-index: 1000; + top: 0px; + left: 0px; + width: 16px; + height: 16px; + background-image: url(../images/ajax-loader.gif); + background-position: center; + background-repeat: no-repeat; } + /** * EGroupware: Stylite Pixelegg template * @@ -5342,371 +6089,421 @@ td.message span.message { Author : stefanreinhardt */ #egw_fw_topmenu_info_items { - display: inline-block; - height: 45px; - position: absolute; - padding-right: 2px; - right: 0px; - z-index: 1000; - background-color: #fbfbfb; - /*darkmode*/ - /*Notification*/ - /*Search button*/ - /*current user info*/ - /*current user info*/ - /*time zone*/ - /*quick*/ - /* Firefox */ - /* Webkit */ - /* IE */ - /* Opera and prob css3 final iteration */ + display: inline-block; + height: 45px; + position: absolute; + padding-right: 2px; + right: 0px; + z-index: 1000; + background-color: #fbfbfb; + /*darkmode*/ + /*Notification*/ + /*Search button*/ + /*current user info*/ + /*current user info*/ + /*time zone*/ + /*quick*/ + /* Firefox */ + /* Webkit */ + /* IE */ + /* Opera and prob css3 final iteration */ } + #egw_fw_topmenu_info_items .topmenu_info_item { - height: 45px; - width: 45px; - border-left: 1px solid #bfc0bf; - display: inline-block; - padding-left: 3px; - float: right; - background-size: 20px; - background-position: center center; - background-repeat: no-repeat; - cursor: pointer; + height: 45px; + width: 45px; + border-left: 1px solid #bfc0bf; + display: inline-block; + padding-left: 3px; + float: right; + background-size: 20px; + background-position: center center; + background-repeat: no-repeat; + cursor: pointer; } + #egw_fw_topmenu_info_items .topmenu_info_item:hover { - background-color: rgba(153, 204, 255, 0.4); + background-color: rgba(153, 204, 255, 0.4); } + #egw_fw_topmenu_info_items #topmenu_info_user_avatar span { - height: 40px; - width: 40px; - display: inline-block; - border: none; - margin-top: 2px; - margin-left: 1px; + height: 40px; + width: 40px; + display: inline-block; + border: none; + margin-top: 2px; + margin-left: 1px; } + #egw_fw_topmenu_info_items #topmenu_info_user_avatar span img { - width: 40px; + width: 40px; } + #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.fw_avatar_stat { - position: absolute; + position: absolute; } + #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.stat1 { - width: 14px; - height: 14px; - position: absolute; - right: 30px; - bottom: 0px; - border-radius: 50%; - z-index: 100000; - background-size: 14px; - background-repeat: no-repeat; - color: #2d2b2b; - font-weight: bold; - text-align: center; - font-size: 10px; - line-height: 14px; - border: 2px solid #fbfbfb; + width: 14px; + height: 14px; + position: absolute; + right: 30px; + bottom: 0px; + border-radius: 50%; + z-index: 100000; + background-size: 14px; + background-repeat: no-repeat; + color: #2d2b2b; + font-weight: bold; + text-align: center; + font-size: 10px; + line-height: 14px; + border: 2px solid #fbfbfb; } + #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.online { - background-color: #2de0a5; + background-color: #2de0a5; } + #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.offline { - background-color: #cbced1; + background-color: #cbced1; } + #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.away { - background-color: #ffd21f; + background-color: #ffd21f; } + #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.busy { - background-color: #f5455c; + background-color: #f5455c; } + #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection { - background-color: #E1E16D; + background-color: #E1E16D; } + #egw_fw_topmenu_info_items #topmenu_info_user_avatar span span.noconnection:before { - content: "!"; + content: "!"; } + #egw_fw_topmenu_info_items #topmenu_info_logout { - background-image: url(../images/logout.svg); + background-image: url(../images/logout.svg); } + #egw_fw_topmenu_info_items #topmenu_info_logout a { - width: 45px; - height: 45px; - display: inline-block; + width: 45px; + height: 45px; + display: inline-block; } + #egw_fw_topmenu_info_items #topmenu_info_print_title { - background-image: url(../images/print.svg); + background-image: url(../images/print.svg); } + #egw_fw_topmenu_info_items #topmenu_info_print_title span { - width: 45px; - height: 45px; - display: inline-block; + width: 45px; + height: 45px; + display: inline-block; } + #egw_fw_topmenu_info_items #topmenu_info_darkmode span { - background-image: url(../images/darkmode_off.svg); - width: 45px; - height: 45px; - display: inline-block; - background-position: center; - background-repeat: no-repeat; + background-image: url(../images/darkmode_off.svg); + width: 45px; + height: 45px; + display: inline-block; + background-position: center; + background-repeat: no-repeat; } + #egw_fw_topmenu_info_items #topmenu_info_darkmode span.darkmode_on { - background-image: url(../images/darkmode_on.svg); - filter: invert(1) hue-rotate(180deg); + background-image: url(../images/darkmode_on.svg); + filter: invert(1) hue-rotate(180deg); } + #egw_fw_topmenu_info_items #topmenu_info_notifications { - line-height: 45px; - text-align: center; - cursor: pointer; - display: inline-block; - color: #fbfbfb; - font-weight: bold; - opacity: 0.4; - background-image: url(../images/notification_message.svg); - border-left: 1px solid #636262; + line-height: 45px; + text-align: center; + cursor: pointer; + display: inline-block; + color: #fbfbfb; + font-weight: bold; + opacity: 0.4; + background-image: url(../images/notification_message.svg); + border-left: 1px solid #636262; } + #egw_fw_topmenu_info_items #topmenu_info_notifications .egw_fw_topmenu_info_notify { - position: absolute; - background-color: #c14343; - bottom: 0px; - height: 17px; - white-space: nowrap; - line-height: 16px; - width: 17px; - border-top-right-radius: 50%; - margin-left: -3px; - color: #fff9fb; - border: 2px solid #ffffff; - text-align: center; - border-radius: 50%; + position: absolute; + background-color: #c14343; + bottom: 0px; + height: 17px; + white-space: nowrap; + line-height: 16px; + width: 17px; + border-top-right-radius: 50%; + margin-left: -3px; + color: #fff9fb; + border: 2px solid #ffffff; + text-align: center; + border-radius: 50%; } + #egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note { - position: absolute; - width: 280px; - height: 30px; - left: -96px; - top: 45px; - border: 1px solid silver; - background: #ffffff; - text-align: center; - font-size: 10pt; - line-height: 22pt; - color: #b9436c; - white-space: nowrap; - z-index: 999; + position: absolute; + width: 280px; + height: 30px; + left: -96px; + top: 45px; + border: 1px solid silver; + background: #ffffff; + text-align: center; + font-size: 10pt; + line-height: 22pt; + color: #b9436c; + white-space: nowrap; + z-index: 999; } + #egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:before { - content: ''; - position: absolute; - top: -13px; - left: 251px; - width: 0; - height: 0px; - border-left: 14px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #aaa; - margin-bottom: 12px; - margin-left: 1px; + content: ''; + position: absolute; + top: -13px; + left: 251px; + width: 0; + height: 0px; + border-left: 14px solid transparent; + border-right: 15px solid transparent; + border-bottom: 12px solid #aaa; + margin-bottom: 12px; + margin-left: 1px; } + #egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:after { - content: ''; - position: absolute; - top: -11px; - left: 251px; - width: 0; - height: 0; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #ffffff; - margin-bottom: 11px; + content: ''; + position: absolute; + top: -11px; + left: 251px; + width: 0; + height: 0; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-bottom: 12px solid #ffffff; + margin-bottom: 11px; } + #egw_fw_topmenu_info_items #topmenu_info_notifications.egwpopup_notify { - background-image: url(../images/notification_message_active.svg); - opacity: 1; - border-left: 1px solid #bfc0bf; + background-image: url(../images/notification_message_active.svg); + opacity: 1; + border-left: 1px solid #bfc0bf; } + #egw_fw_topmenu_info_items #topmenu_info_search { - background-repeat: no-repeat; - background-image: url(../images/topmenu_items/search.svg); + background-repeat: no-repeat; + background-image: url(../images/topmenu_items/search.svg); } + #egw_fw_topmenu_info_items #topmenu_info_search a { - width: 45px; - height: 45px; - display: inline-block; + width: 45px; + height: 45px; + display: inline-block; } + #egw_fw_topmenu_info_items form { - height: 0px; + height: 0px; } + #egw_fw_topmenu_info_items form select { - padding: 0px; + padding: 0px; } + #egw_fw_topmenu_info_items #topmenu_info_quick_add { - position: relative; + position: relative; } + #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add { - float: right; - background-image: url(../images/add.svg); - background-repeat: no-repeat; - background-size: 24px; - background-position: center; - width: 45px; - height: 45px; - padding-right: 3px; + float: right; + background-image: url(../images/add.svg); + background-repeat: no-repeat; + background-size: 24px; + background-position: center; + width: 45px; + height: 45px; + padding-right: 3px; } + #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add:before { - content: " "; - font-size: 2em; - color: #0C5DA5; - line-height: 0.6em; - background-color: white; + content: " "; + font-size: 2em; + color: #0C5DA5; + line-height: 0.6em; + background-color: white; } + #egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container { - z-index: 1000; - position: absolute; - right: -54px !important; - top: 47px; - min-width: 160px !important; - width: 160px !important; - background: #FFFFFF; + z-index: 1000; + position: absolute; + right: -54px !important; + top: 47px; + min-width: 160px !important; + width: 160px !important; + background: #FFFFFF; } + #egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:before { - content: ''; - position: absolute; - bottom: 51%; - left: 42%; - width: 0; - height: 0px; - border-left: 14px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #aaa; - margin-bottom: 12px; - margin-left: 1px; + content: ''; + position: absolute; + bottom: 51%; + left: 42%; + width: 0; + height: 0px; + border-left: 14px solid transparent; + border-right: 15px solid transparent; + border-bottom: 12px solid #aaa; + margin-bottom: 12px; + margin-left: 1px; } + #egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:after { - content: ''; - position: absolute; - bottom: 50%; - left: 42%; - width: 0; - height: 0; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #ffffff; - margin-bottom: 11px; + content: ''; + position: absolute; + bottom: 50%; + left: 42%; + width: 0; + height: 0; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-bottom: 12px solid #ffffff; + margin-bottom: 11px; } + #egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-single span { - display: none; + display: none; } + #egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container a.chzn-single.chzn-default { - border: 1px solid #bfc0bf; - border-radius: 0px; + border: 1px solid #bfc0bf; + border-radius: 0px; } + #egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-drop { - border-radius: 0px; - margin-top: -2px; + border-radius: 0px; + margin-top: -2px; } + #egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-results { - max-height: none; + max-height: none; } + #egw_fw_topmenu_info_items #topmenu_info_quick_add select#quick_add_selectbox { - visibility: hidden; + visibility: hidden; } + #egw_fw_topmenu_info_items img#topmenu_info_error { - width: 16px; - height: 16px; - position: fixed; - /*.Button_size_square_16;*/ - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - padding: 5px; - top: 6px; - right: 112px; - z-index: 200; - background-color: #FF0000; - -moz-transition: all 1s ease-in-out; - -webkit-transition: all 1s ease-in-out; - -o-transition: all 1s ease-in-out; - -ms-transition: all 1s ease-in-out; - transition: all 1s ease-in-out; - /* order: name, direction, duration, iteration-count, timing-function */ - -moz-animation: blink normal 2s infinite ease-in-out; - /* Firefox */ - -webkit-animation: blink normal 2s infinite ease-in-out; - /* Webkit */ - -ms-animation: blink normal 2s infinite ease-in-out; - /* IE */ - animation: blink normal 2s infinite ease-in-out; - /* Opera and prob css3 final iteration */ + width: 16px; + height: 16px; + position: fixed; + /*.Button_size_square_16;*/ + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + padding: 5px; + top: 6px; + right: 112px; + z-index: 200; + background-color: #FF0000; + -moz-transition: all 1s ease-in-out; + -webkit-transition: all 1s ease-in-out; + -o-transition: all 1s ease-in-out; + -ms-transition: all 1s ease-in-out; + transition: all 1s ease-in-out; + /* order: name, direction, duration, iteration-count, timing-function */ + -moz-animation: blink normal 2s infinite ease-in-out; + /* Firefox */ + -webkit-animation: blink normal 2s infinite ease-in-out; + /* Webkit */ + -ms-animation: blink normal 2s infinite ease-in-out; + /* IE */ + animation: blink normal 2s infinite ease-in-out; + /* Opera and prob css3 final iteration */ } + #egw_fw_topmenu_info_items img#topmenu_info_error:hover { - -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); + -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); } + #egw_fw_topmenu_info_items img#topmenu_info_error:active { - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } + #egw_fw_topmenu_info_items img#topmenu_info_error:focus { - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } + @-moz-keyframes blink { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; - } + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } } + @-webkit-keyframes blink { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; - } + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } } + @-ms-keyframes blink { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; - } + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } } + @keyframes blink { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; - } + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } } + div#topmenu_info_update { - display: inline-block; + display: inline-block; } + div#topmenu_info_update img { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - padding: 5px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + padding: 5px; } + /** * EGroupware: Stylite Pixelegg template * @@ -5729,23 +6526,25 @@ div#topmenu_info_update img { /* ################################################################## */ .standartTreeImage { - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ - width: 16px; - height: 16px; + /*filter grey*/ + filter: url("data:image/svg+xml;utf8,#grayscale"); + -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + /*filter: url(grayscale.svg); Firefox 4+ */ + filter: gray; + /* IE 6-9 */ + width: 16px; + height: 16px; } + button.image_button { - background: none; - border: none; + background: none; + border: none; } + /** * EGroupware: Stylite Pixelegg template * @@ -5760,131 +6559,150 @@ button.image_button { * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ */ .sbHolder { - /*.box_shadow_standard_light;*/ - width: auto; - margin: 5px 0em 5px 0px; - padding: 3px; - outline: none; - display: inline-block; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - cursor: pointer; - font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; - font-size: 1.2em; - font-weight: normal; - height: 30px; - position: relative; - width: 10em; + /*.box_shadow_standard_light;*/ + width: auto; + margin: 5px 0em 5px 0px; + padding: 3px; + outline: none; + display: inline-block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; + font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; + font-size: 1.2em; + font-weight: normal; + height: 30px; + position: relative; + width: 10em; } + .sbHolder:hover { - -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); + -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); } + .sbHolder:focus { - outline: 0; - border-width: 1px; - border-style: solid; - border-color: #B4B4B4; - -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + outline: 0; + border-width: 1px; + border-style: solid; + border-color: #B4B4B4; + -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); } + .sbSelector { - display: block; - height: 30px; - left: 0; - line-height: 30px; - outline: none; - overflow: hidden; - position: absolute; - text-indent: 10px; - top: 0; - width: 170px; + display: block; + height: 30px; + left: 0; + line-height: 30px; + outline: none; + overflow: hidden; + position: absolute; + text-indent: 10px; + top: 0; + width: 170px; } + .sbSelector:link, .sbSelector:visited, .sbSelector:hover { - color: #808080; - outline: none; - text-decoration: none; + color: #808080; + outline: none; + text-decoration: none; } + .sbToggle { - background: url(../img/select-icons.png) 0 -116px no-repeat; - display: block; - height: 30px; - outline: none; - position: absolute; - right: 0; - top: 0; - width: 30px; + background: url(../img/select-icons.png) 0 -116px no-repeat; + display: block; + height: 30px; + outline: none; + position: absolute; + right: 0; + top: 0; + width: 30px; } + .sbToggle:hover { - background: url(../images/select-icons.png) 0 -167px no-repeat; + background: url(../images/select-icons.png) 0 -167px no-repeat; } + .sbToggleOpen { - background: url(../images/select-icons.png) 0 -16px no-repeat; + background: url(../images/select-icons.png) 0 -16px no-repeat; } + .sbToggleOpen:hover { - background: url(../images/select-icons.png) 0 -66px no-repeat; + background: url(../images/select-icons.png) 0 -66px no-repeat; } + .sbHolderDisabled { - background-color: #3C3C3C; - border: solid 1px #515151; + background-color: #3C3C3C; + border: solid 1px #515151; } + .sbOptions { - background-color: #ffffff; - border: solid 1px #515151; - list-style: none; - left: -1px; - margin: 0; - padding: 0; - position: absolute; - top: 30px; - width: 200px; - z-index: 1; - overflow-y: auto; + background-color: #ffffff; + border: solid 1px #515151; + list-style: none; + left: -1px; + margin: 0; + padding: 0; + position: absolute; + top: 30px; + width: 200px; + z-index: 1; + overflow-y: auto; } + .sbOptions li { - padding: 0 7px; + padding: 0 7px; } + .sbOptions a { - border-bottom: dotted 1px #515151; - display: block; - outline: none; - padding: 7px 0 7px 3px; - color: #26537C; + border-bottom: dotted 1px #515151; + display: block; + outline: none; + padding: 7px 0 7px 3px; + color: #26537C; } + .sbOptions a:link, .sbOptions a:visited { - color: #26537C; - text-decoration: none; + color: #26537C; + text-decoration: none; } + .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus { - color: rgba(38, 83, 124, 0.6); + color: rgba(38, 83, 124, 0.6); } + .sbOptions li.last a { - border-bottom: none; + border-bottom: none; } + .sbOptions .sbDisabled { - border-bottom: dotted 1px #515151; - color: #999; - display: block; - padding: 7px 0 7px 3px; + border-bottom: dotted 1px #515151; + color: #999; + display: block; + padding: 7px 0 7px 3px; } + .sbOptions .sbGroup { - border-bottom: dotted 1px #515151; - color: #EBB52D; - display: block; - font-weight: bold; - padding: 7px 0 7px 3px; + border-bottom: dotted 1px #515151; + color: #EBB52D; + display: block; + font-weight: bold; + padding: 7px 0 7px 3px; } + .sbOptions .sbSub { - padding-left: 17px; + padding-left: 17px; } + /** * EGroupware: Stylite Pixelegg template * @@ -5933,274 +6751,330 @@ button.image_button { */ /* TABLE STYLE */ .th { - border-bottom: 1px solid #E6E6E6; + border-bottom: 1px solid #E6E6E6; } + .th.thb { - border-color: darkgray; + border-color: darkgray; } + .th.thb td { - padding-top: 10px; + padding-top: 10px; } + .innerContainer { - overflow: hidden; - /*padding: 0;*/ + overflow: hidden; + /*padding: 0;*/ } + .egwGridView_grid > tbody > tr.th > td { - border-bottom: 1px solid darkgray; - font-weight: normal; - padding: 0 2px 2px 0; - background-image: none; - background-position: center; - background-repeat: repeat-x; - vertical-align: top; + border-bottom: 1px solid darkgray; + font-weight: normal; + padding: 0 2px 2px 0; + background-image: none; + background-position: center; + background-repeat: repeat-x; + vertical-align: top; } + table.egwGridView_outer { - background-color: transparent; - border-spacing: 0px; - font-size: 0.9em; + background-color: transparent; + border-spacing: 0px; + font-size: 0.9em; } + table.egwGridView_outer thead { - max-height: 118px; - overflow-y: auto; - background: white; + max-height: 118px; + overflow-y: auto; + background: white; } + table.egwGridView_outer thead tr th { - background-position: -200px; - font-weight: normal; - padding: 3px 1px 3px 4px; - border: 1px solid #B4B4B4; - border-top: transparent; - vertical-align: middle; - overflow: auto; - background-color: #f8f8f8; + background-position: -200px; + font-weight: normal; + padding: 3px 1px 3px 4px; + border: 1px solid #B4B4B4; + border-top: transparent; + vertical-align: middle; + overflow: auto; + background-color: #f8f8f8; } + table.egwGridView_outer thead tr th:hover { - background-color: #bfbfbf; - color: #ffffff; - /*border-right: 5px solid white;*/ - background-image: url(../images/hint-arrow-right.png); - background-position: right bottom; - background-repeat: no-repeat; - background-size: 15px 15px; - -webkit-transition: all 0s ease-out; - -moz-transition: all 0s ease-out; - -o-transition: all 0s ease-out; - transition: all 0s ease-out; - /*transition-delay: 1s;*/ + background-color: #bfbfbf; + color: #ffffff; + /*border-right: 5px solid white;*/ + background-image: url(../images/hint-arrow-right.png); + background-position: right bottom; + background-repeat: no-repeat; + background-size: 15px 15px; + -webkit-transition: all 0s ease-out; + -moz-transition: all 0s ease-out; + -o-transition: all 0s ease-out; + transition: all 0s ease-out; + /*transition-delay: 1s;*/ } + table.egwGridView_outer thead tr th:active { - background-color: #d9d9d9; - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - border-bottom: 1px solid silver; + background-color: #d9d9d9; + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + border-bottom: 1px solid silver; } + table.egwGridView_outer thead tr th div.innerContainer { - max-height: 10em; - overflow-y: auto; + max-height: 10em; + overflow-y: auto; } + table.egwGridView_outer thead tr th.optcol { - padding: 0; - text-align: center; - background-image: none; - border-right: none; - /*width: 32px !important;*/ - vertical-align: bottom; - background-color: #f0f0f0; + padding: 0; + text-align: center; + background-image: none; + border-right: none; + /*width: 32px !important;*/ + vertical-align: bottom; + background-color: #f0f0f0; } + table.egwGridView_outer thead tr th.optcol:hover { - cursor: pointer; + cursor: pointer; } + table.egwGridView_outer thead tr th.optcol span.selectcols { - height: 9px; - padding: 4px 14px 0px 2px; - margin-top: 4px; - background-image: url(../images/selectcols.svg); - background-repeat: no-repeat; - background-size: 10px 10px; - display: inline-block; - background-position: top; + height: 9px; + padding: 4px 14px 0px 2px; + margin-top: 4px; + background-image: url(../images/selectcols.svg); + background-repeat: no-repeat; + background-size: 10px 10px; + display: inline-block; + background-position: top; } + table.egwGridView_outer > tbody > tr { - /*Elements inside td*/ + /*Elements inside td*/ } + table.egwGridView_outer > tbody > tr td.frame { - /*border: 1px solid @gray_10; can't have - breaks grid scroll calculations' + /*border: 1px solid @gray_10; can't have - breaks grid scroll calculations' /*padding: 0px 5px; no need*/ } + table.egwGridView_outer > tbody > tr > td { - /* disabled as it skrews display of svg in filemanager + /* disabled as it skrews display of svg in filemanager img[src$="svg"] { .gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%)); }*/ } + table.egwGridView_outer > tbody > tr > td .et2_link { - margin-left: 0px; - color: #26537C; + margin-left: 0px; + color: #26537C; } + table.egwGridView_outer > tbody > tr > td img { - border: 1px solid transparent; - box-shadow: none; + border: 1px solid transparent; + box-shadow: none; } + table.egwGridView_outer > tbody > tr > td time { - display: block; + display: block; } + /*########################################################*/ table.egwGridView_grid { - font-size: 12px; - background-color: #ffffff; - border-spacing: 0px 1px; - width: 100%; - /*subentry*/ + font-size: 12px; + background-color: #ffffff; + border-spacing: 0px 1px; + width: 100%; + /*subentry*/ } + table.egwGridView_grid img { - height: 16px; + height: 16px; } + table.egwGridView_grid tbody { - border-bottom: 1px solid #000000; - /*padding: 2px 3px 2px 4px;*/ - margin: 0; - vertical-align: top; - /* tr:nth-child(even) {background: @color_even;} + border-bottom: 1px solid #000000; + /*padding: 2px 3px 2px 4px;*/ + margin: 0; + vertical-align: top; + /* tr:nth-child(even) {background: @color_even;} tr:nth-child(odd) {background: @color_odd;}*/ - /*multiple choise*/ + /*multiple choise*/ } + table.egwGridView_grid tbody tr:hover { - background: rgba(153, 204, 255, 0.4); + background: rgba(153, 204, 255, 0.4); } + table.egwGridView_grid tbody tr.th:hover { - background: transparent; + background: transparent; } + table.egwGridView_grid tbody tr.selected { - background-image: none; - background-color: rgba(102, 153, 204, 0.7) !important; + background-image: none; + background-color: rgba(102, 153, 204, 0.7) !important; } + table.egwGridView_grid tbody td { - border-bottom: 1px solid #E6E6E6; - color: #000000; + border-bottom: 1px solid #E6E6E6; + color: #000000; } + table.egwGridView_grid tbody td .innerContainer { - padding: 3px 0 3px 3px; + padding: 3px 0 3px 3px; } + table.egwGridView_grid tbody td table.customfields tbody { - border-bottom: 0px; + border-bottom: 0px; } + table.egwGridView_grid tbody td table.customfields tbody tr { - border-bottom: 0px; - /*background-size: 12px 12px;*/ + border-bottom: 0px; + /*background-size: 12px 12px;*/ } + table.egwGridView_grid tbody td table.customfields tbody tr td { - border-bottom: 0px; - border: 0px; - padding: 0; - /*height: 12px;*/ + border-bottom: 0px; + border: 0px; + padding: 0; + /*height: 12px;*/ } + table.egwGridView_grid tbody td table.customfields tbody tr td .et2_textbox_ro { - /*white-space: inherit;*/ + /*white-space: inherit;*/ } + table.egwGridView_grid tbody td[align="right"] { - padding: 3px 5px 3px 0; + padding: 3px 5px 3px 0; } + table.egwGridView_grid > tr { - border-bottom: 1px solid; - border-color: #828282; + border-bottom: 1px solid; + border-color: #828282; } + table.egwGridView_grid > tr > td { - border-left: 1px; - border-right: 1px; - padding: 0.3em 0 0.3em 0.3em; - border-bottom: 1px solid; - color: #E6E6E6; - /*&:hover {background-color: @egw_color_2_e;} legacy*/ + border-left: 1px; + border-right: 1px; + padding: 0.3em 0 0.3em 0.3em; + border-bottom: 1px solid; + color: #E6E6E6; + /*&:hover {background-color: @egw_color_2_e;} legacy*/ } + table.egwGridView_grid > tr > td:active { - /*background-color: @egw_color_2_a;*/ - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - color: #ffffff; + /*background-color: @egw_color_2_a;*/ + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + color: #ffffff; } + table.egwGridView_grid > tr > td span { - color: #505050; + color: #505050; } + table.egwGridView_grid > tr > td span[id*="[info_subject]"] { - margin-right: 30px; + margin-right: 30px; } + table.egwGridView_grid > tr > td span.high { - color: red; + color: red; } + table.egwGridView_grid > tr > td span.urgent { - color: red; - background-color: rgba(153, 204, 255, 0.4); + color: red; + background-color: rgba(153, 204, 255, 0.4); } + table.egwGridView_grid > tr > td span.low { - color: #373737; + color: #373737; } + table.egwGridView_grid tr.subentry { - background: rgba(102, 153, 204, 0.2); + background: rgba(102, 153, 204, 0.2); } + table.egwGridView_grid tr.subentry:hover { - background: rgba(102, 153, 204, 0.7) !important; + background: rgba(102, 153, 204, 0.7) !important; } + table.egwGridView_grid tr.drop-hover { - background: rgba(102, 153, 204, 0.7) !important; + background: rgba(102, 153, 204, 0.7) !important; } + table.egwGridView_grid span.arrow { - -moz-user-select: none; - background-repeat: no-repeat; - background-size: 12px; - background-position: center; - display: inline-block; - height: 8px; - margin-right: 2px; - vertical-align: middle; - width: 8px; + -moz-user-select: none; + background-repeat: no-repeat; + background-size: 12px; + background-position: center; + display: inline-block; + height: 8px; + margin-right: 2px; + vertical-align: middle; + width: 8px; } + table.egwGridView_grid span.arrow.opened { - background-image: url("../images/arrow_down.svg"); - cursor: pointer; - background-position: bottom; + background-image: url("../images/arrow_down.svg"); + cursor: pointer; + background-position: bottom; } + table.egwGridView_grid span.arrow.closed { - background-image: url("../images/arrow_right.svg"); - cursor: pointer; - background-position: right; + background-image: url("../images/arrow_right.svg"); + cursor: pointer; + background-position: right; } + table.egwGridView_grid span.arrow.loading { - background-image: url("../egw_action/ajax-loader.gif"); - background-position: 0 0; - cursor: pointer; + background-image: url("../egw_action/ajax-loader.gif"); + background-position: 0 0; + cursor: pointer; } + .nextmatch_header .selectcols { - background: none; + background: none; } + .nextmatch_header tr { - background: none; + background: none; } + /*Custom Fields*/ table.customfields tbody tr:nth-child(2n) { - background: inherit; + background: inherit; } + table.customfields tr { - background-color: inherit !important; + background-color: inherit !important; } + table.customfields td span > div { - display: inherit; - margin: 0px; + display: inherit; + margin: 0px; } + /*########################################################*/ table.nextmatch_header img { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } + .egwGridView_empty { - text-align: center; - border-bottom: 1px solid silver; - font-size: 1.5em; + text-align: center; + border-bottom: 1px solid silver; + font-size: 1.5em; } + .egwGridView_empty td { - color: #1E1E1E !important; + color: #1E1E1E !important; } + /** * EGroupware: Stylite Pixelegg template * @@ -6216,337 +7090,389 @@ table.nextmatch_header img { */ /* traditional */ form { - margin: 0px; - padding: 0px; + margin: 0px; + padding: 0px; } + img { - border: 0; + border: 0; } + div { - color: #000000; + color: #000000; } + input[type=submit], input[type=button], input[type=reset], button, .egwbutton { - background-color: #f0f0f0; - background-image: none; - border: outset 1px #b9d5e3; - margin: 1px; - padding: 1px; - cursor: pointer; - color: #004e7d; + background-color: #f0f0f0; + background-image: none; + border: outset 1px #b9d5e3; + margin: 1px; + padding: 1px; + cursor: pointer; + color: #004e7d; } + input[type=submit] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } + input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover, .egwbutton:hover { - background-color: #d9d9d9 !important; - background-image: none; - border: outset 1px #b9d5e3; - color: #004e7d; + background-color: #d9d9d9 !important; + background-image: none; + border: outset 1px #b9d5e3; + color: #004e7d; } + input[type=submit]:active, input[type=button]:active, input[type=reset]:active, button:active, .egwbutton:active { - border: inset 1px #bbbbbb; + border: inset 1px #bbbbbb; } + input[type=submit]:disabled, input[type=button]:disabled, input[type=reset]:disabled, button:disabled, .egwbutton:disabled { - background-color: transparent; - color: gray; + background-color: transparent; + color: gray; } + input.egwbutton { - background-color: #b9d5e3; - border: outset 1px #b9d5e3; - margin: 1px; - padding: 1px; - cursor: pointer; - color: #004e7d; + background-color: #b9d5e3; + border: outset 1px #b9d5e3; + margin: 1px; + padding: 1px; + cursor: pointer; + color: #004e7d; } + input.egwbutton:hover { - background-color: #94bfd4; - border: outset 1px #b9d5e3; - color: #004e7d; + background-color: #94bfd4; + border: outset 1px #b9d5e3; + color: #004e7d; } + input.egwbutton:active { - border: inset 1px #bbbbbb; + border: inset 1px #bbbbbb; } + input[type=image] { - cursor: pointer; - border: 0; - width: 16px; - height: 16px; + cursor: pointer; + border: 0; + width: 16px; + height: 16px; } + #thesideboxcolumn { - width: 177px; - position: relative; + width: 177px; + position: relative; } + #sideresize { - background-image: url(../images/resize.png); - width: 13px; - height: 13px; - right: 1px; - top: 1px; - position: absolute; - z-index: 9999; + background-image: url(../images/resize.png); + width: 13px; + height: 13px; + right: 1px; + top: 1px; + position: absolute; + z-index: 9999; } + .divSidebox { - position: relative; - border: #9c9c9c 1px solid; - overflow: auto; + position: relative; + border: #9c9c9c 1px solid; + overflow: auto; } + .divSideboxHeader { - text-align: center; - background-color: #d9d9d9; - padding-top: 2px; - color: #808080; + text-align: center; + background-color: #d9d9d9; + padding-top: 2px; + color: #808080; } + a.divSideboxEntry, .divSideboxEntry { - text-align: left; - background-color: #FDFDFD; + text-align: left; + background-color: #FDFDFD; } + a.appTitles, .appTitles { - height: 18px; - padding-top: 2px; - padding-bottom: 2px; + height: 18px; + padding-top: 2px; + padding-bottom: 2px; } + a.textSidebox { - padding: 0; - border-top: 0; + padding: 0; + border-top: 0; } + .textSidebox { - padding-top: 3px; - padding-bottom: 3px; - padding-left: 1px; - border-top: solid #aaaaaa 1px; - overflow: auto; + padding-top: 3px; + padding-bottom: 3px; + padding-left: 1px; + border-top: solid #aaaaaa 1px; + overflow: auto; } + .sideboxSpace { - height: 9px; + height: 9px; } + .greyLine { - margin: 1px; - border-top: solid 1px #7e7e7e; - height: 1px; + margin: 1px; + border-top: solid 1px #7e7e7e; + height: 1px; } + #extraIcons { - background-color: #eeeeee; - border: solid 1px #7e7e7e; + background-color: #eeeeee; + border: solid 1px #7e7e7e; } + .extraIconsRow { - border: solid 1px #dddddd; - padding: 2px; + border: solid 1px #dddddd; + padding: 2px; } + #topmenu { - background-color: #0081c1; - background-image: url(../images/bgtopmenu2.png); - color: #006699; - /*border-top: solid 1px #7e7e7e;*/ - border-bottom: solid #5793ff 1px; - height: 20px; - padding-top: 4px ; - line-height: 16px; + background-color: #0081c1; + background-image: url(../images/bgtopmenu2.png); + color: #006699; + /*border-top: solid 1px #7e7e7e;*/ + border-bottom: solid #5793ff 1px; + height: 20px; + padding-top: 4px; + line-height: 16px; } + #topmenu a { - color: #006699; + color: #006699; } + #topmenu_items { - float: left; + float: left; } + #topmenu_info { - float: right; + float: right; } + #divUpperTabs { - text-align: right; - height: 15px; - margin-right: 10px; + text-align: right; + height: 15px; + margin-right: 10px; } + #divUpperTabs ul { - display: inline; - margin: 0; - padding: 10px 10px 0 1px; - list-style: none; + display: inline; + margin: 0; + padding: 10px 10px 0 1px; + list-style: none; } + #divUpperTabs li { - float: right; - margin: 0 5px 0 0; - padding: 0 5px 0 5px; - border: solid 1px #9c9c9c; - border-bottom: 0px; + float: right; + margin: 0 5px 0 0; + padding: 0 5px 0 5px; + border: solid 1px #9c9c9c; + border-bottom: 0px; } + /* Star-Plus-HTML Hack fix for the above */ *:first-child + html #divAppIconBar { - height: 60px; + height: 60px; } + #divAppTextBar { - background-color: white; + background-color: white; } + #divStatusBar { - background-color: white; - height: 18px; - padding-left: 3px; + background-color: white; + height: 18px; + padding-left: 3px; } + #tdSidebox { - width: 170px; - background-color: white; - overflow: visible; + width: 170px; + background-color: white; + overflow: visible; } + #tdAppbox { - background-color: white; - padding-left: 5px; - width: 100%; + background-color: white; + padding-left: 5px; + width: 100%; } + #divAppboxHeader { - background-image: url(../images/appbox-header-background.png); - background-repeat: repeat-x; - height: 25px; - border-bottom: solid 1px #c0c0c0; - text-align: center; - padding-bottom: 0px; - border-top: solid 1px #9c9c9c; - border-left: solid 1px #9c9c9c; - border-right: solid 1px #9c9c9c; + background-image: url(../images/appbox-header-background.png); + background-repeat: repeat-x; + height: 25px; + border-bottom: solid 1px #c0c0c0; + text-align: center; + padding-bottom: 0px; + border-top: solid 1px #9c9c9c; + border-left: solid 1px #9c9c9c; + border-right: solid 1px #9c9c9c; } + #divAppboxHeader table img { - height: 16px; + height: 16px; } + #divAppbox { - background-color: #ffffff; - padding: 5px; - border-bottom: solid 1px #9c9c9c; - border-left: solid 1px #9c9c9c; - border-right: solid 1px #9c9c9c; + background-color: #ffffff; + padding: 5px; + border-bottom: solid 1px #9c9c9c; + border-left: solid 1px #9c9c9c; + border-right: solid 1px #9c9c9c; } + #divGenTime, #divPoweredBy { - bottom: 4px; - text-align: center; - width: 99%; + bottom: 4px; + text-align: center; + width: 99%; } + .pageGenTime, #divPoweredBy { - font-size: 80%; - color: #ff0000; - text-align: center; + font-size: 80%; + color: #ff0000; + text-align: center; } + .pageGenTime { - margin-top: 1em; - position: absolute; - bottom: -18px; - left: 25%; + margin-top: 1em; + position: absolute; + bottom: -18px; + left: 25%; } + .pageGenTime > span:after { - content: ", "; + content: ", "; } + .pageGenTime > span:last-child:after { - content: ""; + content: ""; } + @keyframes loading-prompt-spinner { - from { - transform: rotateZ(0deg); - } - to { - transform: rotateZ(360deg); - } + from { + transform: rotateZ(0deg); + } + to { + transform: rotateZ(360deg); + } } + .egw-loading-prompt-container::before { - opacity: 0.3; - content: ""; - background-color: #aaaaaa; - width: 100%; - height: 100%; - position: absolute; - z-index: 999; + opacity: 0.3; + content: ""; + background-color: #aaaaaa; + width: 100%; + height: 100%; + position: absolute; + z-index: 999; } + .egw-loading-prompt-container .egw-loading-prompt-spinner-msg { - position: absolute; - width: 100%; - text-align: center; - left: 0; - top: 48%; - z-index: 999; - text-shadow: 4px 4px 7px #679FD2; - color: #0B5FA4; - margin-top: 52px; + position: absolute; + width: 100%; + text-align: center; + left: 0; + top: 48%; + z-index: 999; + text-shadow: 4px 4px 7px #679FD2; + color: #0B5FA4; + margin-top: 52px; } + .egw-loading-prompt-container .egw-loading-prompt-spinner-animator { - width: 38px; - height: 38px; - position: absolute; - margin-left: 50%; - left: -17px; - top: 48%; - z-index: 999; - background-position: 3px 3px; - opacity: 1; - background-repeat: no-repeat; - vertical-align: middle; - border: 5px solid; - border: 6px #679fd2 solid; - border-top: 6px #0C5DA5 solid; - border-radius: 50%; - -webkit-animation: loading-prompt-spinner 1.2s infinite linear; - animation: loading-prompt-spinner 1.2s infinite linear; + width: 38px; + height: 38px; + position: absolute; + margin-left: 50%; + left: -17px; + top: 48%; + z-index: 999; + background-position: 3px 3px; + opacity: 1; + background-repeat: no-repeat; + vertical-align: middle; + border: 5px solid; + border: 6px #679fd2 solid; + border-top: 6px #0C5DA5 solid; + border-radius: 50%; + -webkit-animation: loading-prompt-spinner 1.2s infinite linear; + animation: loading-prompt-spinner 1.2s infinite linear; } + @keyframes loading-prompt-horizental { - 0% { - transform: translate(-52.5px, -7.5px); - } - 100% { - transform: translate(38.5px, -7.5px); - } + 0% { + transform: translate(-52.5px, -7.5px); + } + 100% { + transform: translate(38.5px, -7.5px); + } } + .egw-loading-prompt-container .egw-loading-prompt-horizental-animator::after { - content: ''; - position: absolute; - top: 48%; - left: 50%; - width: 15px; - height: 15px; - z-index: 999; - border-radius: 30%; - background: #FBC200; - animation-name: loading-prompt-horizental; - animation-duration: 1.5s; - animation-direction: alternate; - animation-timing-function: ease-in-out; - animation-iteration-count: infinite; + content: ''; + position: absolute; + top: 48%; + left: 50%; + width: 15px; + height: 15px; + z-index: 999; + border-radius: 30%; + background: #FBC200; + animation-name: loading-prompt-horizental; + animation-duration: 1.5s; + animation-direction: alternate; + animation-timing-function: ease-in-out; + animation-iteration-count: infinite; } + .egw-loading-prompt-container .egw-loading-prompt-horizental-msg { - position: absolute; - left: 50%; - top: 50%; - z-index: 999; - text-shadow: 4px 4px 7px #679FD2; - color: #0B5FA4; - margin-left: -35px; + position: absolute; + left: 50%; + top: 50%; + z-index: 999; + text-shadow: 4px 4px 7px #679FD2; + color: #0B5FA4; + margin-left: -35px; } + .egw-loading-prompt-container .egw-loading-prompt-horizental-animator::before { - content: ''; - position: absolute; - top: 48%; - left: 50%; - z-index: 999; - width: 100px; - border-radius: 5px; - border: solid 10px #679FD2; - transform: translate(-50%, -50%); + content: ''; + position: absolute; + top: 48%; + left: 50%; + z-index: 999; + width: 100px; + border-radius: 5px; + border: solid 10px #679FD2; + transform: translate(-50%, -50%); } + /** * EGroupware: Pixelegg styles * @@ -6574,117 +7500,135 @@ a.textSidebox { * @version $Id$ */ span.egw_tutorial_title { - color: black; - font-weight: bold; - text-align: left; - width: 99%; - background-color: #D6DEF0; - border: 1px solid #B3B3B3; - padding-top: 4px; - padding-left: 5px; - padding-bottom: 5px; - border-radius: 2px; - text-overflow: ellipsis; - white-space: nowrap; - overflow-x: hidden; + color: black; + font-weight: bold; + text-align: left; + width: 99%; + background-color: #D6DEF0; + border: 1px solid #B3B3B3; + padding-top: 4px; + padding-left: 5px; + padding-bottom: 5px; + border-radius: 2px; + text-overflow: ellipsis; + white-space: nowrap; + overflow-x: hidden; } + .egw_tutorial_thumb:hover [id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn, .egw_tutorial_thumb:hover #home-tutorial_play.egw_tutorial_playBtn { - background-color: #FF0000; - opacity: 0.68; + background-color: #FF0000; + opacity: 0.68; } + .egw_tutorial_thumb:hover [id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn > div, .egw_tutorial_thumb:hover #home-tutorial_play.egw_tutorial_playBtn > div { - border-left-color: white; + border-left-color: white; } + .egw_tutorial_thumb { - background-repeat: no-repeat; - background-position: -2px; - border-radius: 5px; - display: block !important; + background-repeat: no-repeat; + background-position: -2px; + border-radius: 5px; + display: block !important; } + [id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn, #home-tutorial_play.egw_tutorial_playBtn { - display: block; - margin: 10%; - border: 2px solid rgba(0, 0, 0, 0.7); - -webkit-border-radius: 100%; - -moz-border-radius: 100%; - border-radius: 100%; - width: 40px; - height: 40px; - cursor: pointer; + display: block; + margin: 10%; + border: 2px solid rgba(0, 0, 0, 0.7); + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + border-radius: 100%; + width: 40px; + height: 40px; + cursor: pointer; } + [id^="egw_tutorial_"][id$="_play"].egw_tutorial_playBtn > div, #home-tutorial_play.egw_tutorial_playBtn > div { - display: block; - position: relative; - top: 10px; - left: 45%; - width: 0; - height: 0; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - border-left: 10px solid rgba(0, 0, 0, 0.8); + display: block; + position: relative; + top: 10px; + left: 45%; + width: 0; + height: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + border-left: 10px solid rgba(0, 0, 0, 0.8); } + [id^="egw_tutorial_"][id$="sidebox_list"] { - overflow-x: hidden; - overflow-y: auto; - max-height: 200px; + overflow-x: hidden; + overflow-y: auto; + max-height: 200px; } + #list_grid_wrapper { - max-height: 200px; + max-height: 200px; } + #home-tutorial_list { - float: left; + float: left; } + #home-tutorial_list .egw_tutorial_thumb { - display: block; + display: block; } + #home-tutorial_list .th .et2_label { - font-size: 12px; - padding-left: 7px; + font-size: 12px; + padding-left: 7px; } + #home-tutorial_list .th #home-tutorial_apps { - margin-left: 5px; + margin-left: 5px; } + #home-tutorial_list tbody td:first-child { - padding-top: 4px; + padding-top: 4px; } + #home-tutorial_src { - border-left: 6px solid #E0E0E0; + border-left: 6px solid #E0E0E0; } + .tutorial_popup { - background-color: white; - padding-top: 5px; - overflow-y: hidden; + background-color: white; + padding-top: 5px; + overflow-y: hidden; } + .tutorial_videoList { - overflow-x: hidden; - overflow-y: auto; - height: 100%; - display: inline-block !important; + overflow-x: hidden; + overflow-y: auto; + height: 100%; + display: inline-block !important; } + div.tutorial_iframe_wrapper { - position: absolute; - left: 225px; - right: 12px; - height: 90%; + position: absolute; + left: 225px; + right: 12px; + height: 90%; } + span.egw_tutorial_title { - color: #FFFFFF; - font-weight: bold; - text-align: left; - width: 99%; - background-color: #434343; - border: 1px solid #B3B3B3; - padding-top: 4px; - padding-left: 5px; - border-radius: 2px; - text-overflow: ellipsis; - white-space: nowrap; - overflow-x: hidden; + color: #FFFFFF; + font-weight: bold; + text-align: left; + width: 99%; + background-color: #434343; + border: 1px solid #B3B3B3; + padding-top: 4px; + padding-left: 5px; + border-radius: 2px; + text-overflow: ellipsis; + white-space: nowrap; + overflow-x: hidden; } + /*@import "../less/layout_buttons_global.less";*/ /*@import "../less/layout_chosen.less";*/ /*@import "../less/layout_messages.less";*/ @@ -6696,998 +7640,1195 @@ span.egw_tutorial_title { /*@import "../less/layout_footer.less";*/ /*@import "../less/layout_dialog.less";*/ #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(0, 51, 102, 0.3); - border-left: 4px solid #003366 !important; + background-color: rgba(0, 51, 102, 0.3); + border-left: 4px solid #003366 !important; } + #egw_fw_firstload { - position: absolute; - top: 0; - left: 0; - bottom: 0; - background: white; - height: 100%; - width: 100%; + position: absolute; + top: 0; + left: 0; + bottom: 0; + background: white; + height: 100%; + width: 100%; } + #egw_fw_sidebar #egw_fw_sidemenu #addressbook_sidebox_content .egw_fw_ui_category_active { - background-color: #003366 !important; + background-color: #003366 !important; } + #egw_fw_sidebar #egw_fw_sidemenu #infolog_sidebox_content .egw_fw_ui_category_active { - background-color: #660033 !important; + background-color: #660033 !important; } + #egw_fw_sidebar #egw_fw_sidemenu #mail_sidebox_content .egw_fw_ui_category_active { - background-color: #006699 !important; + background-color: #006699 !important; } + #egw_fw_sidebar #egw_fw_sidemenu #calendar_sidebox_content .egw_fw_ui_category_active { - background-color: #CC0033 !important; + background-color: #CC0033 !important; } + #egw_fw_sidebar #egw_fw_sidemenu #tracker_sidebox_content .egw_fw_ui_category_active { - background-color: #009966 !important; + background-color: #009966 !important; } + #egw_fw_sidebar #egw_fw_sidemenu #timesheet_sidebox_content .egw_fw_ui_category_active { - background-color: #330066 !important; + background-color: #330066 !important; } + #egw_fw_sidebar #egw_fw_sidemenu #admin_sidebox_content .egw_fw_ui_category_active { - background-color: #333333 !important; + background-color: #333333 !important; } + #egw_fw_sidebar #egw_fw_sidemenu #resources_sidebox_content .egw_fw_ui_category_active { - background-color: #003333 !important; + background-color: #003333 !important; } + #egw_fw_sidebar #egw_fw_sidemenu #filemanager_sidebox_content .egw_fw_ui_category_active { - background-color: #ff9933 !important; + background-color: #ff9933 !important; } + #egw_fw_sidebar #egw_fw_sidemenu #bookmarks_sidebox_content .egw_fw_ui_category_active { - background-color: #CC6633 !important; + background-color: #CC6633 !important; } + #egw_fw_sidebar #egw_fw_sidemenu #projectmanager_sidebox_content .egw_fw_ui_category_active { - background-color: #669999 !important; + background-color: #669999 !important; } + #egw_fw_sidebar #egw_fw_sidemenu #ranking_sidebox_content .egw_fw_ui_category_active { - background-color: #404040 !important; + background-color: #404040 !important; } + #egw_fw_sidebar #egw_fw_sidemenu #kanban_sidebox_content .egw_fw_ui_category_active { - background-color: #4663c8 !important; + background-color: #4663c8 !important; } + #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #003366 !important; - border-left: 0px !important; + border-top: 4px solid #003366 !important; + border-left: 0px !important; } + #addressbook_sidebox_header { - border-left: 4px solid #003366 !important; + border-left: 4px solid #003366 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #003366; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #003366; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(51, 51, 51, 0.3); - border-left: 4px solid #333333 !important; + background-color: rgba(51, 51, 51, 0.3); + border-left: 4px solid #333333 !important; } + #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #333333 !important; - border-left: 0px !important; + border-top: 4px solid #333333 !important; + border-left: 0px !important; } + #admin_sidebox_header { - border-left: 4px solid #333333 !important; + border-left: 4px solid #333333 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #333333; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #333333; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(204, 102, 51, 0.3); - border-left: 4px solid #CC6633 !important; + background-color: rgba(204, 102, 51, 0.3); + border-left: 4px solid #CC6633 !important; } + #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #CC6633 !important; - border-left: 0px !important; + border-top: 4px solid #CC6633 !important; + border-left: 0px !important; } + #bookmarks_sidebox_header { - border-left: 4px solid #CC6633 !important; + border-left: 4px solid #CC6633 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #CC6633; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #CC6633; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(204, 0, 51, 0.3); - border-left: 4px solid #CC0033 !important; + background-color: rgba(204, 0, 51, 0.3); + border-left: 4px solid #CC0033 !important; } + #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #CC0033 !important; - border-left: 0px !important; + border-top: 4px solid #CC0033 !important; + border-left: 0px !important; } + #calendar_sidebox_header { - border-left: 4px solid #CC0033 !important; + border-left: 4px solid #CC0033 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #CC0033; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #CC0033; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(255, 153, 51, 0.3); - border-left: 4px solid #ff9933 !important; + background-color: rgba(255, 153, 51, 0.3); + border-left: 4px solid #ff9933 !important; } + #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #ff9933 !important; - border-left: 0px !important; + border-top: 4px solid #ff9933 !important; + border-left: 0px !important; } + #filemanager_sidebox_header { - border-left: 4px solid #ff9933 !important; + border-left: 4px solid #ff9933 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #ff9933; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #ff9933; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(102, 0, 51, 0.3); - border-left: 4px solid #660033 !important; + background-color: rgba(102, 0, 51, 0.3); + border-left: 4px solid #660033 !important; } + #infolog_sidebox_header { - border-left: 4px solid #660033 !important; + border-left: 4px solid #660033 !important; } + #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #660033 !important; - border-left: 0px !important; + border-top: 4px solid #660033 !important; + border-left: 0px !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #660033; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #660033; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(0, 102, 153, 0.3); - border-left: 4px solid #006699 !important; + background-color: rgba(0, 102, 153, 0.3); + border-left: 4px solid #006699 !important; } + #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #006699 !important; - border-left: 0px !important; + border-top: 4px solid #006699 !important; + border-left: 0px !important; } + #mail_sidebox_header { - border-left: 4px solid #006699 !important; + border-left: 4px solid #006699 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #006699; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #006699; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(102, 153, 153, 0.3); - border-left: 4px solid #669999 !important; + background-color: rgba(102, 153, 153, 0.3); + border-left: 4px solid #669999 !important; } + #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #669999 !important; - border-left: 0px !important; + border-top: 4px solid #669999 !important; + border-left: 0px !important; } + #projectmanager_sidebox_header { - border-left: 4px solid #669999 !important; + border-left: 4px solid #669999 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #669999; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #669999; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(0, 51, 51, 0.3); - border-left: 4px solid #003333 !important; + background-color: rgba(0, 51, 51, 0.3); + border-left: 4px solid #003333 !important; } + #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #003333 !important; - border-left: 0px !important; + border-top: 4px solid #003333 !important; + border-left: 0px !important; } + #resources_sidebox_header { - border-left: 4px solid #003333 !important; + border-left: 4px solid #003333 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #003333; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #003333; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(51, 0, 102, 0.3); - border-left: 4px solid #330066 !important; + background-color: rgba(51, 0, 102, 0.3); + border-left: 4px solid #330066 !important; } + #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #330066 !important; - border-left: 0px !important; + border-top: 4px solid #330066 !important; + border-left: 0px !important; } + #timesheet_sidebox_header { - border-left: 4px solid #330066 !important; + border-left: 4px solid #330066 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #330066; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #330066; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(0, 153, 102, 0.3); - border-left: 4px solid #009966 !important; + background-color: rgba(0, 153, 102, 0.3); + border-left: 4px solid #009966 !important; } + #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #009966 !important; - border-left: 0px !important; + border-top: 4px solid #009966 !important; + border-left: 0px !important; } + #tracker_sidebox_header { - border-left: 4px solid #009966 !important; + border-left: 4px solid #009966 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #tracker-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #009966; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #009966; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(121, 121, 121, 0.3); - border-left: 4px solid #797979 !important; + background-color: rgba(121, 121, 121, 0.3); + border-left: 4px solid #797979 !important; } + #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #797979 !important; - border-left: 0px !important; + border-top: 4px solid #797979 !important; + border-left: 0px !important; } + #wiki_sidebox_header { - border-left: 4px solid #797979 !important; + border-left: 4px solid #797979 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #wiki-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #797979; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #797979; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(70, 99, 200, 0.3); - border-left: 4px solid #4663c8 !important; + background-color: rgba(70, 99, 200, 0.3); + border-left: 4px solid #4663c8 !important; } + #kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #4663c8 !important; - border-left: 0px !important; + border-top: 4px solid #4663c8 !important; + border-left: 0px !important; } + #kanban_sidebox_header { - border-left: 4px solid #4663c8 !important; + border-left: 4px solid #4663c8 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #kanban-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #4663c8; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #4663c8; + border-top-width: 4px !important; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - background-color: rgba(64, 64, 64, 0.3); - border-left: 4px solid #404040 !important; + background-color: rgba(64, 64, 64, 0.3); + border-left: 4px solid #404040 !important; } + #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #404040 !important; - border-left: 0px !important; + border-top: 4px solid #404040 !important; + border-left: 0px !important; } + #ranking_sidebox_header { - border-left: 4px solid #404040 !important; + border-left: 4px solid #404040 !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #ranking-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { - border-top: 4px solid; - border-top-color: #404040; - border-top-width: 4px !important; + border-top: 4px solid; + border-top-color: #404040; + border-top-width: 4px !important; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon, .standartTreeImage { - filter: none; + filter: none; } + #egw_fw_basecontainer.egw_fw_sidebar_toggleOn .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active { - border-top: 0px !important; - margin-left: 3px !important; - padding-top: 6px; + border-top: 0px !important; + margin-left: 3px !important; + padding-top: 6px; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header { - border-left: 4px solid #797979; + border-left: 4px solid #797979; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon { - filter: none; + filter: none; } + #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active { - border-top: 4px solid #797979; - border-left: 0px; + border-top: 4px solid #797979; + border-left: 0px; } + #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active { - border-top-color: #797979; - border-top: 4px solid; + border-top-color: #797979; + border-top: 4px solid; } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats { - background-image: url(../images/topmenu_items/category.svg); + background-image: url(../images/topmenu_items/category.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password { - background-image: url(../images/topmenu_items/password.svg); + background-image: url(../images/topmenu_items/password.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search { - background-image: url(../images/topmenu_items/search.svg); + background-image: url(../images/topmenu_items/search.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs { - background-image: url(../images/topmenu_items/setup.svg); + background-image: url(../images/topmenu_items/setup.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home { - background-image: url(../images/topmenu_items/home.svg); + background-image: url(../images/topmenu_items/home.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl { - background-image: url(../images/topmenu_items/access.svg); + background-image: url(../images/topmenu_items/access.svg); } + #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_calls { - background-image: url(../images/phone.svg); - background-repeat: no-repeat; - background-size: 18px; - background-position-x: -2px; + background-image: url(../images/phone.svg); + background-repeat: no-repeat; + background-size: 18px; + background-position-x: -2px; } + div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon img[src*="svg"] { - background-color: transparent; - background-image: none; + background-color: transparent; + background-image: none; } + div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow { - background-image: url('../images/dhxmenu_subar.svg'); + background-image: url('../images/dhxmenu_subar.svg'); } + .egwGridView_scrollarea tr.row_category > td:first-child, .select-cat li { - border-left: 4px solid transparent; + border-left: 4px solid transparent; } + .egwGridView_scrollarea tr { - touch-action: initial; + touch-action: initial; } + .et2_taglist_category span[class*="cat_"]:not([class*="cat_level"]) { - width: 4px; + width: 4px; } + .et2_taglist_category.et2_taglist_single span[class*="cat_"]:not([class*="cat_level"]) { - height: 1.5em; - margin-bottom: -6px; - position: absolute; - margin-left: -8px; - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + height: 1.5em; + margin-bottom: -6px; + position: absolute; + margin-left: -8px; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + img.et2_button_icon[src*="svg"], img.et2_button_icon[src*="svg"]:hover { - background-color: transparent; - background-image: none; + background-color: transparent; + background-image: none; } + /* set default placeholder color*/ ::placeholder { - color: #666666; - opacity: 1; + color: #666666; + opacity: 1; } + :-ms-input-placeholder { - color: #666666; + color: #666666; } + ::-ms-input-placeholder { - color: #666666; + color: #666666; } + @keyframes fw-firstload { - 0%, - 20%, - 50%, - 80%, - 100% { - transform: translateY(0); - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - } - 40% { - transform: translateY(-30px); - -webkit-transform: translateY(-30px); - -moz-transform: translateY(-30px); - } - 60% { - transform: translateY(-15px); - -webkit-transform: translateY(-15px); - -moz-transform: translateY(-15px); - } + 0%, + 20%, + 50%, + 80%, + 100% { + transform: translateY(0); + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + } + 40% { + transform: translateY(-30px); + -webkit-transform: translateY(-30px); + -moz-transform: translateY(-30px); + } + 60% { + transform: translateY(-15px); + -webkit-transform: translateY(-15px); + -moz-transform: translateY(-15px); + } } + @media all { - body { - background-color: transparent; - /*BOF close/back button styling*/ - /*EOF close/back button styling*/ - } - body div.egw_fw_mobile_iOS_popup_appHeader { - padding-top: 15px; - } - body div.egw_fw_mobile_popup_appHeader { - display: block !important; - height: 32px !important; - background-size: 2px; - font-size: 150% !important; - border-bottom: 3px solid #679fd2 !important; - border-top: none !important; - width: 100%; - line-height: 32px !important; - } - body table.egwGridView_outer thead tr th { - font-size: small !important; - } - body table.egwGridView_outer tbody tr { - touch-action: initial; - } - body table.egwGridView_outer tbody tr td time, - body table.egwGridView_outer tbody tr td.et2_date, - body table.egwGridView_outer tbody tr td.et2_date_ro { - float: right; - font-size: 9pt; - } - body table.egwGridView_outer tbody tr td { - position: relative; - } - body table.egwGridView_outer tbody tr td .mobile_cat_col { - position: absolute; - min-height: 100%; - bottom: 0; - top: 0; - width: 10px; - display: block; - } - body table.egwGridView_outer tbody tr td span.cat_.mobile_cat_col { - background: #F5F5F5; - } - body span.egw_fw_mobile_popup_close { - width: 50px; - height: 50px; - float: left; - background-image: url('../images/cancelled.png'); - /*url(../images/topmenu_items/mobile/menu_active.png);*/ - -webkit-filter: contrast(2); - background-repeat: no-repeat; - z-index: 1000; - padding-right: 5px; - top: 1px; - left: 15px; - background-position: 3px 7px; - position: fixed; - } - body #egw_fw_basecontainer { - background: white; - } - body #egw_fw_basecontainer #egw_fw_main { - margin-top: 15px; - } - body #egw_fw_basecontainer #egw_fw_main #egw_fw_tabs { - margin-top: -3px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar { - width: 300px; - position: absolute; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout { - display: inline-block; - margin-left: 60px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout a#topmenu_logout { - background-image: url(../images/logout.png); - background-repeat: no-repeat; - width: 50px; - height: 50px; - background-size: 24px 24px; - display: inline-block; - background-position: center; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_topmenu_info_items #topmenu_info_search { - display: none; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_appsToggle { - display: none; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header { - max-height: 60px; - width: 60%; - margin-left: 0; - overflow-x: scroll; - position: initial; - white-space: nowrap; - position: absolute; - left: 83%; - top: 15px; - height: 50px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header span { - margin: 0; - overflow: visible; - height: 38px; - width: 50px; - border-width: 1px 1px 1px 1px; - border: none; - border-radius: 10px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header span img { - height: 32px !important; - width: 32px !important; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header span h1 { - display: none; - } - body #egw_fw_basecontainer .egw_fw_top_toolbar > div:hover { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - } - body #egw_fw_basecontainer div#egw_fw_menu { - background-image: url(../images/topmenu_items/mobile/menu_active.png); - cursor: pointer; - position: fixed; - width: 50px; - height: 50px; - background-size: 24px 24px; - background-repeat: no-repeat; - z-index: 999; - background-position: center; - margin-left: 10px; - } - body #egw_fw_basecontainer div#egw_fw_menu:hover { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - } - body #egw_fw_basecontainer div#egw_fw_menu:focus { - outline: none; - } - body #egw_fw_basecontainer div#egw_fw_menu:active { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items { - width: 100%; - display: block; - padding-top: 50px; - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items select#rc_status_select { - width: 100%; - height: 40px; - box-shadow: none; - padding-right: 0; - padding-left: 28px; - background-size: auto; - border-left: 0; - border-right: 0; - border-radius: 0; - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul { - border-left: 6px solid silver; - display: inline-block; - padding: 0; - margin: 0; - list-style-type: none; - width: 100%; - backgroud-color: white; - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul li { - display: -webkit-inline-box; - display: -moz-inline-box; - display: block; - padding: 2px; - margin-left: 20px; - width: 90%; - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul li:hover { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul li a { - background-position: left; - padding-left: 3em; - color: #636363; - font-size: 14px; - line-height: 30px; - text-decoration: none; - width: 100%; - background-repeat: no-repeat; - background-size: 24px 24px; - display: inline-block; - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_home { - display: none; - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_home { - background-image: url(../images/topmenu_items/home.svg); - display: none; - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_prefs { - background-image: url(../images/topmenu_items/setup.svg); - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_acl { - background-image: url(../images/topmenu_items/access.svg); - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_cats { - background-image: url(../images/topmenu_items/category.svg); - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_password { - background-image: url(../images/topmenu_items/password.svg); - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_search { - background-image: url(../images/topmenu_items/search.svg); - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_acl { - background-image: url(../images/topmenu_items/access.svg); - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_calls { - background-image: url(../images/phone.svg); - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_logout { - background-image: url(../images/logout.svg); - } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_current_user { - background-image: url(../images/users.png); - } - body #egw_fw_basecontainer #egw_fw_userinfo { - height: 50px; - z-index: 1000; - display: inline-block; - float: right; - } - body #egw_fw_basecontainer #egw_fw_userinfo span.avatar { - display: inline-block; - float: left; - height: 35px; - width: 35px; - margin: 7px; - cursor: pointer; - } - body #egw_fw_basecontainer #egw_fw_userinfo span.avatar img { - width: 35px; - } - body #egw_fw_basecontainer #egw_fw_userinfo span.user { - display: inline-block; - height: 50px; - margin-left: 8px; - font-size: 12pt; - overflow: hidden; - max-width: 225px; - text-overflow: ellipsis; - white-space: nowrap; - margin-top: 17px; - } - body .egw_fw_ui_tabs_header { - margin: 0px 0 0 0; - padding: 1px 1px 0px 0px; - background-position: bottom; - background-repeat: repeat-x; - background-color: transparent; - height: 34px; - /*Active Tabs*/ - } - body .egw_fw_ui_tabs_header h1 { - display: inline; - width: 100%; - text-align: center; - -webkit-margin-before: 0; - -webkit-margin-after: 0; - } - body .egw_fw_ui_tabs_header img { - text-align: center; - float: none; - margin: 0 auto; - width: 32px; - height: 32px; - } - body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header { - padding-left: 0; - position: relative; - background: transparent; - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - margin: 0px 5px 0px 0px; - padding: 2px 5px 7px 2px; - cursor: pointer; - background-repeat: repeat-x; - height: 38px; - width: 97%; - } - body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover { - background-color: none !important; - } - body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:active { - -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); - box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); - } - body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { - font-size: 14px; - line-height: 1em; - margin: 0 15px 2px 2px; - vertical-align: super; - padding-left: 25px; - } - body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon { - display: inline-block; - width: 32px; - height: 32px; - margin: 5px 1px 0 1em; - /*filter grey*/ - filter: url("data:image/svg+xml;utf8,#grayscale"); - -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: gray; - /* IE 6-9 */ - } - body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header object { - width: 32px; - height: 32px; - margin: 8px 1px 0 5px; - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 5px; - -moz-border-radius-topright: 5px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 5px; - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 5px; - /*.background-clip(padding-box);*/ - } - body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active { - border-width: 1px 1px 0px 1px !important; - background-color: #FFD140; - /*Active object*/ - } - body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover { - background-color: #FFD140; - } - body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { - display: inline-block; - width: 32px; - height: 32px; - -webkit-filter: contrast(2); - -ms-filter: contrast(2); - -moz-filter: contrast(2); - -o-filter: contrast(2); - } - body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active object { - width: 32px; - height: 32px; - margin: 0px 1px 0 5px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 2px; - -moz-border-radius-topright: 2px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 2px; - border-top-right-radius: 2px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 2px; - /*.background-clip(padding-box);*/ - background-color: #B4B4B4; - } - body #egw_fw_sidebar.avatarSubmenu { - top: 325px; - } - body #egw_fw_sidebar { - background-color: white; - } - body #egw_fw_sidebar #egw_fw_sidemenu::-webkit-scrollbar { - width: 1px; - } - body #egw_fw_sidebar #egw_fw_sidemenu { - overflow-y: auto; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon { - filter: none; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header { - margin: 0px 5px 0px 2px; - padding: 4px 10px 0 0px; - overflow: visible; - height: 38px; - border: none; - display: block; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header img { - height: 32px !important; - width: 32px !important; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header:hover { - background-color: #d9d9d9; - -webkit-border-radius: 0px; - -moz-border-radius: 0px; - border-radius: 0px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header:active { - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header h1, - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header h2 { - margin: 6px 0 10px 0; - padding-top: 0.31em; - padding-left: 3em; - color: #999999; - font-size: 14px; - line-height: 17px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header object { - background-color: #FFFFFF; - width: 24px; - height: 24px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active { - cursor: pointer; - background-image: url("../images/clear.png"); - background-position: 95% -3000px; - background-repeat: no-repeat; - background-color: #f0f0f0; - border-top: solid 1px #B4B4B4; - border-left: solid 1px #B4B4B4; - border-right: solid 1px #B4B4B4; - border-bottom: solid 1px #B4B4B4; - margin: 0 0 0 0; - border-bottom: none; - height: 33px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .close { - background-image: url(/egroupware/pixelegg/images/close.svg); - width: 18px; - height: 33px; - display: inline-block; - float: right; - background-size: 18px; - background-repeat: no-repeat; - background-position: center; - margin-right: 5px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { - padding-left: 9px; - padding-top: 6px; - height: 18px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1, - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h2 { - text-transform: uppercase; - font-size: 12px; - color: #000000; - padding-top: 4px; - padding-left: 25px !important; - display: inline-block; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { - -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); - border-radius: 0; - background-size: 22px; - background-position: 20px 6px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover h1 { - padding-left: 70px !important; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:active { - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - border-radius: 0; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:focus { - background-image: url("../images/ajax-loader.gif"); - background-repeat: no-repeat; - background-position: 90% 50%; - -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); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - background-color: #bfbfbf; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active object { - margin-left: 14px; - margin-top: 8px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - width: 16px; - height: 16px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { - margin-top: -26px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom { - border-width: 0px 1px 1px 1px; - } - body .sidebar-toggle #egw_fw_top_toolbar div#egw_fw_menu { - background-image: url(../images/topmenu_items/mobile/menu.png); - } - body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_topmenu_info_items, - body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_topmenu, - body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_userinfo, - body .sidebar-toggle #egw_fw_top_toolbar .egw_fw_logout, - body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_appsToggle { - display: none !important; - } - body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content { - display: none !important; - } - body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .close { - display: none; - } - body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { - border-radius: 0; - background-image: url("../images/ajax-loader.gif"); - } - body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { - padding: 0; - } - body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { - margin: 0px 0px 0px 2px; - padding: 4px 0px 0 0px; - overflow: visible; - height: 38px; - width: 50px; - border: none; - } - body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img { - height: 32px !important; - width: 32px !important; - } - body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 { - display: none; - } - body .sidebar-toggle #egw_fw_topmenu_items { - display: none !important; - } - body #egw_fw_footer { - display: none; - } - body .egw_fw_ui_app_header_container { - display: none; - } - body .egw_fw_content_browser_div { - padding: 0; - background-color: white; - } - body .egw_fw_mobile_popup_container { - width: 100%; - height: 100%; - position: absolute; - display: none; - z-index: 999; - background: rgba(192, 192, 192, 0.47); - } - body .egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame { - width: 70%; - height: 70%; - visibility: hidden; - display: block; - background: #fff; - margin: 8% auto; - border: 1px solid silver; - } - body .dialogHeadbar { - height: 50px; - box-shadow: 0px 4px 5px 2px silver; - position: fixed; - width: 100%; - background: #0c5da5; - top: 0; - right: 0; - z-index: 1; - } - body .dialogHeadbar .et2_button_with_image, - body .dialogHeadbar .et2_button_text { - height: 46px; - margin: 1px; - margin-left: 3px; - } - body .dialogHeadbar td { - margin-left: 70px; - display: block; - } - body #mail-display { - min-height: initial !important; - } - body #mail-display .mailDisplayContainer { - top: 140px; - } + body { + background-color: transparent; + /*BOF close/back button styling*/ + /*EOF close/back button styling*/ + } + + body div.egw_fw_mobile_iOS_popup_appHeader { + padding-top: 15px; + } + + body div.egw_fw_mobile_popup_appHeader { + display: block !important; + height: 32px !important; + background-size: 2px; + font-size: 150% !important; + border-bottom: 3px solid #679fd2 !important; + border-top: none !important; + width: 100%; + line-height: 32px !important; + } + + body table.egwGridView_outer thead tr th { + font-size: small !important; + } + + body table.egwGridView_outer tbody tr { + touch-action: initial; + } + + body table.egwGridView_outer tbody tr td time, + body table.egwGridView_outer tbody tr td.et2_date, + body table.egwGridView_outer tbody tr td.et2_date_ro { + float: right; + font-size: 9pt; + } + + body table.egwGridView_outer tbody tr td { + position: relative; + } + + body table.egwGridView_outer tbody tr td .mobile_cat_col { + position: absolute; + min-height: 100%; + bottom: 0; + top: 0; + width: 10px; + display: block; + } + + body table.egwGridView_outer tbody tr td span.cat_.mobile_cat_col { + background: #F5F5F5; + } + + body span.egw_fw_mobile_popup_close { + width: 50px; + height: 50px; + float: left; + background-image: url('../images/cancelled.png'); + /*url(../images/topmenu_items/mobile/menu_active.png);*/ + -webkit-filter: contrast(2); + background-repeat: no-repeat; + z-index: 1000; + padding-right: 5px; + top: 1px; + left: 15px; + background-position: 3px 7px; + position: fixed; + } + + body #egw_fw_basecontainer { + background: white; + } + + body #egw_fw_basecontainer #egw_fw_main { + margin-top: 15px; + } + + body #egw_fw_basecontainer #egw_fw_main #egw_fw_tabs { + margin-top: -3px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar { + width: 300px; + position: absolute; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout { + display: inline-block; + margin-left: 60px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout a#topmenu_logout { + background-image: url(../images/logout.png); + background-repeat: no-repeat; + width: 50px; + height: 50px; + background-size: 24px 24px; + display: inline-block; + background-position: center; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_topmenu_info_items #topmenu_info_search { + display: none; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_appsToggle { + display: none; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header { + max-height: 60px; + width: 60%; + margin-left: 0; + overflow-x: scroll; + position: initial; + white-space: nowrap; + position: absolute; + left: 83%; + top: 15px; + height: 50px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header span { + margin: 0; + overflow: visible; + height: 38px; + width: 50px; + border-width: 1px 1px 1px 1px; + border: none; + border-radius: 10px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header span img { + height: 32px !important; + width: 32px !important; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div.egw_fw_ui_tabs_header span h1 { + display: none; + } + + body #egw_fw_basecontainer .egw_fw_top_toolbar > div:hover { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + } + + body #egw_fw_basecontainer div#egw_fw_menu { + background-image: url(../images/topmenu_items/mobile/menu_active.png); + cursor: pointer; + position: fixed; + width: 50px; + height: 50px; + background-size: 24px 24px; + background-repeat: no-repeat; + z-index: 999; + background-position: center; + margin-left: 10px; + } + + body #egw_fw_basecontainer div#egw_fw_menu:hover { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + } + + body #egw_fw_basecontainer div#egw_fw_menu:focus { + outline: none; + } + + body #egw_fw_basecontainer div#egw_fw_menu:active { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items { + width: 100%; + display: block; + padding-top: 50px; + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items select#rc_status_select { + width: 100%; + height: 40px; + box-shadow: none; + padding-right: 0; + padding-left: 28px; + background-size: auto; + border-left: 0; + border-right: 0; + border-radius: 0; + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul { + border-left: 6px solid silver; + display: inline-block; + padding: 0; + margin: 0; + list-style-type: none; + width: 100%; + backgroud-color: white; + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul li { + display: -webkit-inline-box; + display: -moz-inline-box; + display: block; + padding: 2px; + margin-left: 20px; + width: 90%; + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul li:hover { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul li a { + background-position: left; + padding-left: 3em; + color: #636363; + font-size: 14px; + line-height: 30px; + text-decoration: none; + width: 100%; + background-repeat: no-repeat; + background-size: 24px 24px; + display: inline-block; + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_home { + display: none; + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_home { + background-image: url(../images/topmenu_items/home.svg); + display: none; + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_prefs { + background-image: url(../images/topmenu_items/setup.svg); + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_acl { + background-image: url(../images/topmenu_items/access.svg); + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_cats { + background-image: url(../images/topmenu_items/category.svg); + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_password { + background-image: url(../images/topmenu_items/password.svg); + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_search { + background-image: url(../images/topmenu_items/search.svg); + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_acl { + background-image: url(../images/topmenu_items/access.svg); + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_calls { + background-image: url(../images/phone.svg); + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_logout { + background-image: url(../images/logout.svg); + } + + body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_current_user { + background-image: url(../images/users.png); + } + + body #egw_fw_basecontainer #egw_fw_userinfo { + height: 50px; + z-index: 1000; + display: inline-block; + float: right; + } + + body #egw_fw_basecontainer #egw_fw_userinfo span.avatar { + display: inline-block; + float: left; + height: 35px; + width: 35px; + margin: 7px; + cursor: pointer; + } + + body #egw_fw_basecontainer #egw_fw_userinfo span.avatar img { + width: 35px; + } + + body #egw_fw_basecontainer #egw_fw_userinfo span.user { + display: inline-block; + height: 50px; + margin-left: 8px; + font-size: 12pt; + overflow: hidden; + max-width: 225px; + text-overflow: ellipsis; + white-space: nowrap; + margin-top: 17px; + } + + body .egw_fw_ui_tabs_header { + margin: 0px 0 0 0; + padding: 1px 1px 0px 0px; + background-position: bottom; + background-repeat: repeat-x; + background-color: transparent; + height: 34px; + /*Active Tabs*/ + } + + body .egw_fw_ui_tabs_header h1 { + display: inline; + width: 100%; + text-align: center; + -webkit-margin-before: 0; + -webkit-margin-after: 0; + } + + body .egw_fw_ui_tabs_header img { + text-align: center; + float: none; + margin: 0 auto; + width: 32px; + height: 32px; + } + + body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header { + padding-left: 0; + position: relative; + background: transparent; + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin: 0px 5px 0px 0px; + padding: 2px 5px 7px 2px; + cursor: pointer; + background-repeat: repeat-x; + height: 38px; + width: 97%; + } + + body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover { + background-color: none !important; + } + + body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:active { + -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); + -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); + box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); + } + + body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { + font-size: 14px; + line-height: 1em; + margin: 0 15px 2px 2px; + vertical-align: super; + padding-left: 25px; + } + + body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon { + display: inline-block; + width: 32px; + height: 32px; + margin: 5px 1px 0 1em; + /*filter grey*/ + filter: url("data:image/svg+xml;utf8,#grayscale"); + -webkit-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -moz-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -ms-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + -o-filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + filter: grayscale(100%) brightness(100%) contrast(1%) saturate(0%); + /*filter: url(grayscale.svg); Firefox 4+ */ + filter: gray; + /* IE 6-9 */ + } + + body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header object { + width: 32px; + height: 32px; + margin: 8px 1px 0 5px; + -webkit-border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 0; + -webkit-border-bottom-left-radius: 0; + -webkit-border-top-left-radius: 5px; + -moz-border-radius-topright: 5px; + -moz-border-radius-bottomright: 0; + -moz-border-radius-bottomleft: 0; + -moz-border-radius-topleft: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 5px; + /*.background-clip(padding-box);*/ + } + + body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active { + border-width: 1px 1px 0px 1px !important; + background-color: #FFD140; + /*Active object*/ + } + + body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover { + background-color: #FFD140; + } + + body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { + display: inline-block; + width: 32px; + height: 32px; + -webkit-filter: contrast(2); + -ms-filter: contrast(2); + -moz-filter: contrast(2); + -o-filter: contrast(2); + } + + body .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active object { + width: 32px; + height: 32px; + margin: 0px 1px 0 5px; + -webkit-border-top-right-radius: 2px; + -webkit-border-bottom-right-radius: 0; + -webkit-border-bottom-left-radius: 0; + -webkit-border-top-left-radius: 2px; + -moz-border-radius-topright: 2px; + -moz-border-radius-bottomright: 0; + -moz-border-radius-bottomleft: 0; + -moz-border-radius-topleft: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 2px; + /*.background-clip(padding-box);*/ + background-color: #B4B4B4; + } + + body #egw_fw_sidebar.avatarSubmenu { + top: 325px; + } + + body #egw_fw_sidebar { + background-color: white; + } + + body #egw_fw_sidebar #egw_fw_sidemenu::-webkit-scrollbar { + width: 1px; + } + + body #egw_fw_sidebar #egw_fw_sidemenu { + overflow-y: auto; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon { + filter: none; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header { + margin: 0px 5px 0px 2px; + padding: 4px 10px 0 0px; + overflow: visible; + height: 38px; + border: none; + display: block; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header img { + height: 32px !important; + width: 32px !important; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header:hover { + background-color: #d9d9d9; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header:active { + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header h1, + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header h2 { + margin: 6px 0 10px 0; + padding-top: 0.31em; + padding-left: 3em; + color: #999999; + font-size: 14px; + line-height: 17px; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header object { + background-color: #FFFFFF; + width: 24px; + height: 24px; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active { + cursor: pointer; + background-image: url("../images/clear.png"); + background-position: 95% -3000px; + background-repeat: no-repeat; + background-color: #f0f0f0; + border-top: solid 1px #B4B4B4; + border-left: solid 1px #B4B4B4; + border-right: solid 1px #B4B4B4; + border-bottom: solid 1px #B4B4B4; + margin: 0 0 0 0; + border-bottom: none; + height: 33px; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .close { + background-image: url(/egroupware/pixelegg/images/close.svg); + width: 18px; + height: 33px; + display: inline-block; + float: right; + background-size: 18px; + background-repeat: no-repeat; + background-position: center; + margin-right: 5px; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { + padding-left: 9px; + padding-top: 6px; + height: 18px; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1, + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h2 { + text-transform: uppercase; + font-size: 12px; + color: #000000; + padding-top: 4px; + padding-left: 25px !important; + display: inline-block; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { + -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); + border-radius: 0; + background-size: 22px; + background-position: 20px 6px; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover h1 { + padding-left: 70px !important; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:active { + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + border-radius: 0; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:focus { + background-image: url("../images/ajax-loader.gif"); + background-repeat: no-repeat; + background-position: 90% 50%; + -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); + box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + background-color: #bfbfbf; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active object { + margin-left: 14px; + margin-top: 8px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + width: 16px; + height: 16px; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { + margin-top: -26px; + } + + body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom { + border-width: 0px 1px 1px 1px; + } + + body .sidebar-toggle #egw_fw_top_toolbar div#egw_fw_menu { + background-image: url(../images/topmenu_items/mobile/menu.png); + } + + body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_topmenu_info_items, + body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_topmenu, + body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_userinfo, + body .sidebar-toggle #egw_fw_top_toolbar .egw_fw_logout, + body .sidebar-toggle #egw_fw_top_toolbar #egw_fw_appsToggle { + display: none !important; + } + + body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content { + display: none !important; + } + + body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .close { + display: none; + } + + body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover { + border-radius: 0; + background-image: url("../images/ajax-loader.gif"); + } + + body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { + padding: 0; + } + + body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { + margin: 0px 0px 0px 2px; + padding: 4px 0px 0 0px; + overflow: visible; + height: 38px; + width: 50px; + border: none; + } + + body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img { + height: 32px !important; + width: 32px !important; + } + + body .sidebar-toggle #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 { + display: none; + } + + body .sidebar-toggle #egw_fw_topmenu_items { + display: none !important; + } + + body #egw_fw_footer { + display: none; + } + + body .egw_fw_ui_app_header_container { + display: none; + } + + body .egw_fw_content_browser_div { + padding: 0; + background-color: white; + } + + body .egw_fw_mobile_popup_container { + width: 100%; + height: 100%; + position: absolute; + display: none; + z-index: 999; + background: rgba(192, 192, 192, 0.47); + } + + body .egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame { + width: 70%; + height: 70%; + visibility: hidden; + display: block; + background: #fff; + margin: 8% auto; + border: 1px solid silver; + } + + body .dialogHeadbar { + height: 50px; + box-shadow: 0px 4px 5px 2px silver; + position: fixed; + width: 100%; + background: #0c5da5; + top: 0; + right: 0; + z-index: 1; + } + + body .dialogHeadbar .et2_button_with_image, + body .dialogHeadbar .et2_button_text { + height: 46px; + margin: 1px; + margin-left: 3px; + } + + body .dialogHeadbar td { + margin-left: 70px; + display: block; + } + + body #mail-display { + min-height: initial !important; + } + + body #mail-display .mailDisplayContainer { + top: 140px; + } } + /** * * Mobile FW - Applications colors @@ -7708,22 +8849,26 @@ div[id^="addressbook-"] .search.nm-mob-header, form[id^="addressbook-"] .search.nm-mob-header, div[id^="addressbook-"] .dialogHeadbar, form[id^="addressbook-"] .dialogHeadbar { - background-color: #003366; + background-color: #003366; } + #addressbook_sidebox_header { - border-left: 6px solid #003366 !important; + border-left: 6px solid #003366 !important; } + div[id^="admin-"] .plus_button, form[id^="admin-"] .plus_button, div[id^="admin-"] .search.nm-mob-header, form[id^="admin-"] .search.nm-mob-header, div[id^="admin-"] .dialogHeadbar, form[id^="admin-"] .dialogHeadbar { - background-color: #333333; + background-color: #333333; } + #admin_sidebox_header { - border-left: 6px solid #333333 !important; + border-left: 6px solid #333333 !important; } + div[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="bookmarks-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="bookmarks-"] .plus_button, @@ -7732,11 +8877,13 @@ div[id^="bookmarks-"] .search.nm-mob-header, form[id^="bookmarks-"] .search.nm-mob-header, div[id^="bookmarks-"] .dialogHeadbar, form[id^="bookmarks-"] .dialogHeadbar { - background-color: #CC6633; + background-color: #CC6633; } + #bookmarks_sidebox_header { - border-left: 6px solid #CC6633 !important; + border-left: 6px solid #CC6633 !important; } + div[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="calendar-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="calendar-"] .plus_button, @@ -7745,11 +8892,13 @@ div[id^="calendar-"] .search.nm-mob-header, form[id^="calendar-"] .search.nm-mob-header, div[id^="calendar-"] .dialogHeadbar, form[id^="calendar-"] .dialogHeadbar { - background-color: #CC0033; + background-color: #CC0033; } + #calendar_sidebox_header { - border-left: 6px solid #CC0033 !important; + border-left: 6px solid #CC0033 !important; } + div[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="filemanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="filemanager-"] .plus_button, @@ -7758,11 +8907,13 @@ div[id^="filemanager-"] .search.nm-mob-header, form[id^="filemanager-"] .search.nm-mob-header, div[id^="filemanager-"] .dialogHeadbar, form[id^="filemanager-"] .dialogHeadbar { - background-color: #ff9933; + background-color: #ff9933; } + #filemanager_sidebox_header { - border-left: 6px solid #ff9933 !important; + border-left: 6px solid #ff9933 !important; } + div[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="infolog-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="infolog-"] .plus_button, @@ -7771,22 +8922,26 @@ div[id^="infolog-"] .search.nm-mob-header, form[id^="infolog-"] .search.nm-mob-header, div[id^="infolog-"] .dialogHeadbar, form[id^="infolog-"] .dialogHeadbar { - background-color: #660033; + background-color: #660033; } + #infolog_sidebox_header { - border-left: 6px solid #660033 !important; + border-left: 6px solid #660033 !important; } + div[id^="mail-"] .plus_button, form[id^="mail-"] .plus_button, div[id^="mail-"] .search.nm-mob-header, form[id^="mail-"] .search.nm-mob-header, div[id^="mail-"] .dialogHeadbar, form[id^="mail-"] .dialogHeadbar { - background-color: #006699; + background-color: #006699; } + #mail_sidebox_header { - border-left: 6px solid #006699 !important; + border-left: 6px solid #006699 !important; } + div[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="projectmanager-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="projectmanager-"] .plus_button, @@ -7795,11 +8950,13 @@ div[id^="projectmanager-"] .search.nm-mob-header, form[id^="projectmanager-"] .search.nm-mob-header, div[id^="projectmanager-"] .dialogHeadbar, form[id^="projectmanager-"] .dialogHeadbar { - background-color: #669999; + background-color: #669999; } + #projectmanager_sidebox_header { - border-left: 6px solid #669999 !important; + border-left: 6px solid #669999 !important; } + div[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="resources-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="resources-"] .plus_button, @@ -7808,11 +8965,13 @@ div[id^="resources-"] .search.nm-mob-header, form[id^="resources-"] .search.nm-mob-header, div[id^="resources-"] .dialogHeadbar, form[id^="resources-"] .dialogHeadbar { - background-color: #003333; + background-color: #003333; } + #resources_sidebox_header { - border-left: 6px solid #003333 !important; + border-left: 6px solid #003333 !important; } + div[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="timesheet-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="timesheet-"] .plus_button, @@ -7821,11 +8980,13 @@ div[id^="timesheet-"] .search.nm-mob-header, form[id^="timesheet-"] .search.nm-mob-header, div[id^="timesheet-"] .dialogHeadbar, form[id^="timesheet-"] .dialogHeadbar { - background-color: #330066; + background-color: #330066; } + #timesheet_sidebox_header { - border-left: 6px solid #330066 !important; + border-left: 6px solid #330066 !important; } + div[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="tracker-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="tracker-"] .plus_button, @@ -7834,11 +8995,13 @@ div[id^="tracker-"] .search.nm-mob-header, form[id^="tracker-"] .search.nm-mob-header, div[id^="tracker-"] .dialogHeadbar, form[id^="tracker-"] .dialogHeadbar { - background-color: #009966; + background-color: #009966; } + #tracker_sidebox_header { - border-left: 6px solid #009966 !important; + border-left: 6px solid #009966 !important; } + div[id^="wiki-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="wiki-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="wiki-"] .plus_button, @@ -7847,11 +9010,13 @@ div[id^="wiki-"] .search.nm-mob-header, form[id^="wiki-"] .search.nm-mob-header, div[id^="wiki-"] .dialogHeadbar, form[id^="wiki-"] .dialogHeadbar { - background-color: #797979; + background-color: #797979; } + #wiki_sidebox_header { - border-left: 6px solid #797979 !important; + border-left: 6px solid #797979 !important; } + div[id^="ranking-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="ranking-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="ranking-"] .plus_button, @@ -7860,11 +9025,13 @@ div[id^="ranking-"] .search.nm-mob-header, form[id^="ranking-"] .search.nm-mob-header, div[id^="ranking-"] .dialogHeadbar, form[id^="ranking-"] .dialogHeadbar { - background-color: #404040; + background-color: #404040; } + #ranking_sidebox_header { - border-left: 6px solid #404040 !important; + border-left: 6px solid #404040 !important; } + div[id^="kanban-"] .nm_favorites_div .et2_dropdown button:nth-child(2), form[id^="kanban-"] .nm_favorites_div .et2_dropdown button:nth-child(2), div[id^="kanban-"] .plus_button, @@ -7873,24 +9040,27 @@ div[id^="kanban-"] .search.nm-mob-header, form[id^="kanban-"] .search.nm-mob-header, div[id^="kanban-"] .dialogHeadbar, form[id^="kanban-"] .dialogHeadbar { - background-color: #4663c8; + background-color: #4663c8; } + #kanban_sidebox_header { - border-left: 6px solid #4663c8 !important; + border-left: 6px solid #4663c8 !important; } + img.et2_appicon, .et2_appicon img, table.egwGridView_grid img.et2_appicon { - /*filter grey*/ - filter: none; - -webkit-filter: initial; - -moz-filter: initial; - -ms-filter: initial; - -o-filter: initial; - /*filter: url(grayscale.svg); Firefox 4+ */ - filter: initial; - /* IE 6-9 */ + /*filter grey*/ + filter: none; + -webkit-filter: initial; + -moz-filter: initial; + -ms-filter: initial; + -o-filter: initial; + /*filter: url(grayscale.svg); Firefox 4+ */ + filter: initial; + /* IE 6-9 */ } + /********************************/ /* */ /* MEDIA DEFINITION */ @@ -7907,1601 +9077,1887 @@ table.egwGridView_grid img.et2_appicon { /*Smartphones portrait*/ /*Smartphones landscape*/ .white-svg { - -webkit-filter: brightness(0) invert(1) !important; - filter: brightness(0) invert(1) !important; - background-color: transparent !important; - background-size: 24px 24px !important; - border: none; -} -@media only screen and (max-device-width : 1024px) and (min-width: 736px) and (orientation : portrait), only screen and (max-device-width : 1024px) and (min-width: 736px) and (orientation : landscape) { - body div#loginMainDiv .egw_message_wrapper { - position: relative; - } -} -@media only screen and (max-device-width : 1024px) { - #egw_fw_print { - display: none; - } - div#loginMainDiv { - background-color: #486F93; - overflow: auto; - } - div#loginMainDiv #divAppIconBar { - max-height: 35%; - height: 20%; - } - div#loginMainDiv #divAppIconBar #divLogo .login_logo_container { - width: 200px; - height: 100px; - max-height: 100px; - max-width: 200px; - margin: 0 auto; - } - div#loginMainDiv div#centerBox { - position: relative; - padding: 0; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - background-color: transparent; - background-image: none; - background-repeat: no-repeat; - border: none; - border-radius: 0; - } - div#loginMainDiv div#centerBox form { - margin-top: 3em; - } - div#loginMainDiv div#centerBox form table.divLoginbox { - width: 100%; - } - div#loginMainDiv div#centerBox form table.divLoginbox tr.hiddenCredential { - display: none; - } - div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] { - font-size: large; - width: 100%; - padding-left: 0px; - border: none; - } - div#loginMainDiv div#centerBox form table.divLoginbox input, - div#loginMainDiv div#centerBox form table.divLoginbox select { - width: calc(100% - 14px); - } - div#loginMainDiv div#centerBox form table.divLoginbox select { - width: 100%; - } - div#loginMainDiv div#centerBox form table.divLoginbox td { - font-size: large; - padding: 0.8%; - } - div#loginMainDiv div#centerBox form table.divLoginbox td span.field_icons.remember_me { - padding-left: 40px; - } - div#loginMainDiv div#centerBox #loginCdMessage { - margin: 8px; - font-size: 12pt !important; - padding: 0; - border: 0; - background: none; - font-weight: normal !important; - word-break: break-all; - } - div#loginMainDiv div#login_footer { - background-color: transparent; - } -} -@media only screen and (max-device-width : 1024px) and (orientation : portrait) { - body div#loginMainDiv div#centerBox { - position: relative; - } - body div#loginMainDiv div#centerBox form table.divLoginbox { - width: 100%; - } - body div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] { - font-size: large; - width: 100%; - } - body div#loginMainDiv div#centerBox form table.divLoginbox input, - body div#loginMainDiv div#centerBox form table.divLoginbox select { - width: calc(100% - 27px); - } - body div#loginMainDiv div#centerBox form table.divLoginbox select { - width: 100%; - } - body div#loginMainDiv div#centerBox form table.divLoginbox td { - font-size: large; - padding: 0.8%; - } - body div#loginMainDiv div#centerBox #loginCdMessage { - font-size: 12pt !important; - padding: 0; - } -} -@media only screen and (max-device-width: 736px) and (min-width: 300px) { - body #egw_fw_basecontainer.sidebar-toggle #egw_fw_main { - margin-left: 0 !important ; - } - body #egw_fw_basecontainer.sidebar-toggle #egw_fw_main #egw_fw_tabs { - -webkit-filter: none; - -moz-filter: none; - -ms-filter: none; - -o-filter: none; - filter: none; - } - body #egw_fw_sidebar { - top: 50px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar { - z-index: 998; - width: 300px; - background: white; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items { - height: 100%; - z-index: 998; - } - body #egw_fw_basecontainer #egw_fw_sidebar { - z-index: 999; - background: white; - } - body #egw_fw_basecontainer #egw_fw_main #egw_fw_tabs { - -webkit-filter: brightness(20%); - -moz-filter: brightness(20%); - -ms-filter: brightness(20%); - -o-filter: brightness(20%); - filter: brightness(20%); - } - body .ui-dialog .ui-dialog-buttonpane button[class*="et2_button_cancel"], - body .ui-dialog .ui-dialog-buttonpane button[class="et2_button_delete"], - body .ui-dialog .ui-dialog-buttonpane button[class="et2_button_save"] { -webkit-filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important; background-color: transparent !important; background-size: 24px 24px !important; border: none; - padding-left: 0px !important; - width: 50px; - } - body .ui-dialog .ui-dialog-buttonpane button[class*="et2_button_cancel"] span, - body .ui-dialog .ui-dialog-buttonpane button[class="et2_button_delete"] span, - body .ui-dialog .ui-dialog-buttonpane button[class="et2_button_save"] span { - display: none; - } } + +@media only screen and (max-device-width: 1024px) and (min-width: 736px) and (orientation: portrait), only screen and (max-device-width: 1024px) and (min-width: 736px) and (orientation: landscape) { + body div#loginMainDiv .egw_message_wrapper { + position: relative; + } +} + +@media only screen and (max-device-width: 1024px) { + #egw_fw_print { + display: none; + } + + div#loginMainDiv { + background-color: #486F93; + overflow: auto; + } + + div#loginMainDiv #divAppIconBar { + max-height: 35%; + height: 20%; + } + + div#loginMainDiv #divAppIconBar #divLogo .login_logo_container { + width: 200px; + height: 100px; + max-height: 100px; + max-width: 200px; + margin: 0 auto; + } + + div#loginMainDiv div#centerBox { + position: relative; + padding: 0; + -webkit-border-top-right-radius: 0; + -webkit-border-bottom-right-radius: 0; + -webkit-border-bottom-left-radius: 0; + -webkit-border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -moz-border-radius-bottomright: 0; + -moz-border-radius-bottomleft: 0; + -moz-border-radius-topleft: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + background-color: transparent; + background-image: none; + background-repeat: no-repeat; + border: none; + border-radius: 0; + } + + div#loginMainDiv div#centerBox form { + margin-top: 3em; + } + + div#loginMainDiv div#centerBox form table.divLoginbox { + width: 100%; + } + + div#loginMainDiv div#centerBox form table.divLoginbox tr.hiddenCredential { + display: none; + } + + div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] { + font-size: large; + width: 100%; + padding-left: 0px; + border: none; + } + + div#loginMainDiv div#centerBox form table.divLoginbox input, + div#loginMainDiv div#centerBox form table.divLoginbox select { + width: calc(100% - 14px); + } + + div#loginMainDiv div#centerBox form table.divLoginbox select { + width: 100%; + } + + div#loginMainDiv div#centerBox form table.divLoginbox td { + font-size: large; + padding: 0.8%; + } + + div#loginMainDiv div#centerBox form table.divLoginbox td span.field_icons.remember_me { + padding-left: 40px; + } + + div#loginMainDiv div#centerBox #loginCdMessage { + margin: 8px; + font-size: 12pt !important; + padding: 0; + border: 0; + background: none; + font-weight: normal !important; + word-break: break-all; + } + + div#loginMainDiv div#login_footer { + background-color: transparent; + } +} + +@media only screen and (max-device-width: 1024px) and (orientation: portrait) { + body div#loginMainDiv div#centerBox { + position: relative; + } + + body div#loginMainDiv div#centerBox form table.divLoginbox { + width: 100%; + } + + body div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] { + font-size: large; + width: 100%; + } + + body div#loginMainDiv div#centerBox form table.divLoginbox input, + body div#loginMainDiv div#centerBox form table.divLoginbox select { + width: calc(100% - 27px); + } + + body div#loginMainDiv div#centerBox form table.divLoginbox select { + width: 100%; + } + + body div#loginMainDiv div#centerBox form table.divLoginbox td { + font-size: large; + padding: 0.8%; + } + + body div#loginMainDiv div#centerBox #loginCdMessage { + font-size: 12pt !important; + padding: 0; + } +} + +@media only screen and (max-device-width: 736px) and (min-width: 300px) { + body #egw_fw_basecontainer.sidebar-toggle #egw_fw_main { + margin-left: 0 !important; + } + + body #egw_fw_basecontainer.sidebar-toggle #egw_fw_main #egw_fw_tabs { + -webkit-filter: none; + -moz-filter: none; + -ms-filter: none; + -o-filter: none; + filter: none; + } + + body #egw_fw_sidebar { + top: 50px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar { + z-index: 998; + width: 300px; + background: white; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items { + height: 100%; + z-index: 998; + } + + body #egw_fw_basecontainer #egw_fw_sidebar { + z-index: 999; + background: white; + } + + body #egw_fw_basecontainer #egw_fw_main #egw_fw_tabs { + -webkit-filter: brightness(20%); + -moz-filter: brightness(20%); + -ms-filter: brightness(20%); + -o-filter: brightness(20%); + filter: brightness(20%); + } + + body .ui-dialog .ui-dialog-buttonpane button[class*="et2_button_cancel"], + body .ui-dialog .ui-dialog-buttonpane button[class="et2_button_delete"], + body .ui-dialog .ui-dialog-buttonpane button[class="et2_button_save"] { + -webkit-filter: brightness(0) invert(1) !important; + filter: brightness(0) invert(1) !important; + background-color: transparent !important; + background-size: 24px 24px !important; + border: none; + padding-left: 0px !important; + width: 50px; + } + + body .ui-dialog .ui-dialog-buttonpane button[class*="et2_button_cancel"] span, + body .ui-dialog .ui-dialog-buttonpane button[class="et2_button_delete"] span, + body .ui-dialog .ui-dialog-buttonpane button[class="et2_button_save"] span { + display: none; + } +} + /*mobile etemplate2*/ @media all { - html * { - touch-action: auto; - -webkit-overflow-scrolling: touch; - } - body { - /* Stop pull-to-refresh on chrome*/ - overflow-y: hidden; - /*Notification popup*/ - /*Chosen*/ - /* View mode styles*/ - /***************CHECKBOX *************/ - /**************************************/ - /*************** SLIDESWITCH **********/ - /***************************************/ - } - body .egw_fw_mobile_popup_container { - background: transparent; - } - body .egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame { - width: 100%; - height: 100%; - margin: 0; - border: none; - } - body button[id*="save"]:hover, - body button[id*="apply"]:hover, - body button[id*="copy"]:hover, - body button[id*="edit_button[edit]"]:hover, - body button.et2_button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - body #egwpopup { - width: 100% !important; - height: 100% !important; - top: 0 !important; - bottom: 0 !important; - left: 0 !important; - right: 0 !important; - border: none; - box-shadow: none; - padding: 0; - border-radius: 0; - position: fixed; - z-index: 10 !important; - } - body #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded { - position: fixed; - top: 0; - height: 100%; - left: 0; - width: calc(100% - 20px); - overflow: auto; - margin: 0; - } - body #egwpopup #egwpopup_header { - text-align: center; - height: 50px; - z-index: 1; - background-color: #5180AC; - line-height: 50px; - width: 100%; - font-size: 10pt; - color: white; - padding: 0px; - } - body #egwpopup #egwpopup_header span { - -webkit-filter: brightness(0) invert(1) !important; - filter: brightness(0) invert(1) !important; - background-color: transparent !important; - background-size: 24px 24px !important; - border: none; - } - body #egwpopup #egwpopup_header .button_right_toggle { - background-image: url(../images/cancelled.svg); - background-repeat: no-repeat; - background-position: center; - height: 50px; - width: 50px; - cursor: pointer; - position: relative; - float: left; - margin: 0; - } - body #egwpopup #egwpopup_header .button_right_toggle:before { - display: none; - } - body #egwpopup #egwpopup_header .button_right_toggle:after { - display: none; - } - body #egwpopup #egwpopup_header .egwpopup_deleteall { - width: 30px; - height: 30px; - background-position: center; - position: relative; - margin-top: 10px; - margin-right: 30px; - opacity: 1; - } - body #egwpopup #egwpopup_header .egwpopup_seenall { - width: 20px; - height: 20px; - padding: 0px; - margin-right: 20px; - margin-top: 15px; - opacity: 1; - } - body #egwpopup #egwpopup_footer { - position: absolute; - top: 0px; - right: 10px; - height: 50px; - } - body #egwpopup #egwpopup_footer input { - float: right; - margin-right: 10px; - margin-top: 10px; - } - body div.egw_fw_mobile_popup_appHeader { - display: none !important; - } - body span.egw_fw_mobile_popup_close { - top: 0; - background-color: white; - width: 100%; - background-position: center; - left: 0; - } - body span.egw_fw_mobile_popup_close.loaded { - background-image: url(../images/topmenu_items/mobile/back.svg); - -webkit-filter: brightness(0) invert(1) !important; - filter: brightness(0) invert(1) !important; - background-color: transparent !important; - background-size: 24px 24px !important; - border: none; - top: 0; - background-position: center; - padding: 0; - width: 50px; - left: 10px; - float: none; - } - body #egw_fw_basecontainer.sidebar-toggle #egw_fw_top_toolbar #egwpopup_fw_notifications, - body #egw_fw_basecontainer.sidebar-toggle #egw_fw_top_toolbar #egw_fw_topmenu_info_items { - display: none !important; - } - body #egw_fw_basecontainer.sidebar-toggle #egw_fw_top_toolbar div#egw_fw_menu { - background-image: url(../images/topmenu_items/mobile/menu.svg); - width: 50px; - height: 50px; - background-color: transparent; - background-position: 15px center; - margin-left: 8px; - } - body #egw_fw_basecontainer { - /* active app header*/ - } - body #egw_fw_basecontainer #egw_fw_main { - margin-top: 0px; - } - body #egw_fw_basecontainer .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon { - width: 18px; - height: 18px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar { - position: absolute; - width: 300px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout { - margin-left: 30px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_userinfo { - float: right; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_appsToggle { - height: 50px; - z-index: 1000; - display: inline-block; - width: 50px; - float: left; - margin-left: 60px; - background-image: url(../images/apps.svg); - background-size: 24px; - background-repeat: no-repeat; - background-position: center; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_appsToggle.toggled { - background-image: url(../images/sidebar.svg); - } - body #egw_fw_basecontainer #egw_fw_top_toolbar #egwpopup_fw_notifications { - height: 25px; - width: 25px; - z-index: 1000; - right: 0px; - display: inline-block; - float: left; - position: relative; - top: 12px; - line-height: 27px; - margin: 0; - margin-left: 15px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar #egwpopup_fw_notifications .popup_note { - display: none; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_topmenu_info_items { - height: 50px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_topmenu_info_items .topmenu_info_item { - border: 0; - height: 50px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_topmenu_info_items #topmenu_info_print_title span { - height: 50px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_topmenu_info_items #topmenu_info_user_avatar span { - margin-top: 4px; - margin-left: 0px; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul { - border-left: 6px solid silver; - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li { - /*darkmode*/ - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_logout { - background-image: url(../images/logout.svg); - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_home { - background-image: url(../images/home.svg); - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_prefs { - background-image: url(../images/setup.svg); - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_acl { - background-image: url(../images/lock.svg); - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_cats { - background-image: url(../images/tag_message.svg); - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_password { - background-image: url(../images/password.svg); - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_search { - background-image: url(../images/search.svg); - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_darkmode { - background-image: url(../images/darkmode_off.svg); - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_darkmode.darkmode_on { - background-image: url(../images/darkmode_on.svg); - filter: invert(1) hue-rotate(180deg); - } - body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_menu { - background-image: url(../images/topmenu_items/mobile/menu_active.svg); - } - body #egw_fw_basecontainer #egw_fw_sidebar #egw_fw_sidemenu { - bottom: 4px; - left: 0; - right: 0; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - z-index: 0; - font-size: 0.9em; - background-color: white; - } - body #egw_fw_basecontainer #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 { - padding-left: 63px; - } - body #egw_fw_basecontainer #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img { - padding-left: 6px; - } - body #egw_fw_basecontainer #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active { - margin-left: 2px; - } - body #egw_fw_basecontainer #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { - height: 32px; - padding: 0; - padding-left: 14px; - } - body #egw_fw_basecontainer #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 { - font-size: 14px; - padding-left: 57px; - } - body #egw_fw_basecontainer #egw_fw_sidemenu img[src$=".svg"] { - background: none; - box-shadow: none; - border: none; - filter: none; - -webkit-filter: none; - } - body #egw_fw_basecontainer #egw_fw_main img[src$="svg"], - body #egw_fw_basecontainer #egw_fw_footer img[src$="svg"] { - background: none; - border: none; - filter: none; - -webkit-filter: none; - box-shadow: none; - } - body #egw_fw_basecontainer .egw_fw_ui_sidemenu_entry_apps > div { - margin-bottom: 5px; - } - body #egw_fw_basecontainer #egw_fw_toggler { - z-index: 999; - height: 50px; - } - body #egw_fw_basecontainer #egw_fw_toggler span { - top: 15px; - } - body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler { - z-index: 999; - height: 50px; - background-color: transparent; - } - body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span { - top: 15px; - } - body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span, - body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span { - background-color: white; - } - body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before, - body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before, - body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after, - body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after { - background-color: white !important; - } - body div.dhtmlxMenu_egw_SubLevelArea_Polygon { - font-size: medium; - top: 50px !important; - right: 0px; - left: auto !important; - background-color: white; - width: 100%; - } - body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl { - width: 100%; - } - body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected { - height: 46px; - } - body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item { - width: 100%; - height: 46px !important; - } - body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon { - filter: none; - -webkit-filter: none; - } - body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk { - width: 100%; - } - body div.egw_message_wrapper { - bottom: 0px; - top: auto; - left: 0px; - right: 0px !important; - max-width: 100%; - border-radius: 0; - position: fixed; - } - body div.ui-dialog { - width: 100% !important; - height: 100% !important; - left: 0 !important; - top: 0 !important; - } - body div.ui-dialog-content { - height: 87% !important; - margin-top: 60px !important; - padding: 0 !important; - font-size: 12pt; - } - body .ui-dialog .ui-dialog-buttonpane { - position: fixed !important; - bottom: 0 !important; - left: 0 !important; - display: block !important; - padding: 0 !important; - margin: 0 !important; - height: 50px; - box-shadow: 0px 4px 5px 2px silver; - width: 100%; - z-index: 1; - background: #0c5da5; - } - body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - float: right; - height: 50px; - } - body .ui-dialog .ui-dialog-buttonpane button { - height: 35px; - -webkit-filter: brightness(0) invert(1) !important; - filter: brightness(0) invert(1) !important; - background-color: transparent !important; - background-size: 24px 24px !important; - border: none; - float: right !important; - } - body .ui-dialog .ui-dialog-buttonpane button span { - padding-left: 20px; - } - body .ui-dialog .ui-dialog-titlebar { - position: fixed; - color: white; - z-index: 100; - background: #0c5da5; - width: 100%; - height: 35px; - padding: 0; - padding-left: 5px; - margin: -3px; - padding-top: 15px; - border-radius: 0; - } - body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { - display: none; - } - body button.plus_button { - position: fixed !important; - right: 15px; - bottom: 15px; - border-radius: 50%; - width: 60px; - height: 60px; - background-position: center; - z-index: 100; - background-color: #0c5da5; - border: none; - background-image: url(../images/topmenu_items/mobile/plus_white.svg) !important; - background-repeat: no-repeat; - background-size: 24px 24px; - margin: 0; - padding: 0; - } - body button.plus_button:hover, - body button.plus_button:active { - background-color: #0c5da5; - } - body .et2_nextmatch .nextmatch_sortheader { - padding-right: 0px; - margin-right: 0px; - } - body .et2_nextmatch .nextmatch_header_row, - body .et2_nextmatch .nextmatch_header { - background-color: background-color-egw-dark; - } - body .et2_nextmatch .nextmatch_header_row div.header_row_right, - body .et2_nextmatch .nextmatch_header div.header_row_right { - position: absolute; - display: block; - top: 0; - } - body .et2_nextmatch .nextmatch_header_row div.filtersContainer, - body .et2_nextmatch .nextmatch_header div.filtersContainer { - width: 100%; - margin-top: 37px; - } - body .et2_nextmatch .nextmatch_header_row select, - body .et2_nextmatch .nextmatch_header select { - display: block; - width: 100%; - height: 50px; - font-size: 12pt; - background-size: 32px; - border-left: none; - border-right: none; - border-radius: 0; - border-bottom: none; - padding-left: 10px; - max-width: none; - background-color: transparent; - } - body .et2_nextmatch .nextmatch_header_row label, - body .et2_nextmatch .nextmatch_header label { - display: block; - width: 100%; - float: left; - font-size: 12pt; - } - body .et2_nextmatch .nextmatch_header_row label select, - body .et2_nextmatch .nextmatch_header label select { - display: inline-block; - float: right; - margin: 0; - height: 50px; - font-size: 12pt; - } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat { - height: 50px !important; - width: 100% !important; - margin: 0; - padding-left: 0px; - background: white; - } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single { - height: 100%; - border-right: none; - box-shadow: none; - background: white; - border-top: none; - border-bottom: none; - border-left-width: 10px; - border-radius: 0; - } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single span, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single span { - height: 100%; - line-height: 46px; - color: #26537C; - font-size: 12pt; - } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single div, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single div { - width: 40px; - } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single div b, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single div b { - background: white url(../images/arrow_down.svg) no-repeat center !important; - background-size: 16px !important; - } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat div.chzn-drop, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat div.chzn-drop { - width: 100%; - } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat div.chzn-drop ul, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat div.chzn-drop ul { - font-size: 12pt; - } - body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat div.chzn-drop ul li, - body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat div.chzn-drop ul li { - line-height: 24px; - } - body .et2_nextmatch .nextmatch_header.nm_header_hide { - display: none !important; - } - body .et2_nextmatch .nextmatch_header { - background-color: white; - padding: 0; - display: inline-block; - width: 100%; - border-bottom: 1px solid silver; - border-top: none; - box-shadow: 0px 1px 1px 1px silver; - z-index: 1; - position: relative; - } - body .et2_nextmatch .nextmatch_header div.et2_box_widget { - display: block; - height: 50px; - } - body .et2_nextmatch .nextmatch_header .et2_button { - width: 50px; - height: 50px; - } - body .et2_nextmatch .egwGridView_outer thead tr { - visibility: hidden; - } - body .et2_nextmatch .search.searchOn input { - border: none; - background: white; - outline: none; - position: absolute; - left: 110px; - width: 80%; - height: 50px; - } - body .et2_nextmatch .search.searchOn button[id$="search_button"] { - background-image: none !important; - } - body .et2_nextmatch .search.searchOn button[id$="search_button"]:after { - content: "\2613"; - font-weight: bold; - font-size: 18pt; - } - body .et2_nextmatch .nm-mob-header { - background: #0c5da5; - margin-top: 0; - padding-left: 60px; - position: relative; - height: 50px; - z-index: 1; - border-bottom: 1px solid transparent; - } - body .et2_nextmatch .nm-mob-header button { - height: 50px; - width: 50px; - background-repeat: no-repeat; - font-size: large; - background-color: #0c5da5; - border: none; - margin: 0; - color: white; - background-size: 18px 18px; - box-shadow: none; - outline: none; - } - body .et2_nextmatch .nm-mob-header div.et2_searchbox { - display: inline-block; - width: 50px; - } - body .et2_nextmatch .nm-mob-header button.nm_toggle_header { - background-image: url(../images/menu_list.svg); - background-position: center; - background-repeat: no-repeat; - width: 50px; - height: 50px; - display: block; - float: right; - -webkit-filter: brightness(0) invert(1) !important; - filter: brightness(0) invert(1) !important; - background-color: transparent !important; - background-size: 24px 24px !important; - border: none; - } - body .et2_nextmatch .nm-mob-header button.nm_toggle_header:focus { - outline: none; - } - body .et2_nextmatch .nm-mob-header button.nm_action_header { - background-image: url(../images/dots.svg); - background-position: center; - background-repeat: no-repeat; - border-left: 1px solid silver; - border: 0; - color: white; - width: 50px; - height: 50px; - display: block; - float: right; - -webkit-filter: brightness(0) invert(1) !important; - filter: brightness(0) invert(1) !important; - background-color: transparent !important; - background-size: 24px 24px !important; - border: none; - } - body .et2_nextmatch .nm-mob-header button.nm_action_header:focus { - outline: none; - } - body .et2_nextmatch .nm-mob-header button.nm_action_header.back { - background-image: url(../images/cancelled.svg); - -webkit-filter: none!important; - background-color: white !important; - } - body .et2_nextmatch .nm-mob-header div.nm_delete_action { - background-image: url(../images/delete.svg); - -webkit-filter: brightness(0) invert(1) !important; - filter: brightness(0) invert(1) !important; - background-color: transparent !important; - background-size: 24px 24px !important; - border: none; - background-position: center; - background-repeat: no-repeat; - border-left: 1px solid silver; - border: 0; - color: black; - width: 50px; - height: 50px; - display: inline-block; - float: right; - text-align: center; - display: none; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div { - background-position: center; - background-repeat: no-repeat; - border-left: 1px solid silver; - border: 0; - color: white; - width: 50px; - height: 50px; - display: none; - float: right; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div:focus { - outline: none; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] { - top: 0 !important; - outline: none; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] .et2_dropdown button:first-child { - display: none; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] .et2_dropdown button:nth-child(2) { - background-position: center; - background-image: url(../images/topmenu_items/mobile/star.svg) !important; - background-size: 24px 24px; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] .et2_dropdown button:nth-child(2) div:first-child { - display: none; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites { - height: 250px; - width: 100%; - left: 0px !important; - box-shadow: 0px 4px 5px 2px silver; - border: 1px solid silver; - overflow-y: auto !important; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item[data-id="blank"]:before { - content: ''; - background-image: url(../images/trash.png); - background-size: 12px; - background-repeat: no-repeat; - width: 12px; - height: 12px; - display: inline-block; - margin-left: 4px; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item:not([data-id="add"]):not([data-id="blank"]):before { - content: ''; - background-image: url(../images/fav_filter.png); - background-size: 12px; - background-repeat: no-repeat; - width: 12px; - height: 12px; - display: inline-block; - margin-left: 4px; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - border-bottom: 1px solid silver; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item a { - width: 100%; - line-height: 30px; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item a input { - display: none; - } - body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item a div.ui-icon-trash { - display: block; - padding-right: 8px; - } - body .et2_nextmatch .nm-mob-header button.nm_toggle_header_on { - background-image: url(../images/cancelled.svg); - -webkit-filter: none!important; - background-color: white !important; - } - body .et2_nextmatch .nm-mob-header input[type="search"] { - width: 50px; - height: 50px; - font-size: large; - margin: 0; - border: 0; - opacity: 0; - background-color: #0c5da5; - color: black; - position: absolute; - } - body .et2_nextmatch .nm-mob-header input[type="search"]:active { - border: none; - background: #0c5da5; - } - body .et2_nextmatch .nm-mob-header input[type="search"]:focus { - border: none; - background: white; - outline: none; - opacity: 1; - left: 110px; - position: absolute; - width: 100%; - height: 50px; - z-index: 2; - } - body .et2_nextmatch .nm-mob-header div.nm_appname_header { - width: 100%; - display: none; - position: absolute; - top: 0; - height: 50px; - left: 0; - right: 0; - bottom: 0; - color: white; - font-size: 14pt; - font-weight: bold; - opacity: 0.2; - text-align: center; - padding-top: 13px; - z-index: -1; - } - body .et2_nextmatch .header_row_right { - height: 50px; - width: 100%; - padding: 0; - } - body .et2_nextmatch .header_row_right div[id$=favorite_wrapper] { - margin: 0; - top: 0 !important; - height: 50px; - } - body .et2_nextmatch .header_row_right * { - display: inline-block; - float: left; - } - body .et2_nextmatch .header_row_right .et2_dropdown button { - height: 50px; - width: 50px; - } - body .et2_nextmatch .header_count { - margin: 0; - height: 50px; - font-size: 12pt; - margin-top: -3px; - margin-right: 0px; - float: right; - border: none; - border-radius: 0; - } - body .et2_nextmatch .header_count span { - font-size: 12pt; - } - body .et2_nextmatch table.egwGridView_grid tr div.h2_hbox { - padding-bottom: 4px; - } - body .et2_nextmatch table.egwGridView_grid tr img { - height: 12px; - } - body .et2_nextmatch table.egwGridView_grid tbody tr.focused { - background-image: none; - } - body .et2_nextmatch table.egwGridView_grid tbody tr.selected:not([class*="tile"]) { - background: #b0bfd8 !important; - } - body .et2_nextmatch table.egwGridView_grid tbody tr.selected:not([class*="tile"]) * { - color: white !important; - } - body .et2_nextmatch table.egwGridView_grid tbody tr.selected:not([class*="tile"]) td:last-child:before { - content: " "; - position: absolute; - background: #b0bfd8; - right: 0px; - bottom: 0px; - left: -8px; - top: 0px; - color: white; - background-image: url(../images/topmenu_items/mobile/check.svg); - background-repeat: no-repeat; - height: auto; - background-size: 20px; - background-position: center; - height: 99%; - width: 99%; - } - body .et2_nextmatch table.egwGridView_grid tbody tr:hover { - background: transparent; - } - body .et2_nextmatch table.egwGridView_grid tbody tr td { - padding: 10px 0px 10px 0px; - } - body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_label, - body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_button, - body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_link, - body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_textbox, - body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_textbox_ro, - body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_email, - body .et2_nextmatch table.egwGridView_grid tbody tr td img, - body .et2_nextmatch table.egwGridView_grid tbody tr td span { - padding: 8px 0px 0px 0px; - } - body .et2_nextmatch table.egwGridView_grid tbody tr td time.et2_label, - body .et2_nextmatch table.egwGridView_grid tbody tr td span.mobile_cat_col { - padding: 0; - } - body .et2_nextmatch table.egwGridView_grid tbody tr td div.et2_progress { - margin: 0; - } - body .et2_nextmatch table.egwGridView_grid tbody tr.swipe { - background-color: #ffc200; - border: none; - } - body .et2_nextmatch .egwGridView_outer { - width: 100%; - } - body .et2_nextmatch .egwGridView_outer thead { - max-height: 1px; - display: none; - } - body .et2_nextmatch .egwGridView_outer thead tr th { - font-size: large; - } - body .et2_nextmatch .egwGridView_outer td img { - border: none; - } - body .dtree img { - width: 24px !important; - height: 24px !important; - } - body .dtree table, - body .dtree tr, - body .dtree td { - padding: 2px; - padding-left: 0; - padding-right: 0px; - } - body .dtree .containerTableStyle { - overflow: auto; - } - body .et2_details .et2_details_toggle:after { - width: 30px; - height: 30px; - font-size: 18pt; - text-align: center; - padding: 9px; - } - body input { - border: none; - border-bottom: 1px solid #e6e6e6; - } - body .et2_taglist_category span[class*="cat_"] { - height: 42px; - } - body .et2_button_icon { - height: 32px; - } - body .popupMainDiv { - padding-top: 60px !important; - padding-left: 8px; - padding-right: 8px; - overflow-x: auto; - /* Exceptional cases to not get the general left padding*/ - } - body .popupMainDiv * { - font-size: 10pt; - font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; - } - body .popupMainDiv .et2_textbox, - body .popupMainDiv .et2_date, - body .popupMainDiv .et2_dropdown, - body .popupMainDiv .et2_link, - body .popupMainDiv .et2_label, - body .popupMainDiv input, - body .popupMainDiv select, - body .popupMainDiv .et2_selectbox { - height: 46px; - padding-left: 8px; - outline: none; - } - body .popupMainDiv input, - body .popupMainDiv select, - body .popupMainDiv .et2_selectbox { - padding: 0; - padding-left: 0; - border-left: 0; - border-top: 0; - border-right: 0; - border-radius: 0; - } - body .popupMainDiv .et2_label .et2_selectbox { - padding-left: 8px; - } - body .popupMainDiv ul.et2_selectbox li { - padding-top: 13px; - } - body .popupMainDiv .et2_taglist input[type="text"] { - height: 36px; - } - body .popupMainDiv .et2_taglist .ms-sel-item { - margin-left: 3px; - line-height: 36px; - margin-top: 0; - margin-bottom: 0; - } - body .popupMainDiv .et2_label .et2_date_ro.et2_label { - padding-left: 0; - } - body .popupMainDiv .et2_button_with_image { - background-color: transparent; - border: none; - box-shadow: none; - color: #1e1e1e; - } - body .popupMainDiv .et2_date { - min-width: 100px; - padding-left: 0; - } - body .popupMainDiv .et2_button_with_image, - body .popupMainDiv .et2_button_text { - height: 46px; - margin: 1px; - margin-left: 3px; - } - body .popupMainDiv form { - margin-top: 50px; - } - body .popupMainDiv .et2_details.et2_details_expanded { - background-color: transparent; - height: 100%; - } - body .popupMainDiv .et2_details.et2_details_expanded .et2_details_title { - display: inline-block; - background-color: #F0F0F0; - width: 100%; - padding-top: 6px; - height: 32px; - } - body .popupMainDiv .et2_details { - position: relative; - background-color: #F0F0F0; - height: 32px; - } - body .popupMainDiv .et2_details .et2_details_toggle { - position: absolute; - right: 2px; - top: 0px; - margin: 0px; - } - body .popupMainDiv .et2_details .et2_details_title { - padding-top: 6px; - margin-top: 0; - } - body .popupMainDiv .et2_taglist > div { - min-height: auto; - } - body .popupMainDiv form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input { - margin: 0 5px 0 0; - } - body div#popupMainDiv { - padding: 0; - } - body .dialogHeadbar button[class*="et2_button_with_image"]:not([class*="et2_toolbar_hasCaption"]) { - -webkit-filter: brightness(0) invert(1) !important; - filter: brightness(0) invert(1) !important; - background-color: transparent !important; - background-size: 24px 24px !important; - border: none; - padding-right: 15px; - } - body .rowHeader { - font-size: 12pt; - } - body .et2_fullWidth input[type="radio"] { - width: auto; - } - body td.et2_fullWidth { - width: auto; - } - body div.et2_toolbar.et2_head_toolbar { - background-color: transparent; - padding: 1px 5px 5px 10px !important; - } - body div.et2_toolbar.et2_head_toolbar button { - width: 46px; - height: 46px; - background-size: 18px 18px; - touch-action: auto; - } - body div.et2_toolbar.et2_head_toolbar div.ui-toolbar-menulist { - width: 100%; - left: 0px; - overflow-y: auto !important; - box-shadow: 2px 3px 13px #666666; - -moz-box-shadow: 2px 3px 13px #666666; - -webkit-box-shadow: 2px 3px 13px #666666; - -khtml-box-shadow: 2px 3px 13px #666666; - filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=135, strength=3); - -moz-user-select: none; - } - body div.et2_toolbar.et2_head_toolbar button.et2_toolbar_hasCaption { - width: auto; - } - body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_actionlist { - margin-left: 50px; - } - body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_actionlist button.et2_button.ui-draggable { - border: none !important; - box-shadow: none !important; - background-position: center !important; - -webkit-filter: brightness(0) invert(1) !important; - filter: brightness(0) invert(1) !important; - background-color: transparent !important; - background-size: 24px 24px !important; - border: none; - width: 40px; - } - body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more { - position: inherit; - } - body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-state-hover { - background: none; - } - body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader { - color: transparent; - height: 46px; - width: 50px; - padding: 0 !important; - background-image: url(../images/dots.svg); - background-repeat: no-repeat; - background-position: center; - outline: none; - -webkit-filter: brightness(0) invert(1) !important; - filter: brightness(0) invert(1) !important; - background-color: transparent !important; - background-size: 24px 24px !important; - border: none; - } - body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader span { - display: none; - } - body .et2_tabbox.vertical .et2_tabflag { - border: none; - } - body .et2_tabbox.vertical .et2_tabflag div.et2_tabtitle { - background-color: #f0f0f0; - padding-left: 6px; - } - body .et2_tabbox.vertical .et2_tabflag div.et2_tabtitle:before { - padding: 0; - width: 30px; - height: 30px; - text-align: center; - font-size: 18pt; - } - body .et2_link_to div { - padding-bottom: 3px; - } - body .et2_link_to .et2_file { - margin: 0; - padding: 0; - } - body .et2_link_to .et2_file .et2_file_span, - body .et2_link_to .et2_file .et2_file_spanHover, - body .et2_link_to .et2_file .et2_file_upload { - height: 46px; - width: 46px; - } - body .et2_link_to button.link { - float: right; - height: 46px; - width: 46px; - } - body .et2_link_to.et2_toolbar div.et2_file { - width: 46px; - } - body .et2_link_to.et2_toolbar button.et2_vfs_btn { - width: 46px; - height: 46px !important; - } - body span.et2_file_span:hover { - background: transparent !important; - box-shadow: none !important; - border: none; - color: transparent; - } - body .chzn-container ul.chzn-choices { - background: none; - border: none; - border-bottom: 1px solid #E6E6E6; - } - body .chzn-container-multi .chzn-choices li.search-field .default { - color: #666; - } - body .et2_taglist .ms-ctn { - border: none; - border-bottom: 1px solid #E6E6E6; - border-radius: 0; - margin-right: 5px; - } - body .et2_taglist .ms-sel-ctn { - background: white; - } - body .et2_taglist.et2_taglist_category { - min-height: 50px !important; - } - body .et2_taglist.et2_taglist_toggle.et2_taglist_single .ms-sel-item span:first-child { - float: left; - } - body .et2_taglist.et2_taglist_toggle.et2_taglist_single .ms-sel-item span[class*="cat_"] { - height: 3em; - } - body .et2_taglist.ui-state-active.expanded .ms-res-ctn.dropdown-menu { - min-height: 100px; - } - body .et2_taglist.ui-state-active.expanded .ms-res-ctn.dropdown-menu .ms-res-item { - line-height: 25px; - } - body .et2_mobile_view { - display: block; - } - body .et2_mobile_view .et2_mobile-view-container { - padding: 0 14px 0 7px; - /*Disable et2_link_to as it does not make sense in view mode*/ - } - body .et2_mobile_view .et2_mobile-view-container div.et2_link_to { - display: none; - } - body .et2_mobile_view table.et2_grid tr td { - padding: 10px 5px 10px 0; - } - body .et2_mobile_view div.et2_hbox.avatar { - width: 100px; - display: block; - height: 100px; - margin: auto; - } - body .et2_mobile_view div.et2_hbox.avatar img { - width: 100px; - height: auto; - } - body .et2_mobile_view .et2_tabbox { - padding-left: 8px; - } - body .mobile-view-editBtn { - position: fixed; - top: 2px; - left: 70px; - width: 50px; - height: 50px; - float: left; - z-index: 104; - font-size: 18pt !important; - color: white; - background-image: url(../images/edit.svg); - background-repeat: no-repeat; - -webkit-filter: brightness(0) invert(1) !important; - filter: brightness(0) invert(1) !important; - background-color: transparent !important; - background-size: 24px 24px !important; - border: none; - background-position: center; - display: block; - } - body .mobile-view-editBtn:before { - content: ""; - font-size: 24pt; - color: white; - padding-left: 5px; - font-weight: bold; - } - body .et2_searchbox button.et2_button.searched { - background-image: url(../images/search.svg); - } - body .et2_searchbox button.et2_button { - background-image: url(../images/search.svg) !important; - -webkit-filter: brightness(0) invert(1) !important; - filter: brightness(0) invert(1) !important; - background-color: transparent !important; - background-size: 24px 24px !important; - border: none; - } - body .et2_searchbox input { - font-size: 10pt; - } - body .et2_searchbox.expanded { - position: absolute; - width: auto !important; - height: 50px; - left: 65px; - right: 70px; - margin-left: 0; - margin-right: 50px; - } - body .et2_searchbox.expanded button.et2_button { - background: none; - } - body .et2_searchbox.expanded input { - width: 100%; - height: 42px; - margin: 0; - top: 0; - outline: none; - z-index: 100; - border-radius: 0; - } - body .et2_searchbox.expanded span.ui-icon.clear { - top: 0px; - left: -50px; - background-color: white; - height: 50px; - width: 50px; - background-image: url("../images/cancelled.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: 24px 24px; - display: inline-block !important; - } - body .et2_searchbox.expanded .flex { - width: 100%; - position: absolute; - border: 0; - } - body .et2_searchbox.expanded .flex input { - border: 0; - } - body img.et2_button_icon[src*="svg"] { - background: none; - box-shadow: none; - border: none; - } - body img[src*="svg"] { - background: none !important; - border: none; - box-shado: none; - } - body input[type="checkbox"] { - width: 32px !important; - height: 32px !important; - } - body input[type="checkbox"]:before { - content: ""; - width: 32px; - height: 32px; - background-image: url(../images/topmenu_items/mobile/checkbox.svg) !important; - display: inline-block; - background-repeat: no-repeat; - background-size: 31px; - margin-left: -5px; - } - body input[type="checkbox"]:checked { - background-image: url(../images/topmenu_items/mobile/checkbox.svg) !important; - width: 32px !important; - height: 32px !important; - } - body .et2_label.et2_checkbox_label { - line-height: 32px; - vertical-align: middle; - position: relative; - padding-left: 40px !important; - } - body .et2_label.et2_checkbox_label input[type="checkbox"] { - position: absolute; - left: 0; - } - body .dialogHeadbar .et2_label.et2_checkbox_label { - vertical-align: top; - margin-top: 10px; - color: white; - } - body span.et2_checkbox_slideSwitch { - height: 50px; - border: none; - padding-right: 10px; - vertical-align: bottom; - } - body span.et2_checkbox_slideSwitch:hover { - border: none; - box-shadow: none; - } - body span.et2_checkbox_slideSwitch input { - height: 100% !important; - } - body span.et2_checkbox_slideSwitch span.et2_label { - margin-left: 40px; - display: inline-block; - height: 50px; - margin-top: 15px; - } - body span.et2_checkbox_slideSwitch span.slideSwitch_container { - width: 50px !important; - border-radius: 15px; - margin-top: 15px; - box-shadow: inset 0 2px 2px #474747, 0 0px 0 rgba(255, 255, 255, 0.2); - } - body span.et2_checkbox_slideSwitch span.slideSwitch_container span { - color: #696969 !important; - } - body span.et2_checkbox_slideSwitch span.slideSwitch_container a { - background-color: #E0E0E0; - border-radius: 50%; - box-shadow: 0 2px 2px #474747, 0 0px 0 rgba(255, 255, 255, 0.2); - z-index: 2; - } - body .et2_toolbar_more span.et2_checkbox_slideSwitch > span.slideSwitch_container { - float: right; - } - body .et2_checkbox_slideSwitch.notification_check .on { - background-image: url(../images/topmenu_items/mobile/notify_off.svg); - height: 16px; - background-size: 16px; - background-repeat: no-repeat; - background-position: center; - } - body .et2_checkbox_slideSwitch.notification_check .on:before { - content: " "; - width: 1px; - transform: rotateZ(45deg); - background: #bcbcbc; - height: 20px; - display: inline-block; - margin-top: -2px; - } - body .et2_checkbox_slideSwitch.notification_check .off { - background-image: url(../images/topmenu_items/mobile/notify_on.svg); - height: 16px; - background-size: 16px; - background-repeat: no-repeat; - background-position: center; - } - body .et2_checkbox_slideSwitch.notification_check input { - width: 100% !important; - height: 100% !important; - } - body .entry_id { - position: absolute; - right: 10px; - top: 15px; - } - body .entry_id::before { - content: "#"; - color: white; - font-size: 12pt; - font-weight: bold; - } - body .entry_id span { - color: white; - font-size: 12pt; - font-weight: bold; - } - body select#rc_status_select { - width: 100%; - height: 40px; - box-shadow: none; - padding-right: 0; - padding-left: 28px; - background-size: auto; - border-left: 0; - border-right: 0; - border-radius: 0; - } + html * { + touch-action: auto; + -webkit-overflow-scrolling: touch; + } + + body { + /* Stop pull-to-refresh on chrome*/ + overflow-y: hidden; + /*Notification popup*/ + /*Chosen*/ + /* View mode styles*/ + /***************CHECKBOX *************/ + /**************************************/ + /*************** SLIDESWITCH **********/ + /***************************************/ + } + + body .egw_fw_mobile_popup_container { + background: transparent; + } + + body .egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame { + width: 100%; + height: 100%; + margin: 0; + border: none; + } + + body button[id*="save"]:hover, + body button[id*="apply"]:hover, + body button[id*="copy"]:hover, + body button[id*="edit_button[edit]"]:hover, + body button.et2_button:hover { + -webkit-box-shadow: none !important; + box-shadow: none !important; + } + + body #egwpopup { + width: 100% !important; + height: 100% !important; + top: 0 !important; + bottom: 0 !important; + left: 0 !important; + right: 0 !important; + border: none; + box-shadow: none; + padding: 0; + border-radius: 0; + position: fixed; + z-index: 10 !important; + } + + body #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded { + position: fixed; + top: 0; + height: 100%; + left: 0; + width: calc(100% - 20px); + overflow: auto; + margin: 0; + } + + body #egwpopup #egwpopup_header { + text-align: center; + height: 50px; + z-index: 1; + background-color: #5180AC; + line-height: 50px; + width: 100%; + font-size: 10pt; + color: white; + padding: 0px; + } + + body #egwpopup #egwpopup_header span { + -webkit-filter: brightness(0) invert(1) !important; + filter: brightness(0) invert(1) !important; + background-color: transparent !important; + background-size: 24px 24px !important; + border: none; + } + + body #egwpopup #egwpopup_header .button_right_toggle { + background-image: url(../images/cancelled.svg); + background-repeat: no-repeat; + background-position: center; + height: 50px; + width: 50px; + cursor: pointer; + position: relative; + float: left; + margin: 0; + } + + body #egwpopup #egwpopup_header .button_right_toggle:before { + display: none; + } + + body #egwpopup #egwpopup_header .button_right_toggle:after { + display: none; + } + + body #egwpopup #egwpopup_header .egwpopup_deleteall { + width: 30px; + height: 30px; + background-position: center; + position: relative; + margin-top: 10px; + margin-right: 30px; + opacity: 1; + } + + body #egwpopup #egwpopup_header .egwpopup_seenall { + width: 20px; + height: 20px; + padding: 0px; + margin-right: 20px; + margin-top: 15px; + opacity: 1; + } + + body #egwpopup #egwpopup_footer { + position: absolute; + top: 0px; + right: 10px; + height: 50px; + } + + body #egwpopup #egwpopup_footer input { + float: right; + margin-right: 10px; + margin-top: 10px; + } + + body div.egw_fw_mobile_popup_appHeader { + display: none !important; + } + + body span.egw_fw_mobile_popup_close { + top: 0; + background-color: white; + width: 100%; + background-position: center; + left: 0; + } + + body span.egw_fw_mobile_popup_close.loaded { + background-image: url(../images/topmenu_items/mobile/back.svg); + -webkit-filter: brightness(0) invert(1) !important; + filter: brightness(0) invert(1) !important; + background-color: transparent !important; + background-size: 24px 24px !important; + border: none; + top: 0; + background-position: center; + padding: 0; + width: 50px; + left: 10px; + float: none; + } + + body #egw_fw_basecontainer.sidebar-toggle #egw_fw_top_toolbar #egwpopup_fw_notifications, + body #egw_fw_basecontainer.sidebar-toggle #egw_fw_top_toolbar #egw_fw_topmenu_info_items { + display: none !important; + } + + body #egw_fw_basecontainer.sidebar-toggle #egw_fw_top_toolbar div#egw_fw_menu { + background-image: url(../images/topmenu_items/mobile/menu.svg); + width: 50px; + height: 50px; + background-color: transparent; + background-position: 15px center; + margin-left: 8px; + } + + body #egw_fw_basecontainer { + /* active app header*/ + } + + body #egw_fw_basecontainer #egw_fw_main { + margin-top: 0px; + } + + body #egw_fw_basecontainer .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon { + width: 18px; + height: 18px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar { + position: absolute; + width: 300px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar .egw_fw_logout { + margin-left: 30px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_userinfo { + float: right; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_appsToggle { + height: 50px; + z-index: 1000; + display: inline-block; + width: 50px; + float: left; + margin-left: 60px; + background-image: url(../images/apps.svg); + background-size: 24px; + background-repeat: no-repeat; + background-position: center; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_appsToggle.toggled { + background-image: url(../images/sidebar.svg); + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar #egwpopup_fw_notifications { + height: 25px; + width: 25px; + z-index: 1000; + right: 0px; + display: inline-block; + float: left; + position: relative; + top: 12px; + line-height: 27px; + margin: 0; + margin-left: 15px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar #egwpopup_fw_notifications .popup_note { + display: none; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_topmenu_info_items { + height: 50px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_topmenu_info_items .topmenu_info_item { + border: 0; + height: 50px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_topmenu_info_items #topmenu_info_print_title span { + height: 50px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar #egw_fw_topmenu_info_items #topmenu_info_user_avatar span { + margin-top: 4px; + margin-left: 0px; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul { + border-left: 6px solid silver; + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li { + /*darkmode*/ + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_logout { + background-image: url(../images/logout.svg); + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_home { + background-image: url(../images/home.svg); + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_prefs { + background-image: url(../images/setup.svg); + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_acl { + background-image: url(../images/lock.svg); + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_cats { + background-image: url(../images/tag_message.svg); + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_password { + background-image: url(../images/password.svg); + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_search { + background-image: url(../images/search.svg); + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_darkmode { + background-image: url(../images/darkmode_off.svg); + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_topmenu_items ul li a#topmenu_darkmode.darkmode_on { + background-image: url(../images/darkmode_on.svg); + filter: invert(1) hue-rotate(180deg); + } + + body #egw_fw_basecontainer #egw_fw_top_toolbar div#egw_fw_menu { + background-image: url(../images/topmenu_items/mobile/menu_active.svg); + } + + body #egw_fw_basecontainer #egw_fw_sidebar #egw_fw_sidemenu { + bottom: 4px; + left: 0; + right: 0; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + z-index: 0; + font-size: 0.9em; + background-color: white; + } + + body #egw_fw_basecontainer #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 { + padding-left: 63px; + } + + body #egw_fw_basecontainer #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header img { + padding-left: 6px; + } + + body #egw_fw_basecontainer #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active { + margin-left: 2px; + } + + body #egw_fw_basecontainer #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { + height: 32px; + padding: 0; + padding-left: 14px; + } + + body #egw_fw_basecontainer #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 { + font-size: 14px; + padding-left: 57px; + } + + body #egw_fw_basecontainer #egw_fw_sidemenu img[src$=".svg"] { + background: none; + box-shadow: none; + border: none; + filter: none; + -webkit-filter: none; + } + + body #egw_fw_basecontainer #egw_fw_main img[src$="svg"], + body #egw_fw_basecontainer #egw_fw_footer img[src$="svg"] { + background: none; + border: none; + filter: none; + -webkit-filter: none; + box-shadow: none; + } + + body #egw_fw_basecontainer .egw_fw_ui_sidemenu_entry_apps > div { + margin-bottom: 5px; + } + + body #egw_fw_basecontainer #egw_fw_toggler { + z-index: 999; + height: 50px; + } + + body #egw_fw_basecontainer #egw_fw_toggler span { + top: 15px; + } + + body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler { + z-index: 999; + height: 50px; + background-color: transparent; + } + + body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span { + top: 15px; + } + + body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span, + body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span { + background-color: white; + } + + body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before, + body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before, + body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after, + body #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after { + background-color: white !important; + } + + body div.dhtmlxMenu_egw_SubLevelArea_Polygon { + font-size: medium; + top: 50px !important; + right: 0px; + left: auto !important; + background-color: white; + width: 100%; + } + + body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl { + width: 100%; + } + + body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected { + height: 46px; + } + + body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item { + width: 100%; + height: 46px !important; + } + + body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_icon { + filter: none; + -webkit-filter: none; + } + + body div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk { + width: 100%; + } + + body div.egw_message_wrapper { + bottom: 0px; + top: auto; + left: 0px; + right: 0px !important; + max-width: 100%; + border-radius: 0; + position: fixed; + } + + body div.ui-dialog { + width: 100% !important; + height: 100% !important; + left: 0 !important; + top: 0 !important; + } + + body div.ui-dialog-content { + height: 87% !important; + margin-top: 60px !important; + padding: 0 !important; + font-size: 12pt; + } + + body .ui-dialog .ui-dialog-buttonpane { + position: fixed !important; + bottom: 0 !important; + left: 0 !important; + display: block !important; + padding: 0 !important; + margin: 0 !important; + height: 50px; + box-shadow: 0px 4px 5px 2px silver; + width: 100%; + z-index: 1; + background: #0c5da5; + } + + body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { + float: right; + height: 50px; + } + + body .ui-dialog .ui-dialog-buttonpane button { + height: 35px; + -webkit-filter: brightness(0) invert(1) !important; + filter: brightness(0) invert(1) !important; + background-color: transparent !important; + background-size: 24px 24px !important; + border: none; + float: right !important; + } + + body .ui-dialog .ui-dialog-buttonpane button span { + padding-left: 20px; + } + + body .ui-dialog .ui-dialog-titlebar { + position: fixed; + color: white; + z-index: 100; + background: #0c5da5; + width: 100%; + height: 35px; + padding: 0; + padding-left: 5px; + margin: -3px; + padding-top: 15px; + border-radius: 0; + } + + body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { + display: none; + } + + body button.plus_button { + position: fixed !important; + right: 15px; + bottom: 15px; + border-radius: 50%; + width: 60px; + height: 60px; + background-position: center; + z-index: 100; + background-color: #0c5da5; + border: none; + background-image: url(../images/topmenu_items/mobile/plus_white.svg) !important; + background-repeat: no-repeat; + background-size: 24px 24px; + margin: 0; + padding: 0; + } + + body button.plus_button:hover, + body button.plus_button:active { + background-color: #0c5da5; + } + + body .et2_nextmatch .nextmatch_sortheader { + padding-right: 0px; + margin-right: 0px; + } + + body .et2_nextmatch .nextmatch_header_row, + body .et2_nextmatch .nextmatch_header { + background-color: background-color-egw-dark; + } + + body .et2_nextmatch .nextmatch_header_row div.header_row_right, + body .et2_nextmatch .nextmatch_header div.header_row_right { + position: absolute; + display: block; + top: 0; + } + + body .et2_nextmatch .nextmatch_header_row div.filtersContainer, + body .et2_nextmatch .nextmatch_header div.filtersContainer { + width: 100%; + margin-top: 37px; + } + + body .et2_nextmatch .nextmatch_header_row select, + body .et2_nextmatch .nextmatch_header select { + display: block; + width: 100%; + height: 50px; + font-size: 12pt; + background-size: 32px; + border-left: none; + border-right: none; + border-radius: 0; + border-bottom: none; + padding-left: 10px; + max-width: none; + background-color: transparent; + } + + body .et2_nextmatch .nextmatch_header_row label, + body .et2_nextmatch .nextmatch_header label { + display: block; + width: 100%; + float: left; + font-size: 12pt; + } + + body .et2_nextmatch .nextmatch_header_row label select, + body .et2_nextmatch .nextmatch_header label select { + display: inline-block; + float: right; + margin: 0; + height: 50px; + font-size: 12pt; + } + + body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat, + body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat { + height: 50px !important; + width: 100% !important; + margin: 0; + padding-left: 0px; + background: white; + } + + body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single, + body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single { + height: 100%; + border-right: none; + box-shadow: none; + background: white; + border-top: none; + border-bottom: none; + border-left-width: 10px; + border-radius: 0; + } + + body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single span, + body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single span { + height: 100%; + line-height: 46px; + color: #26537C; + font-size: 12pt; + } + + body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single div, + body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single div { + width: 40px; + } + + body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat a.chzn-single div b, + body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat a.chzn-single div b { + background: white url(../images/arrow_down.svg) no-repeat center !important; + background-size: 16px !important; + } + + body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat div.chzn-drop, + body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat div.chzn-drop { + width: 100%; + } + + body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat div.chzn-drop ul, + body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat div.chzn-drop ul { + font-size: 12pt; + } + + body .et2_nextmatch .nextmatch_header_row .chzn-container.et2_selectbox.select-cat div.chzn-drop ul li, + body .et2_nextmatch .nextmatch_header .chzn-container.et2_selectbox.select-cat div.chzn-drop ul li { + line-height: 24px; + } + + body .et2_nextmatch .nextmatch_header.nm_header_hide { + display: none !important; + } + + body .et2_nextmatch .nextmatch_header { + background-color: white; + padding: 0; + display: inline-block; + width: 100%; + border-bottom: 1px solid silver; + border-top: none; + box-shadow: 0px 1px 1px 1px silver; + z-index: 1; + position: relative; + } + + body .et2_nextmatch .nextmatch_header div.et2_box_widget { + display: block; + height: 50px; + } + + body .et2_nextmatch .nextmatch_header .et2_button { + width: 50px; + height: 50px; + } + + body .et2_nextmatch .egwGridView_outer thead tr { + visibility: hidden; + } + + body .et2_nextmatch .search.searchOn input { + border: none; + background: white; + outline: none; + position: absolute; + left: 110px; + width: 80%; + height: 50px; + } + + body .et2_nextmatch .search.searchOn button[id$="search_button"] { + background-image: none !important; + } + + body .et2_nextmatch .search.searchOn button[id$="search_button"]:after { + content: "\2613"; + font-weight: bold; + font-size: 18pt; + } + + body .et2_nextmatch .nm-mob-header { + background: #0c5da5; + margin-top: 0; + padding-left: 60px; + position: relative; + height: 50px; + z-index: 1; + border-bottom: 1px solid transparent; + } + + body .et2_nextmatch .nm-mob-header button { + height: 50px; + width: 50px; + background-repeat: no-repeat; + font-size: large; + background-color: #0c5da5; + border: none; + margin: 0; + color: white; + background-size: 18px 18px; + box-shadow: none; + outline: none; + } + + body .et2_nextmatch .nm-mob-header div.et2_searchbox { + display: inline-block; + width: 50px; + } + + body .et2_nextmatch .nm-mob-header button.nm_toggle_header { + background-image: url(../images/menu_list.svg); + background-position: center; + background-repeat: no-repeat; + width: 50px; + height: 50px; + display: block; + float: right; + -webkit-filter: brightness(0) invert(1) !important; + filter: brightness(0) invert(1) !important; + background-color: transparent !important; + background-size: 24px 24px !important; + border: none; + } + + body .et2_nextmatch .nm-mob-header button.nm_toggle_header:focus { + outline: none; + } + + body .et2_nextmatch .nm-mob-header button.nm_action_header { + background-image: url(../images/dots.svg); + background-position: center; + background-repeat: no-repeat; + border-left: 1px solid silver; + border: 0; + color: white; + width: 50px; + height: 50px; + display: block; + float: right; + -webkit-filter: brightness(0) invert(1) !important; + filter: brightness(0) invert(1) !important; + background-color: transparent !important; + background-size: 24px 24px !important; + border: none; + } + + body .et2_nextmatch .nm-mob-header button.nm_action_header:focus { + outline: none; + } + + body .et2_nextmatch .nm-mob-header button.nm_action_header.back { + background-image: url(../images/cancelled.svg); + -webkit-filter: none !important; + background-color: white !important; + } + + body .et2_nextmatch .nm-mob-header div.nm_delete_action { + background-image: url(../images/delete.svg); + -webkit-filter: brightness(0) invert(1) !important; + filter: brightness(0) invert(1) !important; + background-color: transparent !important; + background-size: 24px 24px !important; + border: none; + background-position: center; + background-repeat: no-repeat; + border-left: 1px solid silver; + border: 0; + color: black; + width: 50px; + height: 50px; + display: inline-block; + float: right; + text-align: center; + display: none; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div { + background-position: center; + background-repeat: no-repeat; + border-left: 1px solid silver; + border: 0; + color: white; + width: 50px; + height: 50px; + display: none; + float: right; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div:focus { + outline: none; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] { + top: 0 !important; + outline: none; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] .et2_dropdown button:first-child { + display: none; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] .et2_dropdown button:nth-child(2) { + background-position: center; + background-image: url(../images/topmenu_items/mobile/star.svg) !important; + background-size: 24px 24px; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] .et2_dropdown button:nth-child(2) div:first-child { + display: none; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites { + height: 250px; + width: 100%; + left: 0px !important; + box-shadow: 0px 4px 5px 2px silver; + border: 1px solid silver; + overflow-y: auto !important; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item[data-id="blank"]:before { + content: ''; + background-image: url(../images/trash.png); + background-size: 12px; + background-repeat: no-repeat; + width: 12px; + height: 12px; + display: inline-block; + margin-left: 4px; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item:not([data-id="add"]):not([data-id="blank"]):before { + content: ''; + background-image: url(../images/fav_filter.png); + background-size: 12px; + background-repeat: no-repeat; + width: 12px; + height: 12px; + display: inline-block; + margin-left: 4px; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + border-bottom: 1px solid silver; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item a { + width: 100%; + line-height: 30px; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item a input { + display: none; + } + + body .et2_nextmatch .nm-mob-header div.nm_favorites_div div[name="favorite"] ul.favorites li.ui-menu-item a div.ui-icon-trash { + display: block; + padding-right: 8px; + } + + body .et2_nextmatch .nm-mob-header button.nm_toggle_header_on { + background-image: url(../images/cancelled.svg); + -webkit-filter: none !important; + background-color: white !important; + } + + body .et2_nextmatch .nm-mob-header input[type="search"] { + width: 50px; + height: 50px; + font-size: large; + margin: 0; + border: 0; + opacity: 0; + background-color: #0c5da5; + color: black; + position: absolute; + } + + body .et2_nextmatch .nm-mob-header input[type="search"]:active { + border: none; + background: #0c5da5; + } + + body .et2_nextmatch .nm-mob-header input[type="search"]:focus { + border: none; + background: white; + outline: none; + opacity: 1; + left: 110px; + position: absolute; + width: 100%; + height: 50px; + z-index: 2; + } + + body .et2_nextmatch .nm-mob-header div.nm_appname_header { + width: 100%; + display: none; + position: absolute; + top: 0; + height: 50px; + left: 0; + right: 0; + bottom: 0; + color: white; + font-size: 14pt; + font-weight: bold; + opacity: 0.2; + text-align: center; + padding-top: 13px; + z-index: -1; + } + + body .et2_nextmatch .header_row_right { + height: 50px; + width: 100%; + padding: 0; + } + + body .et2_nextmatch .header_row_right div[id$=favorite_wrapper] { + margin: 0; + top: 0 !important; + height: 50px; + } + + body .et2_nextmatch .header_row_right * { + display: inline-block; + float: left; + } + + body .et2_nextmatch .header_row_right .et2_dropdown button { + height: 50px; + width: 50px; + } + + body .et2_nextmatch .header_count { + margin: 0; + height: 50px; + font-size: 12pt; + margin-top: -3px; + margin-right: 0px; + float: right; + border: none; + border-radius: 0; + } + + body .et2_nextmatch .header_count span { + font-size: 12pt; + } + + body .et2_nextmatch table.egwGridView_grid tr div.h2_hbox { + padding-bottom: 4px; + } + + body .et2_nextmatch table.egwGridView_grid tr img { + height: 12px; + } + + body .et2_nextmatch table.egwGridView_grid tbody tr.focused { + background-image: none; + } + + body .et2_nextmatch table.egwGridView_grid tbody tr.selected:not([class*="tile"]) { + background: #b0bfd8 !important; + } + + body .et2_nextmatch table.egwGridView_grid tbody tr.selected:not([class*="tile"]) * { + color: white !important; + } + + body .et2_nextmatch table.egwGridView_grid tbody tr.selected:not([class*="tile"]) td:last-child:before { + content: " "; + position: absolute; + background: #b0bfd8; + right: 0px; + bottom: 0px; + left: -8px; + top: 0px; + color: white; + background-image: url(../images/topmenu_items/mobile/check.svg); + background-repeat: no-repeat; + height: auto; + background-size: 20px; + background-position: center; + height: 99%; + width: 99%; + } + + body .et2_nextmatch table.egwGridView_grid tbody tr:hover { + background: transparent; + } + + body .et2_nextmatch table.egwGridView_grid tbody tr td { + padding: 10px 0px 10px 0px; + } + + body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_label, + body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_button, + body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_link, + body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_textbox, + body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_textbox_ro, + body .et2_nextmatch table.egwGridView_grid tbody tr td .et2_email, + body .et2_nextmatch table.egwGridView_grid tbody tr td img, + body .et2_nextmatch table.egwGridView_grid tbody tr td span { + padding: 8px 0px 0px 0px; + } + + body .et2_nextmatch table.egwGridView_grid tbody tr td time.et2_label, + body .et2_nextmatch table.egwGridView_grid tbody tr td span.mobile_cat_col { + padding: 0; + } + + body .et2_nextmatch table.egwGridView_grid tbody tr td div.et2_progress { + margin: 0; + } + + body .et2_nextmatch table.egwGridView_grid tbody tr.swipe { + background-color: #ffc200; + border: none; + } + + body .et2_nextmatch .egwGridView_outer { + width: 100%; + } + + body .et2_nextmatch .egwGridView_outer thead { + max-height: 1px; + display: none; + } + + body .et2_nextmatch .egwGridView_outer thead tr th { + font-size: large; + } + + body .et2_nextmatch .egwGridView_outer td img { + border: none; + } + + body .dtree img { + width: 24px !important; + height: 24px !important; + } + + body .dtree table, + body .dtree tr, + body .dtree td { + padding: 2px; + padding-left: 0; + padding-right: 0px; + } + + body .dtree .containerTableStyle { + overflow: auto; + } + + body .et2_details .et2_details_toggle:after { + width: 30px; + height: 30px; + font-size: 18pt; + text-align: center; + padding: 9px; + } + + body input { + border: none; + border-bottom: 1px solid #e6e6e6; + } + + body .et2_taglist_category span[class*="cat_"] { + height: 42px; + } + + body .et2_button_icon { + height: 32px; + } + + body .popupMainDiv { + padding-top: 60px !important; + padding-left: 8px; + padding-right: 8px; + overflow-x: auto; + /* Exceptional cases to not get the general left padding*/ + } + + body .popupMainDiv * { + font-size: 10pt; + font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; + } + + body .popupMainDiv .et2_textbox, + body .popupMainDiv .et2_date, + body .popupMainDiv .et2_dropdown, + body .popupMainDiv .et2_link, + body .popupMainDiv .et2_label, + body .popupMainDiv input, + body .popupMainDiv select, + body .popupMainDiv .et2_selectbox { + height: 46px; + padding-left: 8px; + outline: none; + } + + body .popupMainDiv input, + body .popupMainDiv select, + body .popupMainDiv .et2_selectbox { + padding: 0; + padding-left: 0; + border-left: 0; + border-top: 0; + border-right: 0; + border-radius: 0; + } + + body .popupMainDiv .et2_label .et2_selectbox { + padding-left: 8px; + } + + body .popupMainDiv ul.et2_selectbox li { + padding-top: 13px; + } + + body .popupMainDiv .et2_taglist input[type="text"] { + height: 36px; + } + + body .popupMainDiv .et2_taglist .ms-sel-item { + margin-left: 3px; + line-height: 36px; + margin-top: 0; + margin-bottom: 0; + } + + body .popupMainDiv .et2_label .et2_date_ro.et2_label { + padding-left: 0; + } + + body .popupMainDiv .et2_button_with_image { + background-color: transparent; + border: none; + box-shadow: none; + color: #1e1e1e; + } + + body .popupMainDiv .et2_date { + min-width: 100px; + padding-left: 0; + } + + body .popupMainDiv .et2_button_with_image, + body .popupMainDiv .et2_button_text { + height: 46px; + margin: 1px; + margin-left: 3px; + } + + body .popupMainDiv form { + margin-top: 50px; + } + + body .popupMainDiv .et2_details.et2_details_expanded { + background-color: transparent; + height: 100%; + } + + body .popupMainDiv .et2_details.et2_details_expanded .et2_details_title { + display: inline-block; + background-color: #F0F0F0; + width: 100%; + padding-top: 6px; + height: 32px; + } + + body .popupMainDiv .et2_details { + position: relative; + background-color: #F0F0F0; + height: 32px; + } + + body .popupMainDiv .et2_details .et2_details_toggle { + position: absolute; + right: 2px; + top: 0px; + margin: 0px; + } + + body .popupMainDiv .et2_details .et2_details_title { + padding-top: 6px; + margin-top: 0; + } + + body .popupMainDiv .et2_taglist > div { + min-height: auto; + } + + body .popupMainDiv form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input { + margin: 0 5px 0 0; + } + + body div#popupMainDiv { + padding: 0; + } + + body .dialogHeadbar button[class*="et2_button_with_image"]:not([class*="et2_toolbar_hasCaption"]) { + -webkit-filter: brightness(0) invert(1) !important; + filter: brightness(0) invert(1) !important; + background-color: transparent !important; + background-size: 24px 24px !important; + border: none; + padding-right: 15px; + } + + body .rowHeader { + font-size: 12pt; + } + + body .et2_fullWidth input[type="radio"] { + width: auto; + } + + body td.et2_fullWidth { + width: auto; + } + + body div.et2_toolbar.et2_head_toolbar { + background-color: transparent; + padding: 1px 5px 5px 10px !important; + } + + body div.et2_toolbar.et2_head_toolbar button { + width: 46px; + height: 46px; + background-size: 18px 18px; + touch-action: auto; + } + + body div.et2_toolbar.et2_head_toolbar div.ui-toolbar-menulist { + width: 100%; + left: 0px; + overflow-y: auto !important; + box-shadow: 2px 3px 13px #666666; + -moz-box-shadow: 2px 3px 13px #666666; + -webkit-box-shadow: 2px 3px 13px #666666; + -khtml-box-shadow: 2px 3px 13px #666666; + filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=135, strength=3); + -moz-user-select: none; + } + + body div.et2_toolbar.et2_head_toolbar button.et2_toolbar_hasCaption { + width: auto; + } + + body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_actionlist { + margin-left: 50px; + } + + body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_actionlist button.et2_button.ui-draggable { + border: none !important; + box-shadow: none !important; + background-position: center !important; + -webkit-filter: brightness(0) invert(1) !important; + filter: brightness(0) invert(1) !important; + background-color: transparent !important; + background-size: 24px 24px !important; + border: none; + width: 40px; + } + + body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more { + position: inherit; + } + + body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-state-hover { + background: none; + } + + body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader { + color: transparent; + height: 46px; + width: 50px; + padding: 0 !important; + background-image: url(../images/dots.svg); + background-repeat: no-repeat; + background-position: center; + outline: none; + -webkit-filter: brightness(0) invert(1) !important; + filter: brightness(0) invert(1) !important; + background-color: transparent !important; + background-size: 24px 24px !important; + border: none; + } + + body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader span { + display: none; + } + + body .et2_tabbox.vertical .et2_tabflag { + border: none; + } + + body .et2_tabbox.vertical .et2_tabflag div.et2_tabtitle { + background-color: #f0f0f0; + padding-left: 6px; + } + + body .et2_tabbox.vertical .et2_tabflag div.et2_tabtitle:before { + padding: 0; + width: 30px; + height: 30px; + text-align: center; + font-size: 18pt; + } + + body .et2_link_to div { + padding-bottom: 3px; + } + + body .et2_link_to .et2_file { + margin: 0; + padding: 0; + } + + body .et2_link_to .et2_file .et2_file_span, + body .et2_link_to .et2_file .et2_file_spanHover, + body .et2_link_to .et2_file .et2_file_upload { + height: 46px; + width: 46px; + } + + body .et2_link_to button.link { + float: right; + height: 46px; + width: 46px; + } + + body .et2_link_to.et2_toolbar div.et2_file { + width: 46px; + } + + body .et2_link_to.et2_toolbar button.et2_vfs_btn { + width: 46px; + height: 46px !important; + } + + body span.et2_file_span:hover { + background: transparent !important; + box-shadow: none !important; + border: none; + color: transparent; + } + + body .chzn-container ul.chzn-choices { + background: none; + border: none; + border-bottom: 1px solid #E6E6E6; + } + + body .chzn-container-multi .chzn-choices li.search-field .default { + color: #666; + } + + body .et2_taglist .ms-ctn { + border: none; + border-bottom: 1px solid #E6E6E6; + border-radius: 0; + margin-right: 5px; + } + + body .et2_taglist .ms-sel-ctn { + background: white; + } + + body .et2_taglist.et2_taglist_category { + min-height: 50px !important; + } + + body .et2_taglist.et2_taglist_toggle.et2_taglist_single .ms-sel-item span:first-child { + float: left; + } + + body .et2_taglist.et2_taglist_toggle.et2_taglist_single .ms-sel-item span[class*="cat_"] { + height: 3em; + } + + body .et2_taglist.ui-state-active.expanded .ms-res-ctn.dropdown-menu { + min-height: 100px; + } + + body .et2_taglist.ui-state-active.expanded .ms-res-ctn.dropdown-menu .ms-res-item { + line-height: 25px; + } + + body .et2_mobile_view { + display: block; + } + + body .et2_mobile_view .et2_mobile-view-container { + padding: 0 14px 0 7px; + /*Disable et2_link_to as it does not make sense in view mode*/ + } + + body .et2_mobile_view .et2_mobile-view-container div.et2_link_to { + display: none; + } + + body .et2_mobile_view table.et2_grid tr td { + padding: 10px 5px 10px 0; + } + + body .et2_mobile_view div.et2_hbox.avatar { + width: 100px; + display: block; + height: 100px; + margin: auto; + } + + body .et2_mobile_view div.et2_hbox.avatar img { + width: 100px; + height: auto; + } + + body .et2_mobile_view .et2_tabbox { + padding-left: 8px; + } + + body .mobile-view-editBtn { + position: fixed; + top: 2px; + left: 70px; + width: 50px; + height: 50px; + float: left; + z-index: 104; + font-size: 18pt !important; + color: white; + background-image: url(../images/edit.svg); + background-repeat: no-repeat; + -webkit-filter: brightness(0) invert(1) !important; + filter: brightness(0) invert(1) !important; + background-color: transparent !important; + background-size: 24px 24px !important; + border: none; + background-position: center; + display: block; + } + + body .mobile-view-editBtn:before { + content: ""; + font-size: 24pt; + color: white; + padding-left: 5px; + font-weight: bold; + } + + body .et2_searchbox button.et2_button.searched { + background-image: url(../images/search.svg); + } + + body .et2_searchbox button.et2_button { + background-image: url(../images/search.svg) !important; + -webkit-filter: brightness(0) invert(1) !important; + filter: brightness(0) invert(1) !important; + background-color: transparent !important; + background-size: 24px 24px !important; + border: none; + } + + body .et2_searchbox input { + font-size: 10pt; + } + + body .et2_searchbox.expanded { + position: absolute; + width: auto !important; + height: 50px; + left: 65px; + right: 70px; + margin-left: 0; + margin-right: 50px; + } + + body .et2_searchbox.expanded button.et2_button { + background: none; + } + + body .et2_searchbox.expanded input { + width: 100%; + height: 42px; + margin: 0; + top: 0; + outline: none; + z-index: 100; + border-radius: 0; + } + + body .et2_searchbox.expanded span.ui-icon.clear { + top: 0px; + left: -50px; + background-color: white; + height: 50px; + width: 50px; + background-image: url("../images/cancelled.svg"); + background-position: center; + background-repeat: no-repeat; + background-size: 24px 24px; + display: inline-block !important; + } + + body .et2_searchbox.expanded .flex { + width: 100%; + position: absolute; + border: 0; + } + + body .et2_searchbox.expanded .flex input { + border: 0; + } + + body img.et2_button_icon[src*="svg"] { + background: none; + box-shadow: none; + border: none; + } + + body img[src*="svg"] { + background: none !important; + border: none; + box-shado: none; + } + + body input[type="checkbox"] { + width: 32px !important; + height: 32px !important; + } + + body input[type="checkbox"]:before { + content: ""; + width: 32px; + height: 32px; + background-image: url(../images/topmenu_items/mobile/checkbox.svg) !important; + display: inline-block; + background-repeat: no-repeat; + background-size: 31px; + margin-left: -5px; + } + + body input[type="checkbox"]:checked { + background-image: url(../images/topmenu_items/mobile/checkbox.svg) !important; + width: 32px !important; + height: 32px !important; + } + + body .et2_label.et2_checkbox_label { + line-height: 32px; + vertical-align: middle; + position: relative; + padding-left: 40px !important; + } + + body .et2_label.et2_checkbox_label input[type="checkbox"] { + position: absolute; + left: 0; + } + + body .dialogHeadbar .et2_label.et2_checkbox_label { + vertical-align: top; + margin-top: 10px; + color: white; + } + + body span.et2_checkbox_slideSwitch { + height: 50px; + border: none; + padding-right: 10px; + vertical-align: bottom; + } + + body span.et2_checkbox_slideSwitch:hover { + border: none; + box-shadow: none; + } + + body span.et2_checkbox_slideSwitch input { + height: 100% !important; + } + + body span.et2_checkbox_slideSwitch span.et2_label { + margin-left: 40px; + display: inline-block; + height: 50px; + margin-top: 15px; + } + + body span.et2_checkbox_slideSwitch span.slideSwitch_container { + width: 50px !important; + border-radius: 15px; + margin-top: 15px; + box-shadow: inset 0 2px 2px #474747, 0 0px 0 rgba(255, 255, 255, 0.2); + } + + body span.et2_checkbox_slideSwitch span.slideSwitch_container span { + color: #696969 !important; + } + + body span.et2_checkbox_slideSwitch span.slideSwitch_container a { + background-color: #E0E0E0; + border-radius: 50%; + box-shadow: 0 2px 2px #474747, 0 0px 0 rgba(255, 255, 255, 0.2); + z-index: 2; + } + + body .et2_toolbar_more span.et2_checkbox_slideSwitch > span.slideSwitch_container { + float: right; + } + + body .et2_checkbox_slideSwitch.notification_check .on { + background-image: url(../images/topmenu_items/mobile/notify_off.svg); + height: 16px; + background-size: 16px; + background-repeat: no-repeat; + background-position: center; + } + + body .et2_checkbox_slideSwitch.notification_check .on:before { + content: " "; + width: 1px; + transform: rotateZ(45deg); + background: #bcbcbc; + height: 20px; + display: inline-block; + margin-top: -2px; + } + + body .et2_checkbox_slideSwitch.notification_check .off { + background-image: url(../images/topmenu_items/mobile/notify_on.svg); + height: 16px; + background-size: 16px; + background-repeat: no-repeat; + background-position: center; + } + + body .et2_checkbox_slideSwitch.notification_check input { + width: 100% !important; + height: 100% !important; + } + + body .entry_id { + position: absolute; + right: 10px; + top: 15px; + } + + body .entry_id::before { + content: "#"; + color: white; + font-size: 12pt; + font-weight: bold; + } + + body .entry_id span { + color: white; + font-size: 12pt; + font-weight: bold; + } + + body select#rc_status_select { + width: 100%; + height: 40px; + box-shadow: none; + padding-right: 0; + padding-left: 28px; + background-size: auto; + border-left: 0; + border-right: 0; + border-radius: 0; + } }