diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index c413d54d78..38b67697d6 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 * @@ -46,6 +57,18 @@ * @package pixelegg * @version $Id$ */ +@media (prefers-color-scheme: dark) { + html[data-darkmode='2'] { + background: #000; + filter: invert(1) hue-rotate(180deg) brightness(0.7); + } + html[data-darkmode='2'] #loginMainDiv { + filter: invert(1) hue-rotate(180deg) !important; + } + html[data-darkmode='2'] #loginMainDiv div#centerBox { + filter: invert(1) hue-rotate(180deg) !important; + } +} /** * DARK THEME */ @@ -53,11 +76,17 @@ html[data-darkmode='1'] { background: #000; position: fixed; - filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg) brightness(0.7); } html[data-darkmode='1'] img, html[data-darkmode='1'] #blueimp-gallery, - html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active { + html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active, + html[data-darkmode='1'] video, + html[data-darkmode='1'] #loginMainDiv, + html[data-darkmode='1'] .et2_taglist_tags_icon { + filter: invert(1) hue-rotate(180deg) !important; + } + html[data-darkmode='1'] #loginMainDiv div#centerBox { filter: invert(1) hue-rotate(180deg) !important; } html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon, @@ -65,7 +94,8 @@ html[data-darkmode='1'] body .egw_message_wrapper, html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu, html[data-darkmode='1'] .ui-dialog, - html[data-darkmode='1'] .box_shadow { + html[data-darkmode='1'] .box_shadow, + html[data-darkmode='1'] #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded { box-shadow: 0px 0px 2px 2px #666666; -moz-box-shadow: 0px 0px 2px 2px #666666; -webkit-box-shadow: 0px 0px 2px 2px #666666; @@ -101,7 +131,7 @@ } html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, html[data-darkmode='1'] #mail_sidebox_header { - border-color: #5db9ec !important; + border-color: #5db9ec!important; } html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { border-top-color: #5db9ec !important; @@ -323,11 +353,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 { @@ -1469,20 +1506,20 @@ span.ui-icon-search { box-shadow: -2px 1px 9px 3px #B4B4B4; } .ui-dialog .ui-dialog-buttonpane { - padding-left: 0.8em; - padding-right: 0.8em; + padding-left: .8em; + padding-right: .8em; padding-top: 0.7em; } .ui-dialog .ui-dialog-titlebar { - padding-left: 0.8em; - padding-right: 0.8em; + padding-left: .8em; + padding-right: .8em; font-size: 12pt; border: none; font-weight: normal; background: white; } .ui-dialog .ui-dialog-titlebar-close { - right: 0.8em; + right: .8em; } .ui-widget-content { border: 1px solid #B4B4B4; @@ -1611,6 +1648,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; @@ -1627,9 +1665,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; @@ -4123,7 +4165,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; @@ -4572,19 +4614,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; @@ -4593,12 +4635,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; @@ -4608,12 +4650,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; @@ -4625,19 +4667,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%; @@ -4646,7 +4688,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; @@ -4655,92 +4697,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; @@ -4758,6 +4721,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; @@ -6285,7 +6327,7 @@ a.textSidebox { } } .egw-loading-prompt-container::before { - opacity: 0.3; + opacity: .3; content: ""; background-color: #aaaaaa; width: 100%; @@ -6364,7 +6406,7 @@ a.textSidebox { z-index: 999; width: 100px; border-radius: 5px; - border: solid 10px #679FD2; + border: solid 10px #679FD2; transform: translate(-50%, -50%); } /** @@ -6515,6 +6557,531 @@ 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; +} +#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%, @@ -6641,6 +7208,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; } @@ -6917,18 +7487,6 @@ span.egw_tutorial_title { body #egw_fw_sidebar.avatarSubmenu { top: 325px; } - 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; padding: 4px 10px 0 0px; @@ -6989,13 +7547,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); @@ -7024,164 +7587,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 0b7803cbc1..7690428a8c 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 { } @@ -444,16 +447,6 @@ #egw_fw_sidebar{ //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 { @@ -505,9 +498,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 +537,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 bc0be0eaba..99720f9cf7 100644 --- a/pixelegg/css/monochrome.css +++ b/pixelegg/css/monochrome.css @@ -35,6 +35,18 @@ * @package pixelegg * @version $Id$ */ +@media (prefers-color-scheme: dark) { + html[data-darkmode='2'] { + background: #000; + filter: invert(1) hue-rotate(180deg) brightness(0.7); + } + html[data-darkmode='2'] #loginMainDiv { + filter: invert(1) hue-rotate(180deg) !important; + } + html[data-darkmode='2'] #loginMainDiv div#centerBox { + filter: invert(1) hue-rotate(180deg) !important; + } +} /** * DARK THEME */ @@ -42,11 +54,17 @@ html[data-darkmode='1'] { background: #000; position: fixed; - filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg) brightness(0.7); } html[data-darkmode='1'] img, html[data-darkmode='1'] #blueimp-gallery, - html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active { + html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active, + html[data-darkmode='1'] video, + html[data-darkmode='1'] #loginMainDiv, + html[data-darkmode='1'] .et2_taglist_tags_icon { + filter: invert(1) hue-rotate(180deg) !important; + } + html[data-darkmode='1'] #loginMainDiv div#centerBox { filter: invert(1) hue-rotate(180deg) !important; } html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon, @@ -54,7 +72,8 @@ html[data-darkmode='1'] body .egw_message_wrapper, html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu, html[data-darkmode='1'] .ui-dialog, - html[data-darkmode='1'] .box_shadow { + html[data-darkmode='1'] .box_shadow, + html[data-darkmode='1'] #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded { box-shadow: 0px 0px 2px 2px #666666; -moz-box-shadow: 0px 0px 2px 2px #666666; -webkit-box-shadow: 0px 0px 2px 2px #666666; @@ -90,7 +109,7 @@ } html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, html[data-darkmode='1'] #mail_sidebox_header { - border-color: #5db9ec !important; + border-color: #5db9ec!important; } html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { border-top-color: #5db9ec !important; @@ -312,11 +331,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 { @@ -1458,20 +1484,20 @@ span.ui-icon-search { box-shadow: -2px 1px 9px 3px #B4B4B4; } .ui-dialog .ui-dialog-buttonpane { - padding-left: 0.8em; - padding-right: 0.8em; + padding-left: .8em; + padding-right: .8em; padding-top: 0.7em; } .ui-dialog .ui-dialog-titlebar { - padding-left: 0.8em; - padding-right: 0.8em; + padding-left: .8em; + padding-right: .8em; font-size: 12pt; border: none; font-weight: normal; background: white; } .ui-dialog .ui-dialog-titlebar-close { - right: 0.8em; + right: .8em; } .ui-widget-content { border: 1px solid #B4B4B4; @@ -1600,6 +1626,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; @@ -1616,9 +1643,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; @@ -4112,7 +4143,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; @@ -4561,19 +4592,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; @@ -4582,12 +4613,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; @@ -4597,12 +4628,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; @@ -4614,19 +4645,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%; @@ -4635,7 +4666,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; @@ -4644,92 +4675,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; @@ -4747,6 +4699,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; @@ -6274,7 +6305,7 @@ a.textSidebox { } } .egw-loading-prompt-container::before { - opacity: 0.3; + opacity: .3; content: ""; background-color: #aaaaaa; width: 100%; @@ -6353,7 +6384,7 @@ a.textSidebox { z-index: 999; width: 100px; border-radius: 5px; - border: solid 10px #679FD2; + border: solid 10px #679FD2; transform: translate(-50%, -50%); } /** diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 9a433417d9..e9142b91a9 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -120,7 +120,7 @@ } html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, html[data-darkmode='1'] #mail_sidebox_header { - border-color: #5db9ec !important; + border-color: #5db9ec!important; } html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { border-top-color: #5db9ec !important; @@ -1495,20 +1495,20 @@ span.ui-icon-search { box-shadow: -2px 1px 9px 3px #B4B4B4; } .ui-dialog .ui-dialog-buttonpane { - padding-left: 0.8em; - padding-right: 0.8em; + padding-left: .8em; + padding-right: .8em; padding-top: 0.7em; } .ui-dialog .ui-dialog-titlebar { - padding-left: 0.8em; - padding-right: 0.8em; + padding-left: .8em; + padding-right: .8em; font-size: 12pt; border: none; font-weight: normal; background: white; } .ui-dialog .ui-dialog-titlebar-close { - right: 0.8em; + right: .8em; } .ui-widget-content { border: 1px solid #B4B4B4; @@ -4603,19 +4603,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; @@ -4624,12 +4624,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; @@ -4639,12 +4639,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; @@ -4656,19 +4656,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%; @@ -4677,7 +4677,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; @@ -4686,92 +4686,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; @@ -4789,6 +4710,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; @@ -6316,7 +6316,7 @@ a.textSidebox { } } .egw-loading-prompt-container::before { - opacity: 0.3; + opacity: .3; content: ""; background-color: #aaaaaa; width: 100%; @@ -6395,7 +6395,7 @@ a.textSidebox { z-index: 999; width: 100px; border-radius: 5px; - border: solid 10px #679FD2; + border: solid 10px #679FD2; transform: translate(-50%, -50%); } /** 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/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 1343596892..cb0e843d5f 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -20,6 +20,18 @@ * @package pixelegg * @version $Id$ */ +@media (prefers-color-scheme: dark) { + html[data-darkmode='2'] { + background: #000; + filter: invert(1) hue-rotate(180deg) brightness(0.7); + } + html[data-darkmode='2'] #loginMainDiv { + filter: invert(1) hue-rotate(180deg) !important; + } + html[data-darkmode='2'] #loginMainDiv div#centerBox { + filter: invert(1) hue-rotate(180deg) !important; + } +} /** * DARK THEME */ @@ -27,11 +39,17 @@ html[data-darkmode='1'] { background: #000; position: fixed; - filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg) brightness(0.7); } html[data-darkmode='1'] img, html[data-darkmode='1'] #blueimp-gallery, - html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active { + html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active, + html[data-darkmode='1'] video, + html[data-darkmode='1'] #loginMainDiv, + html[data-darkmode='1'] .et2_taglist_tags_icon { + filter: invert(1) hue-rotate(180deg) !important; + } + html[data-darkmode='1'] #loginMainDiv div#centerBox { filter: invert(1) hue-rotate(180deg) !important; } html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon, @@ -39,7 +57,8 @@ html[data-darkmode='1'] body .egw_message_wrapper, html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu, html[data-darkmode='1'] .ui-dialog, - html[data-darkmode='1'] .box_shadow { + html[data-darkmode='1'] .box_shadow, + html[data-darkmode='1'] #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded { box-shadow: 0px 0px 2px 2px #666666; -moz-box-shadow: 0px 0px 2px 2px #666666; -webkit-box-shadow: 0px 0px 2px 2px #666666; @@ -75,7 +94,7 @@ } html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, html[data-darkmode='1'] #mail_sidebox_header { - border-color: #5db9ec !important; + border-color: #5db9ec!important; } html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active { border-top-color: #5db9ec !important; @@ -127,6 +146,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 * @@ -334,11 +364,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 { @@ -1480,20 +1517,20 @@ span.ui-icon-search { box-shadow: -2px 1px 9px 3px #B4B4B4; } .ui-dialog .ui-dialog-buttonpane { - padding-left: 0.8em; - padding-right: 0.8em; + padding-left: .8em; + padding-right: .8em; padding-top: 0.7em; } .ui-dialog .ui-dialog-titlebar { - padding-left: 0.8em; - padding-right: 0.8em; + padding-left: .8em; + padding-right: .8em; font-size: 12pt; border: none; font-weight: normal; background: white; } .ui-dialog .ui-dialog-titlebar-close { - right: 0.8em; + right: .8em; } .ui-widget-content { border: 1px solid #B4B4B4; @@ -1622,6 +1659,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; @@ -1638,9 +1676,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; @@ -4134,7 +4176,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; @@ -4583,19 +4625,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; @@ -4604,12 +4646,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; @@ -4619,12 +4661,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; @@ -4636,19 +4678,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%; @@ -4657,7 +4699,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; @@ -4666,92 +4708,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; @@ -4769,6 +4732,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; @@ -6296,7 +6338,7 @@ a.textSidebox { } } .egw-loading-prompt-container::before { - opacity: 0.3; + opacity: .3; content: ""; background-color: #aaaaaa; width: 100%; @@ -6375,7 +6417,7 @@ a.textSidebox { z-index: 999; width: 100px; border-radius: 5px; - border: solid 10px #679FD2; + border: solid 10px #679FD2; transform: translate(-50%, -50%); } /** @@ -6526,6 +6568,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%, @@ -6652,6 +7042,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; } @@ -6928,18 +7321,6 @@ span.egw_tutorial_title { body #egw_fw_sidebar.avatarSubmenu { top: 325px; } - 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; padding: 4px 10px 0 0px; @@ -7000,13 +7381,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); @@ -7035,164 +7421,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); } @@ -7940,6 +8171,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; } diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less index f670926250..2823c1ad76 100644 --- a/pixelegg/mobile/fw_mobile.less +++ b/pixelegg/mobile/fw_mobile.less @@ -509,6 +509,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 {