From f79f1da31edce82bf83e99108f5b774e91cfecc0 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Tue, 2 Mar 2021 14:51:01 +0100 Subject: [PATCH] Some Ui styling improvements --- api/templates/default/etemplate2.css | 22 +- pixelegg/css/mobile.css | 957 ++++++++++++++++------- pixelegg/css/mobile.less | 180 +---- pixelegg/css/monochrome.css | 212 ++--- pixelegg/css/pixelegg.css | 219 +++--- pixelegg/less/app_colors.less | 11 +- pixelegg/less/etemplate2.less | 7 + pixelegg/less/layout_raster_header.less | 4 +- pixelegg/less/layout_raster_sidebar.less | 447 ++++++----- pixelegg/less/layout_table.less | 4 +- pixelegg/mobile/fw_mobile.css | 803 ++++++++++++------- pixelegg/mobile/fw_mobile.less | 21 +- 12 files changed, 1767 insertions(+), 1120 deletions(-) diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css index 56fa935fde..497601e35b 100644 --- a/api/templates/default/etemplate2.css +++ b/api/templates/default/etemplate2.css @@ -66,6 +66,9 @@ div.et2_hbox > * { margin-right: 5px; display: inline-block; } +div.et2_hbox > select { + white-space: pre; +} div.et2_hbox > *:empty { margin-right: 0; } @@ -521,8 +524,19 @@ span.et2_date span { text-align: center; font-size: 9pt; } -span.et2_date_duration input.et2_date_duration{ - width: 25%; +span.et2_date_duration { + border: 1px solid gray; + border-radius: 3px; + display: inline-block; +} +span.et2_date_duration .et2_date_duration { + width: 3em; + text-align: right; + border: none; + outline: none; +} +span.et2_date_duration :not(input:first-child) { + border-left: 1px solid #e0e0e0a8; } span.et2_date_duration span { vertical-align: -webkit-baseline-middle; @@ -2722,7 +2736,7 @@ span.et2_url_span input.et2_fullWidth { float: left; } .et2_fullWidth select.et2_date_duration { - width: 70%; + width: 75%; float: right; } @@ -3292,4 +3306,4 @@ tr.disableIfNoEPL { } span.et2_countdown_seconds { margin-right: 0px; -} \ No newline at end of file +} diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index c55650669d..b958d0887d 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -9,6 +9,17 @@ * @package pixelegg * @version $Id$ */ +/** + * EGroupware: pixelegg standard theme + * + * Please do NOT change css-files directly, instead change less-files and compile them! + * + * @link http://www.egroupware.org + * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License + * @author Hadi Nategh + * @package pixelegg + * @version $Id$ + */ /** * EGroupware: Stylite Pixelegg template * @@ -216,11 +227,18 @@ 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 { @@ -1504,6 +1522,7 @@ div#ui-datepicker-div { } .ui-datepicker div.ui-timepicker-div dt.ui_tpicker_time_label { font-size: 0.9em; + margin-top: 6px; } .ui-datepicker div.ui-timepicker-div dd.ui_tpicker_time { padding-left: 75px; @@ -1520,9 +1539,13 @@ div#ui-datepicker-div { } .ui-datepicker div.ui-timepicker-div div.ui_tpicker_hour_slider span.ui-slider-handle { 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; } .ui-datepicker div.ui-datepicker-buttonpane { background-color: #679FD2; @@ -2587,13 +2610,13 @@ button[id="add"] { /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single div b { - background: url("../images/arrow_down.svg"); - background-size: 8px auto; + 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: url("../images/arrow_up.svg"); + background-image: url("../images/arrow_up.svg") !important; background-size: 8px auto; background-position: center; background-repeat: no-repeat; @@ -4016,7 +4039,7 @@ td.message span.message { display: none; right: 5px; width: 241px; - z-index: 1000; + z-index: 1001; top: 46px; background: white; box-shadow: 2px 3px 13px #666666; @@ -4465,19 +4488,19 @@ td.message span.message { padding: 3px 0 1px 3px; cursor: pointer; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { display: block; margin: 0 0; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:hover { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header:hover { background-color: rgba(153, 204, 255, 0.4); } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:active { +#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); } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header h1 { +#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; @@ -4486,12 +4509,12 @@ td.message span.message { font-size: 12px; line-height: 17px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header object { background-color: #FFFFFF; width: 24px; height: 24px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active { +#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; @@ -4501,12 +4524,12 @@ td.message span.message { border-bottom: none; height: 33px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active img { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { padding-left: 9px; padding-top: 7px; height: 18px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1 { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 { text-transform: uppercase; font-size: 1.4em; color: #000000; @@ -4518,19 +4541,19 @@ td.message span.message { white-space: nowrap; padding-left: 10px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1:hover { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1:hover { padding-left: 35px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover { +#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; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover img { display: none !important; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus { +#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%; @@ -4539,7 +4562,7 @@ td.message span.message { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); background-color: #bfbfbf; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active object { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active object { margin-left: 14px; margin-top: 8px; -webkit-border-radius: 3px; @@ -4548,92 +4571,13 @@ td.message span.message { width: 16px; height: 16px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { margin-top: -26px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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; - /*######################*/ -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) { - background-color: #ffffff; - border-color: #B4B4B4; - border-right: 0px; - margin-bottom: 10px; - border-top-color: white; - padding-top: 0px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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;*/ -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 { - margin: 5px 0px 3px 5px; - padding: 0px 0px 0px 24px; - line-height: 1em; - font-size: 12px; - 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_scrollarea_outerdiv .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; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { - background-color: #999999; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active { - border-bottom-width: 0px; - margin-top: 4px; - background-color: #0C5DA5; - color: #f2f2f2; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { - 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_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a { - color: #FFF; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img { - width: 16px; - height: 16px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 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; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content_bottom { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom { border-width: 0px 1px 1px 1px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon { display: inline-block; height: 24px; padding-left: 0; @@ -4651,6 +4595,85 @@ td.message span.message { 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; + /*######################*/ +} +#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: 10px; + 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;*/ +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 { + margin: 5px 0px 3px 5px; + padding: 0px 0px 0px 24px; + line-height: 1em; + font-size: 12px; + 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 div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon { + display: block; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { + 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; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { + 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 { + color: #FFF; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img { + width: 16px; + height: 16px; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 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; +} +#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; +} #egw_fw_sidebar #egw_fw_splitter { position: absolute; width: 8px; @@ -5773,7 +5796,7 @@ table.egwGridView_grid tbody tr.th:hover { } table.egwGridView_grid tbody tr.selected { background-image: none; - background-color: rgba(102, 153, 204, 0.7); + background-color: rgba(102, 153, 204, 0.7) !important; } table.egwGridView_grid tbody td { border-bottom: 1px solid #E6E6E6; @@ -6395,6 +6418,544 @@ span.egw_tutorial_title { /*@import "../less/layout_nextmatch.less";*/ /*@import "../less/layout_footer.less";*/ /*@import "../less/layout_dialog.less";*/ +/** + * + * Mobile FW - Applications colors + * + * Please do NOT change *.css directly, instead change *.less and compile it! + * + * @link http://www.egroupware.org + * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License + * @author Hadi Nategh + * @package Mobile Framework + * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ + */ +div[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +form[id^="addressbook-"] .nm_favorites_div .et2_dropdown button:nth-child(2), +div[id^="addressbook-"] .plus_button, +form[id^="addressbook-"] .plus_button, +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; +} +#addressbook_sidebox_header { + 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; +} +#admin_sidebox_header { + 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, +form[id^="bookmarks-"] .plus_button, +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; +} +#bookmarks_sidebox_header { + 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, +form[id^="calendar-"] .plus_button, +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; +} +#calendar_sidebox_header { + 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, +form[id^="filemanager-"] .plus_button, +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; +} +#filemanager_sidebox_header { + 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, +form[id^="infolog-"] .plus_button, +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; +} +#infolog_sidebox_header { + 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; +} +#mail_sidebox_header { + 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, +form[id^="projectmanager-"] .plus_button, +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; +} +#projectmanager_sidebox_header { + 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, +form[id^="resources-"] .plus_button, +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; +} +#resources_sidebox_header { + 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, +form[id^="timesheet-"] .plus_button, +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; +} +#timesheet_sidebox_header { + 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, +form[id^="tracker-"] .plus_button, +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; +} +#tracker_sidebox_header { + 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, +form[id^="wiki-"] .plus_button, +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; +} +#wiki_sidebox_header { + 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, +form[id^="ranking-"] .plus_button, +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; +} +#ranking_sidebox_header { + border-left: 6px solid #404040 !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 */ +} +#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; +} +#egw_fw_firstload { + position: absolute; + top: 0; + left: 0; + bottom: 0; + background: white; + height: 100%; + width: 100%; +} +#egw_fw_firstload:before { + content: ""; + display: inline-block; + position: absolute; + width: 100%; + height: 100%; + background-image: url(../../pixelegg/images/loading.svg); + background-position: center; + background-repeat: no-repeat; + -webkit-animation: fw-firstload 2s infinite; + animation: fw-firstload 2s infinite; + -moz-animation: fw-firstload 2s infinite; +} +#egw_fw_sidebar #egw_fw_sidemenu #addressbook_sidebox_content .egw_fw_ui_category_active { + background-color: #003366 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #infolog_sidebox_content .egw_fw_ui_category_active { + background-color: #660033 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #mail_sidebox_content .egw_fw_ui_category_active { + background-color: #006699 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #calendar_sidebox_content .egw_fw_ui_category_active { + background-color: #CC0033 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #tracker_sidebox_content .egw_fw_ui_category_active { + background-color: #009966 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #timesheet_sidebox_content .egw_fw_ui_category_active { + background-color: #330066 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #admin_sidebox_content .egw_fw_ui_category_active { + background-color: #333333 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #resources_sidebox_content .egw_fw_ui_category_active { + background-color: #003333 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #filemanager_sidebox_content .egw_fw_ui_category_active { + background-color: #ff9933 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #bookmarks_sidebox_content .egw_fw_ui_category_active { + background-color: #CC6633 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #projectmanager_sidebox_content .egw_fw_ui_category_active { + background-color: #669999 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #ranking_sidebox_content .egw_fw_ui_category_active { + background-color: #404040 !important; +} +#addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #003366 !important; + border-left: 0px !important; +} +#addressbook_sidebox_header { + 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; +} +#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; +} +#admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #333333 !important; + border-left: 0px !important; +} +#admin_sidebox_header { + 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; +} +#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; +} +#bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #CC6633 !important; + border-left: 0px !important; +} +#bookmarks_sidebox_header { + 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; +} +#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; +} +#calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #CC0033 !important; + border-left: 0px !important; +} +#calendar_sidebox_header { + 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; +} +#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; +} +#filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #ff9933 !important; + border-left: 0px !important; +} +#filemanager_sidebox_header { + 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; +} +#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; +} +#infolog_sidebox_header { + 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; +} +#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; +} +#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; +} +#mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #006699 !important; + border-left: 0px !important; +} +#mail_sidebox_header { + 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; +} +#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; +} +#projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #669999 !important; + border-left: 0px !important; +} +#projectmanager_sidebox_header { + 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; +} +#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; +} +#resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #003333 !important; + border-left: 0px !important; +} +#resources_sidebox_header { + 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; +} +#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; +} +#timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #330066 !important; + border-left: 0px !important; +} +#timesheet_sidebox_header { + 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; +} +#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; +} +#tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #009966 !important; + border-left: 0px !important; +} +#tracker_sidebox_header { + 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; +} +#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; +} +#wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #797979 !important; + border-left: 0px !important; +} +#wiki_sidebox_header { + 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; +} +#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; +} +#ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #404040 !important; + border-left: 0px !important; +} +#ranking_sidebox_header { + 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; +} +#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; +} +#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; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header { + border-left: 4px solid #797979; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon { + 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; +} +#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; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats { + 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); +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search { + 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); +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home { + 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); +} +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; +} +div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow { + background-image: url('../images/dhxmenu_subar.svg'); +} +.egwGridView_scrollarea tr.row_category > td:first-child, +.select-cat li { + border-left: 4px solid transparent; +} +.egwGridView_scrollarea tr { + touch-action: initial; +} +.et2_taglist_category span[class*="cat_"]:not([class*="cat_level"]) { + 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; +} +img.et2_button_icon[src*="svg"], +img.et2_button_icon[src*="svg"]:hover { + background-color: transparent; + background-image: none; +} +/* set default placeholder color*/ +::placeholder { + color: #666666; + opacity: 1; +} +:-ms-input-placeholder { + color: #666666; +} +::-ms-input-placeholder { + color: #666666; +} @keyframes fw-firstload { 0%, 20%, @@ -6521,6 +7082,9 @@ span.egw_tutorial_title { 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; } @@ -6587,7 +7151,19 @@ span.egw_tutorial_title { 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; @@ -6620,8 +7196,7 @@ span.egw_tutorial_title { background-size: 24px 24px; display: inline-block; } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_home, - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_logout { + 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 { @@ -6795,19 +7370,13 @@ span.egw_tutorial_title { background-color: #B4B4B4; } body #egw_fw_sidebar.avatarSubmenu { - top: 280px; + top: 325px; + } + body #egw_fw_sidebar #egw_fw_sidemenu::-webkit-scrollbar { + width: 1px; } body #egw_fw_sidebar #egw_fw_sidemenu { - position: absolute; - top: 0px; - 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_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header { margin: 0px 5px 0px 2px; @@ -6833,7 +7402,7 @@ span.egw_tutorial_title { 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 { - margin: 0 0 10px 0; + margin: 6px 0 10px 0; padding-top: 0.31em; padding-left: 3em; color: #999999; @@ -6869,13 +7438,18 @@ span.egw_tutorial_title { font-size: 12px; color: #000000; padding-top: 4px; - padding-left: 32px; + padding-left: 25px !important; } 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); @@ -6904,164 +7478,9 @@ span.egw_tutorial_title { 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 { - display: block; - background-image: none; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ - border-color: #B4B4B4; - border-style: solid; - border-width: 0px; - margin: 0 0 2em 0; - background-color: white; - /*######################*/ - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) { - border-bottom: 1px solid #B4B4B4; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content > div { - background: none !important; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category:nth-last-of-type(-n+3) { - border-bottom: 1px solid #B4B4B4; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category { - margin: 4px 5px 5px 5px; - padding: 0.5em 1em 0.5em 0; - cursor: pointer; - border-color: #B4B4B4; - background-color: #E6E6E6; - -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);*/ - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 { - margin: 5px 0px 3px 5px; - padding: 0px 0px 0px 15px; - line-height: 1em; - font-size: 12px; - background-image: url(../images/arrow_left.png); - background-repeat: no-repeat; - background-position: left center; - } - body #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; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category_content { - border-radius: 0; - font-size: 12px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category_content .sidebox-favorites ul.favorites li.ui-menu-item { - min-height: 18px; - padding-top: 9px; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 100%; - overflow-x: hidden; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category_content .sidebox-favorites ul.favorites li.ui-menu-item a div.sideboxstar { - padding-right: 13px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category_content .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { - padding-right: 10px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category_content .sidebox-favorites ul.favorites li.ui-menu-item a img { - padding-right: 5px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { - background-color: #999999; - padding: 0.5em 1em 0.5em 0; - } - body #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; - -webkit-border-top-right-radius: 3px !important; - -webkit-border-bottom-right-radius: 3px !important; - -webkit-border-bottom-left-radius: 3px !important; - -webkit-border-top-left-radius: 3px !important; - -moz-border-radius-topright: 3px !important; - -moz-border-radius-bottomright: 3px !important; - -moz-border-radius-bottomleft: 3px !important; - -moz-border-radius-topleft: 3px !important; - border-top-right-radius: 3px !important; - border-bottom-right-radius: 3px !important; - border-bottom-left-radius: 3px !important; - border-top-left-radius: 3px !important; - /*.background-clip(padding-box);*/ - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { - background-image: url(../images/arrow_down.png); - line-height: 1em; - font-size: 12px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a { - color: #FFF; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img { - width: 16px; - height: 16px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 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; - } - body #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; - } body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom { border-width: 0px 1px 1px 1px; } - body #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 */ - } body .sidebar-toggle #egw_fw_top_toolbar div#egw_fw_menu { background-image: url(../images/topmenu_items/mobile/menu.png); } diff --git a/pixelegg/css/mobile.less b/pixelegg/css/mobile.less index 96ee7868ab..c259cb91d9 100644 --- a/pixelegg/css/mobile.less +++ b/pixelegg/css/mobile.less @@ -10,7 +10,7 @@ * @version $Id$ */ -@import "monochrome.less"; +@import "pixelegg.less"; @import (reference) "../less/def_mobile.less"; @keyframes fw-firstload { @@ -157,6 +157,9 @@ background-position: center; } } + #egw_fw_topmenu_info_items { + #topmenu_info_search {display: none;} + } #egwpopup_fw_notifications { } @@ -229,8 +232,19 @@ width: 100%; display: block; padding-top:50px; + 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; + } ul{ - + border-left: 6px solid silver; display:inline-block; padding:0; margin:0; @@ -262,7 +276,7 @@ display: inline-block; } } - a#topmenu_home, a#topmenu_logout {display: none;} + a#topmenu_home {display: none;} a#topmenu_home { background-image: url(../images/topmenu_items/mobile/home.svg); display: none; @@ -440,20 +454,12 @@ //# SIDEBAR # //# # //################### - #egw_fw_sidebar.avatarSubmenu {top:280px;} + #egw_fw_sidebar.avatarSubmenu {top:325px;} #egw_fw_sidebar{ + #egw_fw_sidemenu::-webkit-scrollbar {width: 1px;} //SIDE AREA #egw_fw_sidemenu { - position: absolute; - top: 0px; - bottom: 4px; - left: 0; - right: 0; overflow-y: auto; - -webkit-overflow-scrolling:touch; - z-index: 0; - font-size: 0.9em; - background-color:white; .egw_fw_ui_sidemenu_entry_apps { .egw_fw_ui_sidemenu_entry_header { @@ -476,7 +482,7 @@ &:active {.box_shadow_standard_light_inset;} h1 { - margin: 0 0 10px 0; + margin: 6px 0 10px 0; padding-top: 0.31em; padding-left: 3em; .color_40_gray; @@ -505,9 +511,22 @@ img {padding-left: 9px; padding-top: 6px; height: 18px;} - h1 {text-transform: uppercase; font-size: 12px; .color_100_gray; padding-top: 4px;padding-left:32px;} + h1 { + text-transform: uppercase; + font-size: 12px; + .color_100_gray; + padding-top: 4px; + padding-left:25px !important; - &:hover {.box_shadow_standard_light_hover; border-radius: 0;} + } + + &:hover { + h1 {padding-left:70px !important}; + .box_shadow_standard_light_hover; + border-radius: 0; + background-size: 22px; + background-position: 20px 6px; + } &:active {.box_shadow_standard_light_active; border-radius: 0;} &:focus { @@ -531,145 +550,16 @@ } .egw_fw_ui_sidemenu_entry_content { - display: block; - background-image: none; - .border_radius (0, 0, 0px, 0); - border-color: @gray_30; - border-style: solid; - border-width: 0px; - margin: 0 0 2em 0; - background-color:white; - // rounded Corner on bottom - &:nth-last-of-type(-n+3) { - border-bottom: 1px solid @gray_30; - } - - & > div {background: none !important;} - - //################################################### - // has round corners - div.egw_fw_ui_category:nth-last-of-type(-n+3) { - border-bottom: 1px solid @gray_30; - } - - //################################################### - // Normal - .egw_fw_ui_category { - margin: 4px 5px 5px 5px; - padding: 0.5em 1em 0.5em 0; - cursor: pointer; - // border-top: 7px solid; - border-color: @gray_30; - background-color: @gray_10; - - .border_radius(3px,3px,3px,3px); - - h1 { - margin: 5px 0px 3px 5px; - padding: 0px 0px 0px 15px; - line-height: 1em; - .fontsize_l; - background-image:url(../images/arrow_left.png); - background-repeat:no-repeat; - background-position:left center; - } - - div.egw_fw_ui_category:nth-last-of-type(-n+3) { - img.egw_fw_ui_sidemenu_listitem_icon { - display: block; - } - } - } div.egw_fw_ui_category_content { - border-radius: 0; - font-size: 12px; - .sidebox-favorites { - ul.favorites { - li.ui-menu-item { - min-height: 18px; - padding-top:9px; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 100%; - overflow-x: hidden; - a{ - div.sideboxstar{padding-right: 13px;} - div.ui-icon-heart{padding-right:10px;} - img{padding-right:5px;} - } - } - } - } - } - //################################# - // Hover - // on Mouse over change color - .egw_fw_ui_category:hover { - .background_color_40_gray; - padding: 0.5em 1em 0.5em 0; - } - - - /*######################*/ - // Active State - // change Background color in Blue - // See all Elements - .egw_fw_ui_category_active { - border-bottom-width: 0px; - margin-top: 4px; - - background-color: @egw_color_2_a; - - .color_5_gray; - .border_radius(3px,3px,3px,3px) !important; - - h1 { - background-image:url(../images/arrow_down.png); - line-height: 1em; - font-size: 12px; - - a { - color: #FFF; - - - img {.dimension_width_height_s;} - - &:hover { - padding: 5px 30px 5px 0px; - width: 200px; - .background_color_10_gray; - .color_50_gray; - .Complete_Button_hover; - } - } - - } - - &:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);} } } .egw_fw_ui_sidemenu_entry_content_bottom { border-width: 0px 1px 1px 1px; } - .egw_fw_ui_sidemenu_entry_header_bottom { - - } - - .egw_fw_ui_sidemenu_entry_icon { - display: inline-block; - .dimension_height_m; - - padding-left: 0; - padding-right: 0px; - float: left; - - /*filter grey*/ - .img_filter_gray; - } } // SIDEMENU End }//End of Sidebar //ToggleClass diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css index cf2ad311e7..950794a3a6 100644 --- a/pixelegg/css/monochrome.css +++ b/pixelegg/css/monochrome.css @@ -205,11 +205,18 @@ 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 { @@ -1493,6 +1500,7 @@ div#ui-datepicker-div { } .ui-datepicker div.ui-timepicker-div dt.ui_tpicker_time_label { font-size: 0.9em; + margin-top: 6px; } .ui-datepicker div.ui-timepicker-div dd.ui_tpicker_time { padding-left: 75px; @@ -1509,9 +1517,13 @@ div#ui-datepicker-div { } .ui-datepicker div.ui-timepicker-div div.ui_tpicker_hour_slider span.ui-slider-handle { 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; } .ui-datepicker div.ui-datepicker-buttonpane { background-color: #679FD2; @@ -2576,13 +2588,13 @@ button[id="add"] { /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single div b { - background: url("../images/arrow_down.svg"); - background-size: 8px auto; + 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: url("../images/arrow_up.svg"); + background-image: url("../images/arrow_up.svg") !important; background-size: 8px auto; background-position: center; background-repeat: no-repeat; @@ -4005,7 +4017,7 @@ td.message span.message { display: none; right: 5px; width: 241px; - z-index: 1000; + z-index: 1001; top: 46px; background: white; box-shadow: 2px 3px 13px #666666; @@ -4454,19 +4466,19 @@ td.message span.message { padding: 3px 0 1px 3px; cursor: pointer; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { display: block; margin: 0 0; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:hover { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header:hover { background-color: rgba(153, 204, 255, 0.4); } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:active { +#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); } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header h1 { +#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; @@ -4475,12 +4487,12 @@ td.message span.message { font-size: 12px; line-height: 17px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header object { background-color: #FFFFFF; width: 24px; height: 24px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active { +#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; @@ -4490,12 +4502,12 @@ td.message span.message { border-bottom: none; height: 33px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active img { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { padding-left: 9px; padding-top: 7px; height: 18px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1 { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 { text-transform: uppercase; font-size: 1.4em; color: #000000; @@ -4507,19 +4519,19 @@ td.message span.message { white-space: nowrap; padding-left: 10px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1:hover { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1:hover { padding-left: 35px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover { +#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; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover img { display: none !important; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus { +#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%; @@ -4528,7 +4540,7 @@ td.message span.message { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); background-color: #bfbfbf; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active object { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active object { margin-left: 14px; margin-top: 8px; -webkit-border-radius: 3px; @@ -4537,92 +4549,13 @@ td.message span.message { width: 16px; height: 16px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { margin-top: -26px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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; - /*######################*/ -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) { - background-color: #ffffff; - border-color: #B4B4B4; - border-right: 0px; - margin-bottom: 10px; - border-top-color: white; - padding-top: 0px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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;*/ -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 { - margin: 5px 0px 3px 5px; - padding: 0px 0px 0px 24px; - line-height: 1em; - font-size: 12px; - 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_scrollarea_outerdiv .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; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { - background-color: #999999; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active { - border-bottom-width: 0px; - margin-top: 4px; - background-color: #0C5DA5; - color: #f2f2f2; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { - 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_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a { - color: #FFF; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img { - width: 16px; - height: 16px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 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; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content_bottom { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom { border-width: 0px 1px 1px 1px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon { display: inline-block; height: 24px; padding-left: 0; @@ -4640,6 +4573,85 @@ td.message span.message { 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; + /*######################*/ +} +#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: 10px; + 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;*/ +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 { + margin: 5px 0px 3px 5px; + padding: 0px 0px 0px 24px; + line-height: 1em; + font-size: 12px; + 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 div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon { + display: block; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { + 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; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { + 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 { + color: #FFF; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img { + width: 16px; + height: 16px; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 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; +} +#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; +} #egw_fw_sidebar #egw_fw_splitter { position: absolute; width: 8px; @@ -5762,7 +5774,7 @@ table.egwGridView_grid tbody tr.th:hover { } table.egwGridView_grid tbody tr.selected { background-image: none; - background-color: rgba(102, 153, 204, 0.7); + background-color: rgba(102, 153, 204, 0.7) !important; } table.egwGridView_grid tbody td { border-bottom: 1px solid #E6E6E6; diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 3ea28342b9..ca60360aca 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -216,6 +216,12 @@ 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; @@ -2593,13 +2599,13 @@ button[id="add"] { /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single div b { - background: url("../images/arrow_down.svg"); - background-size: 8px auto; + 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: url("../images/arrow_up.svg"); + background-image: url("../images/arrow_up.svg") !important; background-size: 8px auto; background-position: center; background-repeat: no-repeat; @@ -4022,7 +4028,7 @@ td.message span.message { display: none; right: 5px; width: 241px; - z-index: 1000; + z-index: 1001; top: 46px; background: white; box-shadow: 2px 3px 13px #666666; @@ -4471,19 +4477,19 @@ td.message span.message { padding: 3px 0 1px 3px; cursor: pointer; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { display: block; margin: 0 0; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:hover { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header:hover { background-color: rgba(153, 204, 255, 0.4); } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:active { +#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); } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header h1 { +#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; @@ -4492,12 +4498,12 @@ td.message span.message { font-size: 12px; line-height: 17px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header object { background-color: #FFFFFF; width: 24px; height: 24px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active { +#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; @@ -4507,12 +4513,12 @@ td.message span.message { border-bottom: none; height: 33px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active img { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { padding-left: 9px; padding-top: 7px; height: 18px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1 { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 { text-transform: uppercase; font-size: 1.4em; color: #000000; @@ -4524,19 +4530,19 @@ td.message span.message { white-space: nowrap; padding-left: 10px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1:hover { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1:hover { padding-left: 35px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover { +#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; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover img { display: none !important; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus { +#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%; @@ -4545,7 +4551,7 @@ td.message span.message { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); background-color: #bfbfbf; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active object { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active object { margin-left: 14px; margin-top: 8px; -webkit-border-radius: 3px; @@ -4554,92 +4560,13 @@ td.message span.message { width: 16px; height: 16px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { margin-top: -26px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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; - /*######################*/ -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) { - background-color: #ffffff; - border-color: #B4B4B4; - border-right: 0px; - margin-bottom: 10px; - border-top-color: white; - padding-top: 0px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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;*/ -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 { - margin: 5px 0px 3px 5px; - padding: 0px 0px 0px 24px; - line-height: 1em; - font-size: 12px; - 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_scrollarea_outerdiv .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; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { - background-color: #999999; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active { - border-bottom-width: 0px; - margin-top: 4px; - background-color: #0C5DA5; - color: #f2f2f2; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { - 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_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a { - color: #FFF; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img { - width: 16px; - height: 16px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 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; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content_bottom { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom { border-width: 0px 1px 1px 1px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon { display: inline-block; height: 24px; padding-left: 0; @@ -4657,6 +4584,85 @@ td.message span.message { 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; + /*######################*/ +} +#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: 10px; + 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;*/ +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 { + margin: 5px 0px 3px 5px; + padding: 0px 0px 0px 24px; + line-height: 1em; + font-size: 12px; + 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 div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon { + display: block; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { + 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; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { + 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 { + color: #FFF; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img { + width: 16px; + height: 16px; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 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; +} +#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; +} #egw_fw_sidebar #egw_fw_splitter { position: absolute; width: 8px; @@ -5779,7 +5785,7 @@ table.egwGridView_grid tbody tr.th:hover { } table.egwGridView_grid tbody tr.selected { background-image: none; - background-color: rgba(102, 153, 204, 0.7); + background-color: rgba(102, 153, 204, 0.7) !important; } table.egwGridView_grid tbody td { border-bottom: 1px solid #E6E6E6; @@ -6578,6 +6584,19 @@ form[id^="ranking-"] .dialogHeadbar { #ranking_sidebox_header { border-left: 6px solid #404040 !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 */ +} #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; diff --git a/pixelegg/less/app_colors.less b/pixelegg/less/app_colors.less index 757ba1c56f..f3e1551995 100644 --- a/pixelegg/less/app_colors.less +++ b/pixelegg/less/app_colors.less @@ -11,6 +11,7 @@ * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ */ +@import (reference) "./def_gradient.less"; // Color code for applications @addressbook-color: #003366; @@ -93,4 +94,12 @@ div[id^="wiki-"],form[id^="wiki-"] { div[id^="ranking-"],form[id^="ranking-"] { .nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @ranking-color;} } -#ranking_sidebox_header {border-left:6px solid @ranking-color !important;} \ No newline at end of file +#ranking_sidebox_header {border-left:6px solid @ranking-color !important;} + +// remove gray filter from et2_appicon +img.et2_appicon, +.et2_appicon img, +table.egwGridView_grid img.et2_appicon +{ + .img_filter_none; +} diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less index 5c08829f4a..e09e8964eb 100755 --- a/pixelegg/less/etemplate2.less +++ b/pixelegg/less/etemplate2.less @@ -13,6 +13,7 @@ @media all { + /** * Top level */ @@ -168,6 +169,12 @@ span.et2_date input.et2_date { span.et2_date span { color: @gray_0; } +span.et2_date_duration { + border: 1px solid @gray_10; +} +span.et2_date_duration :not(input:first-child) { + border-left: 1px solid @gray_5; +} .ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] { background-image: url(../images/bullet.svg); diff --git a/pixelegg/less/layout_raster_header.less b/pixelegg/less/layout_raster_header.less index 1127d6c087..e4305b37cb 100644 --- a/pixelegg/less/layout_raster_header.less +++ b/pixelegg/less/layout_raster_header.less @@ -61,7 +61,7 @@ display: none; right: 5px; width: 241px; - z-index: 1000; + z-index: 1001; top: 46px; background: white; .box_shadow; @@ -306,4 +306,4 @@ width: 20px; height: 20px; display: block; -} \ No newline at end of file +} diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less index 6d8eee4cfa..de17a282b5 100644 --- a/pixelegg/less/layout_raster_sidebar.less +++ b/pixelegg/less/layout_raster_sidebar.less @@ -54,234 +54,229 @@ cursor: pointer; } } - //#################################################### - // All Tabs - // DRAG AND DROP - .egw_fw_ui_sidemenu_entry_header { - display: block; - margin: 0 0; - &:hover { - background-color: @color_hover_row; - } - &:active {.box_shadow_standard_light_inset;} - h1 { - margin: 0 0 10px 0; - padding-top: 0.4em; - padding-left: 3em; - .color_40_gray; - /*font-size: 12px;*/ - .fontsize_l; - line-height: 17px; - } - object {background-color: @gray_0; .dimension_width_height_m;} - } - - // ########################################## - // ### # - // ### IMG | ADD NAME # - // ### # - // ### # - //########################################### - // aktive APP - // aktiver Tab - // rounded Corner Left Top - .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_0_gray; - margin: 0 0 0 0; - border-bottom: none; - height: 33px; - img {padding-left: 9px; padding-top: 7px; height: 18px;} - h1 { - text-transform: uppercase; - font-size: 1.4em; - .color_100_gray; - padding-top: 0; - line-height: 33px; - height: 33px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - padding-left: 10px; - &:hover {padding-left: 35px;} - } - &:active {} - &:hover { - background-image: url(../images/reload.png); - background-size: 18px; - background-position: 9px 6px; - background-repeat: no-repeat; - img { - display: none !important; - } - } - &:focus { - background-image: url("../images/ajax-loader.gif"); - background-repeat: no-repeat; - background-position: 90% 50%; - .Complete_Button_active; - - .background_color_25_gray; - } - - object { - margin-left: 14px; - margin-top: 8px; - .rounded (3px;); - .dimension_width_height_s; - } - - .egw_fw_ui_ajaxloader {margin-top: -26px;} - } - - //#################################################### - // Rahmen um APP Einstellungen - // egw_fw_ui_sidemenu_entry_content - // ######################################## - // ## ## - // ## ## - // ######################################## - - // ######################################## - // ## ## - // ## ## - // ######################################## - - // ######################################## - // ## ## - // ## ## - // ######################################## - - // ######################################## - // ## div.egw_fw_ui_category ## - // ## &:nth-last-of-type(-n+3) ## - // ##################################### - - .egw_fw_ui_sidemenu_entry_content { - display: block; - background-image: none; - border-color: @gray_30; - border-style: solid; - border-width: 1px; - margin: 0 0 2em 0; - border-left: none; - - // rounded Corner on bottom - &:nth-last-of-type(-n+3) { - .background_color_0_gray; - border-color: @gray_30; - border-right: 0px; - margin-bottom: 10px; - border-top-color: white; - padding-top: 0px; - } - - & > div {} - - //################################################### - // *letztes Element */ - // has round corners - div.egw_fw_ui_category:nth-last-of-type(-n+3) { - - } - - //################################################### - // Schaltflächen - Elements - // Normal - .egw_fw_ui_category { - margin: 4px 5px 5px 5px; - padding: 2px 0 2px 0; - cursor: pointer; - // border-top: 7px solid; - border-color: @gray_30; - background-color: @gray_10; - - /*background-color: @egw_color_2_d;*/ - - h1 { - margin: 5px 0px 3px 5px; - padding: 0px 0px 0px 24px; - line-height: 1em; - .fontsize_l; - background-image:url(../images/arrow_right.svg); - background-repeat:no-repeat; - background-position:left center; - background-size: 12px; - } - - div.egw_fw_ui_category:nth-last-of-type(-n+3) { - img.egw_fw_ui_sidemenu_listitem_icon { - display: block; - } - } - - } - - //################################# - // Hover - // on Mouse over change color - .egw_fw_ui_category:hover { - .background_color_40_gray; - } - - - - /*######################*/ - // Active State - // change Background color in Blue - // See all Elements - .egw_fw_ui_category_active { - border-bottom-width: 0px; - margin-top: 4px; - background-color: @egw_color_2_a; - .color_5_gray; - h1 { - background-image:url(../images/arrow_down.svg); - line-height: 1em; - font-size: 12px; - background-size: 12px; - filter: brightness(3); - a { - color: #FFF; - img {.dimension_width_height_s;} - &:hover { - padding: 5px 30px 5px 0px; - width: 200px; - .background_color_10_gray; - .color_50_gray; - .Complete_Button_hover; - } - } - } - - &:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);} - } - } - - .egw_fw_ui_sidemenu_entry_content_bottom { - border-width: 0px 1px 1px 1px; - } - .egw_fw_ui_sidemenu_entry_header_bottom { - - } - - .egw_fw_ui_sidemenu_entry_icon { - display: inline-block; - .dimension_height_m; - - padding-left: 0; - padding-right: 0px; - float: left; - - /*filter grey*/ - .img_filter_gray; - } } + //#################################################### + // All Tabs + // DRAG AND DROP + .egw_fw_ui_sidemenu_entry_header { + display: block; + margin: 0 0; + &:hover { + background-color: @color_hover_row; + } + &:active {.box_shadow_standard_light_inset;} + h1 { + margin: 0 0 10px 0; + padding-top: 0.4em; + padding-left: 3em; + .color_40_gray; + /*font-size: 12px;*/ + .fontsize_l; + line-height: 17px; + } + object {background-color: @gray_0; .dimension_width_height_m;} + } + // ########################################## + // ### # + // ### IMG | ADD NAME # + // ### # + // ### # + //########################################### + // aktive APP + // aktiver Tab + // rounded Corner Left Top + .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_0_gray; + margin: 0 0 0 0; + border-bottom: none; + height: 33px; + img {padding-left: 9px; padding-top: 7px; height: 18px;} + h1 { + text-transform: uppercase; + font-size: 1.4em; + .color_100_gray; + padding-top: 0; + line-height: 33px; + height: 33px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding-left: 10px; + &:hover {padding-left: 35px;} + } + &:active {} + &:hover { + background-image: url(../images/reload.png); + background-size: 18px; + background-position: 9px 6px; + background-repeat: no-repeat; + img { + display: none !important; + } + } + &:focus { + background-image: url("../images/ajax-loader.gif"); + background-repeat: no-repeat; + background-position: 90% 50%; + .Complete_Button_active; + + .background_color_25_gray; + } + + object { + margin-left: 14px; + margin-top: 8px; + .rounded (3px;); + .dimension_width_height_s; + } + + .egw_fw_ui_ajaxloader {margin-top: -26px;} + } + + //#################################################### + // Rahmen um APP Einstellungen + // egw_fw_ui_sidemenu_entry_content + // ######################################## + // ## ## + // ## ## + // ######################################## + + // ######################################## + // ## ## + // ## ## + // ######################################## + + // ######################################## + // ## ## + // ## ## + // ######################################## + + // ######################################## + // ## div.egw_fw_ui_category ## + // ## &:nth-last-of-type(-n+3) ## + // ##################################### + + .egw_fw_ui_sidemenu_entry_content_bottom { + border-width: 0px 1px 1px 1px; + } + + .egw_fw_ui_sidemenu_entry_icon { + display: inline-block; + .dimension_height_m; + + padding-left: 0; + padding-right: 0px; + float: left; + + /*filter grey*/ + .img_filter_gray; + } + .egw_fw_ui_sidemenu_entry_content { + display: block; + background-image: none; + border-color: @gray_30; + border-style: solid; + border-width: 1px; + margin: 0 0 2em 0; + border-left: none; + + // rounded Corner on bottom + &:nth-last-of-type(-n+3) { + .background_color_0_gray; + border-color: @gray_30; + border-right: 0px; + margin-bottom: 10px; + border-top-color: white; + padding-top: 0px; + } + + & > div {} + + //################################################### + // *letztes Element */ + // has round corners + div.egw_fw_ui_category:nth-last-of-type(-n+3) { + + } + + //################################################### + // Schaltflächen - Elements + // Normal + .egw_fw_ui_category { + margin: 4px 5px 5px 5px; + padding: 2px 0 2px 0; + cursor: pointer; + // border-top: 7px solid; + border-color: @gray_30; + background-color: @gray_10; + + /*background-color: @egw_color_2_d;*/ + + h1 { + margin: 5px 0px 3px 5px; + padding: 0px 0px 0px 24px; + line-height: 1em; + .fontsize_l; + background-image:url(../images/arrow_right.svg); + background-repeat:no-repeat; + background-position:left center; + background-size: 12px; + } + + div.egw_fw_ui_category:nth-last-of-type(-n+3) { + img.egw_fw_ui_sidemenu_listitem_icon { + display: block; + } + } + + } + + //################################# + // Hover + // on Mouse over change color + .egw_fw_ui_category:hover { + .background_color_40_gray; + } + + + + /*######################*/ + // Active State + // change Background color in Blue + // See all Elements + .egw_fw_ui_category_active { + border-bottom-width: 0px; + margin-top: 4px; + background-color: @egw_color_2_a; + .color_5_gray; + h1 { + background-image:url(../images/arrow_down.svg); + line-height: 1em; + font-size: 12px; + background-size: 12px; + filter: brightness(3); + a { + color: #FFF; + img {.dimension_width_height_s;} + &:hover { + padding: 5px 30px 5px 0px; + width: 200px; + .background_color_10_gray; + .color_50_gray; + .Complete_Button_hover; + } + } + } + + &:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);} + } + } } // SIDEMENU ENDE diff --git a/pixelegg/less/layout_table.less b/pixelegg/less/layout_table.less index 931192b780..b8ffb7388a 100755 --- a/pixelegg/less/layout_table.less +++ b/pixelegg/less/layout_table.less @@ -201,7 +201,7 @@ table.egwGridView_grid{ tr.th:hover {background: transparent;} tr.selected{ background-image: none; - background-color: @color_selected_row; + background-color: @color_selected_row !important; } // is active @@ -390,4 +390,4 @@ table.nextmatch_header{ } // -// \ No newline at end of file +// diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 1d843f606c..259c4e3e7c 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -20,6 +20,17 @@ * @package pixelegg * @version $Id$ */ +/** + * EGroupware: pixelegg standard theme + * + * Please do NOT change css-files directly, instead change less-files and compile them! + * + * @link http://www.egroupware.org + * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License + * @author Hadi Nategh + * @package pixelegg + * @version $Id$ + */ /** * EGroupware: Stylite Pixelegg template * @@ -227,11 +238,18 @@ 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 { @@ -1515,6 +1533,7 @@ div#ui-datepicker-div { } .ui-datepicker div.ui-timepicker-div dt.ui_tpicker_time_label { font-size: 0.9em; + margin-top: 6px; } .ui-datepicker div.ui-timepicker-div dd.ui_tpicker_time { padding-left: 75px; @@ -1531,9 +1550,13 @@ div#ui-datepicker-div { } .ui-datepicker div.ui-timepicker-div div.ui_tpicker_hour_slider span.ui-slider-handle { 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; } .ui-datepicker div.ui-datepicker-buttonpane { background-color: #679FD2; @@ -2598,13 +2621,13 @@ button[id="add"] { /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single div b { - background: url("../images/arrow_down.svg"); - background-size: 8px auto; + 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: url("../images/arrow_up.svg"); + background-image: url("../images/arrow_up.svg") !important; background-size: 8px auto; background-position: center; background-repeat: no-repeat; @@ -4027,7 +4050,7 @@ td.message span.message { display: none; right: 5px; width: 241px; - z-index: 1000; + z-index: 1001; top: 46px; background: white; box-shadow: 2px 3px 13px #666666; @@ -4476,19 +4499,19 @@ td.message span.message { padding: 3px 0 1px 3px; cursor: pointer; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header { display: block; margin: 0 0; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:hover { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header:hover { background-color: rgba(153, 204, 255, 0.4); } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:active { +#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); } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header h1 { +#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; @@ -4497,12 +4520,12 @@ td.message span.message { font-size: 12px; line-height: 17px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header object { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header object { background-color: #FFFFFF; width: 24px; height: 24px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active { +#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; @@ -4512,12 +4535,12 @@ td.message span.message { border-bottom: none; height: 33px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active img { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active img { padding-left: 9px; padding-top: 7px; height: 18px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1 { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 { text-transform: uppercase; font-size: 1.4em; color: #000000; @@ -4529,19 +4552,19 @@ td.message span.message { white-space: nowrap; padding-left: 10px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1:hover { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1:hover { padding-left: 35px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover { +#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; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active:hover img { display: none !important; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus { +#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%; @@ -4550,7 +4573,7 @@ td.message span.message { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); background-color: #bfbfbf; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active object { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active object { margin-left: 14px; margin-top: 8px; -webkit-border-radius: 3px; @@ -4559,92 +4582,13 @@ td.message span.message { width: 16px; height: 16px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { margin-top: -26px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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; - /*######################*/ -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) { - background-color: #ffffff; - border-color: #B4B4B4; - border-right: 0px; - margin-bottom: 10px; - border-top-color: white; - padding-top: 0px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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;*/ -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 { - margin: 5px 0px 3px 5px; - padding: 0px 0px 0px 24px; - line-height: 1em; - font-size: 12px; - 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_scrollarea_outerdiv .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; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { - background-color: #999999; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active { - border-bottom-width: 0px; - margin-top: 4px; - background-color: #0C5DA5; - color: #f2f2f2; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { - 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_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a { - color: #FFF; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img { - width: 16px; - height: 16px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 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; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content_bottom { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom { border-width: 0px 1px 1px 1px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon { +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_icon { display: inline-block; height: 24px; padding-left: 0; @@ -4662,6 +4606,85 @@ td.message span.message { 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; + /*######################*/ +} +#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: 10px; + 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;*/ +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 { + margin: 5px 0px 3px 5px; + padding: 0px 0px 0px 24px; + line-height: 1em; + font-size: 12px; + 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 div.egw_fw_ui_category:nth-last-of-type(-n+3) img.egw_fw_ui_sidemenu_listitem_icon { + display: block; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { + 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; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { + 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 { + color: #FFF; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img { + width: 16px; + height: 16px; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 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; +} +#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; +} #egw_fw_sidebar #egw_fw_splitter { position: absolute; width: 8px; @@ -5784,7 +5807,7 @@ table.egwGridView_grid tbody tr.th:hover { } table.egwGridView_grid tbody tr.selected { background-image: none; - background-color: rgba(102, 153, 204, 0.7); + background-color: rgba(102, 153, 204, 0.7) !important; } table.egwGridView_grid tbody td { border-bottom: 1px solid #E6E6E6; @@ -6406,6 +6429,354 @@ span.egw_tutorial_title { /*@import "../less/layout_nextmatch.less";*/ /*@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; +} +#egw_fw_firstload { + position: absolute; + top: 0; + left: 0; + bottom: 0; + background: white; + height: 100%; + width: 100%; +} +#egw_fw_firstload:before { + content: ""; + display: inline-block; + position: absolute; + width: 100%; + height: 100%; + background-image: url(../../pixelegg/images/loading.svg); + background-position: center; + background-repeat: no-repeat; + -webkit-animation: fw-firstload 2s infinite; + animation: fw-firstload 2s infinite; + -moz-animation: fw-firstload 2s infinite; +} +#egw_fw_sidebar #egw_fw_sidemenu #addressbook_sidebox_content .egw_fw_ui_category_active { + background-color: #003366 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #infolog_sidebox_content .egw_fw_ui_category_active { + background-color: #660033 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #mail_sidebox_content .egw_fw_ui_category_active { + background-color: #006699 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #calendar_sidebox_content .egw_fw_ui_category_active { + background-color: #CC0033 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #tracker_sidebox_content .egw_fw_ui_category_active { + background-color: #009966 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #timesheet_sidebox_content .egw_fw_ui_category_active { + background-color: #330066 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #admin_sidebox_content .egw_fw_ui_category_active { + background-color: #333333 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #resources_sidebox_content .egw_fw_ui_category_active { + background-color: #003333 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #filemanager_sidebox_content .egw_fw_ui_category_active { + background-color: #ff9933 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #bookmarks_sidebox_content .egw_fw_ui_category_active { + background-color: #CC6633 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #projectmanager_sidebox_content .egw_fw_ui_category_active { + background-color: #669999 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #ranking_sidebox_content .egw_fw_ui_category_active { + background-color: #404040 !important; +} +#addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #003366 !important; + border-left: 0px !important; +} +#addressbook_sidebox_header { + 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; +} +#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; +} +#admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #333333 !important; + border-left: 0px !important; +} +#admin_sidebox_header { + 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; +} +#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; +} +#bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #CC6633 !important; + border-left: 0px !important; +} +#bookmarks_sidebox_header { + 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; +} +#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; +} +#calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #CC0033 !important; + border-left: 0px !important; +} +#calendar_sidebox_header { + 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; +} +#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; +} +#filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #ff9933 !important; + border-left: 0px !important; +} +#filemanager_sidebox_header { + 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; +} +#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; +} +#infolog_sidebox_header { + 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; +} +#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; +} +#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; +} +#mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #006699 !important; + border-left: 0px !important; +} +#mail_sidebox_header { + 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; +} +#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; +} +#projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #669999 !important; + border-left: 0px !important; +} +#projectmanager_sidebox_header { + 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; +} +#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; +} +#resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #003333 !important; + border-left: 0px !important; +} +#resources_sidebox_header { + 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; +} +#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; +} +#timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #330066 !important; + border-left: 0px !important; +} +#timesheet_sidebox_header { + 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; +} +#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; +} +#tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #009966 !important; + border-left: 0px !important; +} +#tracker_sidebox_header { + 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; +} +#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; +} +#wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #797979 !important; + border-left: 0px !important; +} +#wiki_sidebox_header { + 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; +} +#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; +} +#ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #404040 !important; + border-left: 0px !important; +} +#ranking_sidebox_header { + 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; +} +#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; +} +#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; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header { + border-left: 4px solid #797979; +} +#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_icon { + 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; +} +#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; +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats { + 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); +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search { + 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); +} +#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home { + 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); +} +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; +} +div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow { + background-image: url('../images/dhxmenu_subar.svg'); +} +.egwGridView_scrollarea tr.row_category > td:first-child, +.select-cat li { + border-left: 4px solid transparent; +} +.egwGridView_scrollarea tr { + touch-action: initial; +} +.et2_taglist_category span[class*="cat_"]:not([class*="cat_level"]) { + 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; +} +img.et2_button_icon[src*="svg"], +img.et2_button_icon[src*="svg"]:hover { + background-color: transparent; + background-image: none; +} +/* set default placeholder color*/ +::placeholder { + color: #666666; + opacity: 1; +} +:-ms-input-placeholder { + color: #666666; +} +::-ms-input-placeholder { + color: #666666; +} @keyframes fw-firstload { 0%, 20%, @@ -6532,6 +6903,9 @@ span.egw_tutorial_title { 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; } @@ -6598,7 +6972,19 @@ span.egw_tutorial_title { 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; @@ -6631,8 +7017,7 @@ span.egw_tutorial_title { background-size: 24px 24px; display: inline-block; } - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_home, - body #egw_fw_basecontainer div#egw_fw_topmenu_items ul a#topmenu_logout { + 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 { @@ -6806,19 +7191,13 @@ span.egw_tutorial_title { background-color: #B4B4B4; } body #egw_fw_sidebar.avatarSubmenu { - top: 280px; + top: 325px; + } + body #egw_fw_sidebar #egw_fw_sidemenu::-webkit-scrollbar { + width: 1px; } body #egw_fw_sidebar #egw_fw_sidemenu { - position: absolute; - top: 0px; - 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_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_apps .egw_fw_ui_sidemenu_entry_header { margin: 0px 5px 0px 2px; @@ -6844,7 +7223,7 @@ span.egw_tutorial_title { 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 { - margin: 0 0 10px 0; + margin: 6px 0 10px 0; padding-top: 0.31em; padding-left: 3em; color: #999999; @@ -6880,13 +7259,18 @@ span.egw_tutorial_title { font-size: 12px; color: #000000; padding-top: 4px; - padding-left: 32px; + padding-left: 25px !important; } 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); @@ -6915,164 +7299,9 @@ span.egw_tutorial_title { 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 { - display: block; - background-image: none; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ - border-color: #B4B4B4; - border-style: solid; - border-width: 0px; - margin: 0 0 2em 0; - background-color: white; - /*######################*/ - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content:nth-last-of-type(-n+3) { - border-bottom: 1px solid #B4B4B4; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content > div { - background: none !important; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category:nth-last-of-type(-n+3) { - border-bottom: 1px solid #B4B4B4; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category { - margin: 4px 5px 5px 5px; - padding: 0.5em 1em 0.5em 0; - cursor: pointer; - border-color: #B4B4B4; - background-color: #E6E6E6; - -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);*/ - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1 { - margin: 5px 0px 3px 5px; - padding: 0px 0px 0px 15px; - line-height: 1em; - font-size: 12px; - background-image: url(../images/arrow_left.png); - background-repeat: no-repeat; - background-position: left center; - } - body #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; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category_content { - border-radius: 0; - font-size: 12px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category_content .sidebox-favorites ul.favorites li.ui-menu-item { - min-height: 18px; - padding-top: 9px; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 100%; - overflow-x: hidden; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category_content .sidebox-favorites ul.favorites li.ui-menu-item a div.sideboxstar { - padding-right: 13px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category_content .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { - padding-right: 10px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category_content .sidebox-favorites ul.favorites li.ui-menu-item a img { - padding-right: 5px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { - background-color: #999999; - padding: 0.5em 1em 0.5em 0; - } - body #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; - -webkit-border-top-right-radius: 3px !important; - -webkit-border-bottom-right-radius: 3px !important; - -webkit-border-bottom-left-radius: 3px !important; - -webkit-border-top-left-radius: 3px !important; - -moz-border-radius-topright: 3px !important; - -moz-border-radius-bottomright: 3px !important; - -moz-border-radius-bottomleft: 3px !important; - -moz-border-radius-topleft: 3px !important; - border-top-right-radius: 3px !important; - border-bottom-right-radius: 3px !important; - border-bottom-left-radius: 3px !important; - border-top-left-radius: 3px !important; - /*.background-clip(padding-box);*/ - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 { - background-image: url(../images/arrow_down.png); - line-height: 1em; - font-size: 12px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a { - color: #FFF; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 a img { - width: 16px; - height: 16px; - } - body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1 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; - } - body #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; - } body #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom { border-width: 0px 1px 1px 1px; } - body #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 */ - } body .sidebar-toggle #egw_fw_top_toolbar div#egw_fw_menu { background-image: url(../images/topmenu_items/mobile/menu.png); } @@ -7342,6 +7571,19 @@ form[id^="ranking-"] .dialogHeadbar { #ranking_sidebox_header { border-left: 6px solid #404040 !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 */ +} /********************************/ /* */ /* MEDIA DEFINITION */ @@ -7810,6 +8052,22 @@ form[id^="ranking-"] .dialogHeadbar { 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; } @@ -8113,10 +8371,10 @@ form[id^="ranking-"] .dialogHeadbar { background: #0c5da5; margin-top: 0; padding-left: 60px; - box-shadow: 0px 4px 5px 2px silver; position: relative; height: 50px; z-index: 1; + border-bottom: 1px solid transparent; } body .et2_nextmatch .nm-mob-header button { height: 50px; @@ -8813,10 +9071,15 @@ form[id^="ranking-"] .dialogHeadbar { 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; diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less index a74ce514a2..9643bf2991 100644 --- a/pixelegg/mobile/fw_mobile.less +++ b/pixelegg/mobile/fw_mobile.less @@ -501,6 +501,22 @@ /* active app header*/ #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; + .egw_fw_ui_sidemenu_entry_header { + h1 { + padding-left:63px; + } + img { + padding-left: 6px; + } + } .egw_fw_ui_sidemenu_entry_header_active { margin-left:2px; img { @@ -799,10 +815,10 @@ background: @mobile-nm-search-bg; margin-top: 0; padding-left: 60px; - box-shadow: 0px 4px 5px 2px silver; position: relative; height: 50px; z-index: 1; + border-bottom: 1px solid transparent; button { height: @mobile-elem-height; width: @mobile-button-width; @@ -1495,10 +1511,13 @@ background-position: center; background-repeat: no-repeat; background-size: 24px 24px; + display: inline-block !important; } .flex{ width:100%; position: absolute; + border: 0; + input {border:0} } }