From 00ab2ea8cc7e1355a0a3f97b486706c642e0de04 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Thu, 21 Mar 2019 16:31:41 +0100 Subject: [PATCH] WIP UI/UX: - Applying app colors to sidebar menu - Getting rid of round corners --- pixelegg/css/mobile.css | 136 +-------- pixelegg/css/monochrome.css | 136 +-------- pixelegg/css/pixelegg.css | 317 +++++++++----------- pixelegg/css/pixelegg.less | 219 ++++++++++---- pixelegg/less/layout_raster_main.less | 5 +- pixelegg/less/layout_raster_scrollarea.less | 4 +- pixelegg/less/layout_raster_sidebar.less | 107 +++---- pixelegg/less/layout_table.less | 8 +- pixelegg/mobile/fw_mobile.css | 136 +-------- 9 files changed, 378 insertions(+), 690 deletions(-) diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index 01db8bbf9c..32ce360534 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -4318,20 +4318,6 @@ td.message span.message { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header { padding-left: 0; position: relative; - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 5px; - -moz-border-radius-topright: 5px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 5px; - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 5px; - /*.background-clip(padding-box);*/ - background-color: #d9d9d9; display: inline-block; overflow: hidden; white-space: nowrap; @@ -4392,8 +4378,7 @@ td.message span.message { /*.background-clip(padding-box);*/ } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active { - border-width: 1px 1px 0px 1px !important; - /*padding: 0 0 5px !important;*/ + border-bottom: 1px solid white !important; background-color: #ffffff; background-image: none !important; padding-bottom: 8px; @@ -4488,7 +4473,7 @@ td.message span.message { } #egw_fw_sidebar #egw_fw_sidemenu { position: absolute; - top: 3px; + top: 1px; bottom: 4px; left: 4px; right: 8px; @@ -4499,7 +4484,6 @@ td.message span.message { } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv { background-color: #fafafa; - border-radius: 5px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv div.ui-sortable div { padding: 3px 0 1px 3px; @@ -4508,13 +4492,9 @@ td.message span.message { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header { display: block; margin: 0 0; - /*padding: 0px 5px 5px 10px;*/ } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:hover { background-color: #d9d9d9; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:active { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -4541,19 +4521,6 @@ td.message span.message { background-position: 95% -3000px; background-repeat: no-repeat; background-color: #ffffff; - -webkit-border-top-right-radius: 0px; - -webkit-border-bottom-right-radius: 0px; - -webkit-border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 27px; - -moz-border-radius-topright: 0px; - -moz-border-radius-bottomright: 0px; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 27px; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; - border-top-left-radius: 27px; - /*.background-clip(padding-box);*/ border-top: solid 1px #B4B4B4; border-left: solid 1px #B4B4B4; border-right: solid 1px #B4B4B4; @@ -4571,25 +4538,8 @@ td.message span.message { text-transform: uppercase; font-size: 1.4em; color: #000000; - padding-top: .8em; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:active { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 0px; - -webkit-border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 27px; - -moz-border-radius-topright: 5px; - -moz-border-radius-bottomright: 0px; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 27px; - border-top-right-radius: 5px; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; - border-top-left-radius: 27px; - /*.background-clip(padding-box);*/ + padding-top: 0; + line-height: 33px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img { content: url(../images/reload.png); @@ -4618,19 +4568,6 @@ td.message span.message { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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: 27px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 27px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 27px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ border-color: #B4B4B4; border-style: solid; border-width: 1px; @@ -4639,40 +4576,12 @@ td.message span.message { } #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; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 24px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 24px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 24px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ border-color: #B4B4B4; border-right: 0px; margin-bottom: 10px; border-top-color: white; padding-top: 8px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category:nth-last-of-type(-n+3) { - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 15px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 15px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 15px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ -} #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: 0.5em 1em 0.5em 0; @@ -4680,19 +4589,6 @@ td.message span.message { border-color: #B4B4B4; background-color: #E6E6E6; /*background-color: @egw_color_2_d;*/ - -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);*/ } #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; @@ -4714,21 +4610,7 @@ td.message span.message { border-bottom-width: 0px; margin-top: 4px; background-color: #0C5DA5; - /*.background-color-50-gray;*/ 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);*/ } #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_white.png); @@ -4799,7 +4681,7 @@ td.message span.message { height: 30px; position: relative; z-index: 1; - top: 5px; + top: 8px; margin-top: 0; margin-bottom: -30px; float: right; @@ -4849,12 +4731,14 @@ td.message span.message { background-color: #606060; } #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn { + top: -1px; /* toggler button*/ /*sidebar adjustments*/ } #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler { margin: 1px auto 4px; float: none; + top: 5px; } #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span { background-color: #b4b4b4; @@ -5093,7 +4977,7 @@ td.message span.message { } .egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover, .egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover { - background-image: url(../images/scroll_hover.png); + background-image: none; } .egw_fw_ui_scrollarea_button_disabled { display: none !important; @@ -5101,7 +4985,7 @@ td.message span.message { .egw_fw_ui_scrollarea_button_up, .egw_fw_ui_scrollarea_button_down { height: 14px; - background-image: url(../images/scroll.png); + background-image: none; background-color: white; background-repeat: no-repeat; background-position: center; @@ -5681,7 +5565,6 @@ table.egwGridView_outer thead { max-height: 118px; overflow-y: auto; background: white; - border-radius: 5px; } table.egwGridView_outer thead tr th { background-position: -200px; @@ -5694,7 +5577,6 @@ table.egwGridView_outer thead tr th { border-bottom: 0px solid transparent; vertical-align: middle; overflow: auto; - border-radius: 5px; background: #e0e0e0; } table.egwGridView_outer thead tr th:hover { diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css index 1d2d4c27c4..6b157366d5 100644 --- a/pixelegg/css/monochrome.css +++ b/pixelegg/css/monochrome.css @@ -4307,20 +4307,6 @@ td.message span.message { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header { padding-left: 0; position: relative; - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 5px; - -moz-border-radius-topright: 5px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 5px; - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 5px; - /*.background-clip(padding-box);*/ - background-color: #d9d9d9; display: inline-block; overflow: hidden; white-space: nowrap; @@ -4381,8 +4367,7 @@ td.message span.message { /*.background-clip(padding-box);*/ } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active { - border-width: 1px 1px 0px 1px !important; - /*padding: 0 0 5px !important;*/ + border-bottom: 1px solid white !important; background-color: #ffffff; background-image: none !important; padding-bottom: 8px; @@ -4477,7 +4462,7 @@ td.message span.message { } #egw_fw_sidebar #egw_fw_sidemenu { position: absolute; - top: 3px; + top: 1px; bottom: 4px; left: 4px; right: 8px; @@ -4488,7 +4473,6 @@ td.message span.message { } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv { background-color: #fafafa; - border-radius: 5px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv div.ui-sortable div { padding: 3px 0 1px 3px; @@ -4497,13 +4481,9 @@ td.message span.message { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header { display: block; margin: 0 0; - /*padding: 0px 5px 5px 10px;*/ } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:hover { background-color: #d9d9d9; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:active { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -4530,19 +4510,6 @@ td.message span.message { background-position: 95% -3000px; background-repeat: no-repeat; background-color: #ffffff; - -webkit-border-top-right-radius: 0px; - -webkit-border-bottom-right-radius: 0px; - -webkit-border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 27px; - -moz-border-radius-topright: 0px; - -moz-border-radius-bottomright: 0px; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 27px; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; - border-top-left-radius: 27px; - /*.background-clip(padding-box);*/ border-top: solid 1px #B4B4B4; border-left: solid 1px #B4B4B4; border-right: solid 1px #B4B4B4; @@ -4560,25 +4527,8 @@ td.message span.message { text-transform: uppercase; font-size: 1.4em; color: #000000; - padding-top: .8em; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:active { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 0px; - -webkit-border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 27px; - -moz-border-radius-topright: 5px; - -moz-border-radius-bottomright: 0px; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 27px; - border-top-right-radius: 5px; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; - border-top-left-radius: 27px; - /*.background-clip(padding-box);*/ + padding-top: 0; + line-height: 33px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img { content: url(../images/reload.png); @@ -4607,19 +4557,6 @@ td.message span.message { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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: 27px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 27px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 27px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ border-color: #B4B4B4; border-style: solid; border-width: 1px; @@ -4628,40 +4565,12 @@ td.message span.message { } #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; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 24px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 24px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 24px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ border-color: #B4B4B4; border-right: 0px; margin-bottom: 10px; border-top-color: white; padding-top: 8px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category:nth-last-of-type(-n+3) { - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 15px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 15px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 15px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ -} #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: 0.5em 1em 0.5em 0; @@ -4669,19 +4578,6 @@ td.message span.message { border-color: #B4B4B4; background-color: #E6E6E6; /*background-color: @egw_color_2_d;*/ - -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);*/ } #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; @@ -4703,21 +4599,7 @@ td.message span.message { border-bottom-width: 0px; margin-top: 4px; background-color: #0C5DA5; - /*.background-color-50-gray;*/ 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);*/ } #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_white.png); @@ -4788,7 +4670,7 @@ td.message span.message { height: 30px; position: relative; z-index: 1; - top: 5px; + top: 8px; margin-top: 0; margin-bottom: -30px; float: right; @@ -4838,12 +4720,14 @@ td.message span.message { background-color: #606060; } #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn { + top: -1px; /* toggler button*/ /*sidebar adjustments*/ } #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler { margin: 1px auto 4px; float: none; + top: 5px; } #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span { background-color: #b4b4b4; @@ -5082,7 +4966,7 @@ td.message span.message { } .egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover, .egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover { - background-image: url(../images/scroll_hover.png); + background-image: none; } .egw_fw_ui_scrollarea_button_disabled { display: none !important; @@ -5090,7 +4974,7 @@ td.message span.message { .egw_fw_ui_scrollarea_button_up, .egw_fw_ui_scrollarea_button_down { height: 14px; - background-image: url(../images/scroll.png); + background-image: none; background-color: white; background-repeat: no-repeat; background-position: center; @@ -5670,7 +5554,6 @@ table.egwGridView_outer thead { max-height: 118px; overflow-y: auto; background: white; - border-radius: 5px; } table.egwGridView_outer thead tr th { background-position: -200px; @@ -5683,7 +5566,6 @@ table.egwGridView_outer thead tr th { border-bottom: 0px solid transparent; vertical-align: middle; overflow: auto; - border-radius: 5px; background: #e0e0e0; } table.egwGridView_outer thead tr th:hover { diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 283cbdc2fa..b270aeb367 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -4318,20 +4318,6 @@ td.message span.message { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header { padding-left: 0; position: relative; - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 5px; - -moz-border-radius-topright: 5px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 5px; - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 5px; - /*.background-clip(padding-box);*/ - background-color: #d9d9d9; display: inline-block; overflow: hidden; white-space: nowrap; @@ -4392,8 +4378,7 @@ td.message span.message { /*.background-clip(padding-box);*/ } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active { - border-width: 1px 1px 0px 1px !important; - /*padding: 0 0 5px !important;*/ + border-bottom: 1px solid white !important; background-color: #ffffff; background-image: none !important; padding-bottom: 8px; @@ -4488,7 +4473,7 @@ td.message span.message { } #egw_fw_sidebar #egw_fw_sidemenu { position: absolute; - top: 3px; + top: 1px; bottom: 4px; left: 4px; right: 8px; @@ -4499,7 +4484,6 @@ td.message span.message { } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv { background-color: #fafafa; - border-radius: 5px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv div.ui-sortable div { padding: 3px 0 1px 3px; @@ -4508,13 +4492,9 @@ td.message span.message { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header { display: block; margin: 0 0; - /*padding: 0px 5px 5px 10px;*/ } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:hover { background-color: #d9d9d9; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:active { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -4541,19 +4521,6 @@ td.message span.message { background-position: 95% -3000px; background-repeat: no-repeat; background-color: #ffffff; - -webkit-border-top-right-radius: 0px; - -webkit-border-bottom-right-radius: 0px; - -webkit-border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 27px; - -moz-border-radius-topright: 0px; - -moz-border-radius-bottomright: 0px; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 27px; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; - border-top-left-radius: 27px; - /*.background-clip(padding-box);*/ border-top: solid 1px #B4B4B4; border-left: solid 1px #B4B4B4; border-right: solid 1px #B4B4B4; @@ -4571,25 +4538,8 @@ td.message span.message { text-transform: uppercase; font-size: 1.4em; color: #000000; - padding-top: .8em; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:active { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 0px; - -webkit-border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 27px; - -moz-border-radius-topright: 5px; - -moz-border-radius-bottomright: 0px; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 27px; - border-top-right-radius: 5px; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; - border-top-left-radius: 27px; - /*.background-clip(padding-box);*/ + padding-top: 0; + line-height: 33px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img { content: url(../images/reload.png); @@ -4618,19 +4568,6 @@ td.message span.message { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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: 27px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 27px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 27px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ border-color: #B4B4B4; border-style: solid; border-width: 1px; @@ -4639,40 +4576,12 @@ td.message span.message { } #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; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 24px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 24px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 24px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ border-color: #B4B4B4; border-right: 0px; margin-bottom: 10px; border-top-color: white; padding-top: 8px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category:nth-last-of-type(-n+3) { - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 15px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 15px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 15px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ -} #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: 0.5em 1em 0.5em 0; @@ -4680,19 +4589,6 @@ td.message span.message { border-color: #B4B4B4; background-color: #E6E6E6; /*background-color: @egw_color_2_d;*/ - -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);*/ } #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; @@ -4714,21 +4610,7 @@ td.message span.message { border-bottom-width: 0px; margin-top: 4px; background-color: #0C5DA5; - /*.background-color-50-gray;*/ 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);*/ } #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_white.png); @@ -4799,7 +4681,7 @@ td.message span.message { height: 30px; position: relative; z-index: 1; - top: 5px; + top: 8px; margin-top: 0; margin-bottom: -30px; float: right; @@ -4849,12 +4731,14 @@ td.message span.message { background-color: #606060; } #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn { + top: -1px; /* toggler button*/ /*sidebar adjustments*/ } #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler { margin: 1px auto 4px; float: none; + top: 5px; } #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span { background-color: #b4b4b4; @@ -5093,7 +4977,7 @@ td.message span.message { } .egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover, .egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover { - background-image: url(../images/scroll_hover.png); + background-image: none; } .egw_fw_ui_scrollarea_button_disabled { display: none !important; @@ -5101,7 +4985,7 @@ td.message span.message { .egw_fw_ui_scrollarea_button_up, .egw_fw_ui_scrollarea_button_down { height: 14px; - background-image: url(../images/scroll.png); + background-image: none; background-color: white; background-repeat: no-repeat; background-position: center; @@ -5681,7 +5565,6 @@ table.egwGridView_outer thead { max-height: 118px; overflow-y: auto; background: white; - border-radius: 5px; } table.egwGridView_outer thead tr th { background-position: -200px; @@ -5694,7 +5577,6 @@ table.egwGridView_outer thead tr th { border-bottom: 0px solid transparent; vertical-align: middle; overflow: auto; - border-radius: 5px; background: #e0e0e0; } table.egwGridView_outer thead tr th:hover { @@ -6595,57 +6477,113 @@ form[id^="ranking-"] .dialogHeadbar { #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(0, 51, 102, 0.3); } +#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: #0099CC !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #resources_sidebox_content .egw_fw_ui_category_active { + background-color: #CC3333 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #filemanager_sidebox_content .egw_fw_ui_category_active { + background-color: #CC6633 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #bookmarks_sidebox_content .egw_fw_ui_category_active { + background-color: #ff9933 !important; +} +#egw_fw_sidebar #egw_fw_sidemenu #projectmanager_sidebox_content .egw_fw_ui_category_active { + background-color: #339933 !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: 1px solid silver !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-bottom: 4px solid; - border-bottom-color: #003366; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #003366; + border-top-width: 4px !important; } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(0, 153, 204, 0.3); } +#admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #0099CC !important; + border-left: 1px solid silver !important; +} #admin_sidebox_header { border-left: 4px solid #0099CC !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-bottom: 4px solid; - border-bottom-color: #0099CC; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #0099CC; + border-top-width: 4px !important; } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(255, 153, 51, 0.3); } +#bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #ff9933 !important; + border-left: 1px solid silver !important; +} #bookmarks_sidebox_header { border-left: 4px solid #ff9933 !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-bottom: 4px solid; - border-bottom-color: #ff9933; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #ff9933; + border-top-width: 4px !important; } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(204, 0, 51, 0.3); } +#calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #CC0033 !important; + border-left: 1px solid silver !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-bottom: 4px solid; - border-bottom-color: #CC0033; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #CC0033; + border-top-width: 4px !important; } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(204, 102, 51, 0.3); } +#filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #CC6633 !important; + border-left: 1px solid silver !important; +} #filemanager_sidebox_header { border-left: 4px solid #CC6633 !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-bottom: 4px solid; - border-bottom-color: #CC6633; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #CC6633; + border-top-width: 4px !important; } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(102, 0, 51, 0.3); @@ -6653,87 +6591,119 @@ form[id^="ranking-"] .dialogHeadbar { #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: 1px solid silver !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-bottom: 4px solid; - border-bottom-color: #660033; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #660033; + border-top-width: 4px !important; } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(0, 102, 153, 0.3); } +#mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #006699 !important; + border-left: 1px solid silver !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-bottom: 4px solid; - border-bottom-color: #006699; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #006699; + border-top-width: 4px !important; } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(51, 153, 51, 0.3); } +#projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #339933 !important; + border-left: 1px solid silver !important; +} #projectmanager_sidebox_header { border-left: 4px solid #339933 !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-bottom: 4px solid; - border-bottom-color: #339933; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #339933; + border-top-width: 4px !important; } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(204, 51, 51, 0.3); } +#resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #CC3333 !important; + border-left: 1px solid silver !important; +} #resources_sidebox_header { border-left: 4px solid #CC3333 !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-bottom: 4px solid; - border-bottom-color: #CC3333; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #CC3333; + border-top-width: 4px !important; } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(51, 0, 102, 0.3); } +#timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #330066 !important; + border-left: 1px solid silver !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-bottom: 4px solid; - border-bottom-color: #330066; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #330066; + border-top-width: 4px !important; } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(0, 153, 102, 0.3); } +#tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #009966 !important; + border-left: 1px solid silver !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-bottom: 4px solid; - border-bottom-color: #009966; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #009966; + border-top-width: 4px !important; } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(121, 121, 121, 0.3); } +#wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #797979 !important; + border-left: 1px solid silver !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-bottom: 4px solid; - border-bottom-color: #797979; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #797979; + border-top-width: 4px !important; } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: rgba(64, 64, 64, 0.3); } +#ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top: 4px solid #404040 !important; + border-left: 1px solid silver !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-bottom: 4px solid; - border-bottom-color: #404040; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #404040; + border-top-width: 4px !important; } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon, .standartTreeImage { @@ -6750,19 +6720,14 @@ form[id^="ranking-"] .dialogHeadbar { filter: none; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active { - border-top-left-radius: 5px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover { - border-radius: 5px 0px 0px 0px; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:active { - border-radius: 5px 0px 0px 0px; + border-top: 4px solid #797979; + border-left: 1px solid silver !important; } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active { padding-bottom: 4px; - border-bottom: 4px solid; - border-bottom-color: #797979; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: #797979; + border-top-width: 4px !important; } #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats { background-image: url(../images/topmenu_items/category.svg); diff --git a/pixelegg/css/pixelegg.less b/pixelegg/css/pixelegg.less index b0352a9348..652c51eb37 100644 --- a/pixelegg/css/pixelegg.less +++ b/pixelegg/css/pixelegg.less @@ -16,133 +16,255 @@ #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@addressbook-color, 30%); } + +#egw_fw_sidebar { + #egw_fw_sidemenu { + #addressbook_sidebox_content { + .egw_fw_ui_category_active { + background-color: @addressbook-color !important; + } + } + #infolog_sidebox_content { + .egw_fw_ui_category_active { + background-color: @infolog-color !important; + } + } + #mail_sidebox_content { + .egw_fw_ui_category_active { + background-color: @mail-color !important; + } + } + #calendar_sidebox_content { + .egw_fw_ui_category_active { + background-color: @calendar-color !important; + } + } + #tracker_sidebox_content { + .egw_fw_ui_category_active { + background-color: @tracker-color !important; + } + } + #timesheet_sidebox_content { + .egw_fw_ui_category_active { + background-color: @timesheet-color !important; + } + } + #admin_sidebox_content { + .egw_fw_ui_category_active { + background-color: @admin-color !important; + } + } + #resources_sidebox_content { + .egw_fw_ui_category_active { + background-color: @resources-color !important; + } + } + #filemanager_sidebox_content { + .egw_fw_ui_category_active { + background-color: @filemanager-color !important; + } + } + #bookmarks_sidebox_content { + .egw_fw_ui_category_active { + background-color: @bookmarks-color !important; + } + } + #projectmanager_sidebox_content { + .egw_fw_ui_category_active { + background-color: @projectmanager-color !important; + } + } + #ranking_sidebox_content { + .egw_fw_ui_category_active { + background-color: @ranking-color !important; + } + } + } +} +#addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active{ + border-top:4px solid @addressbook-color !important; + border-left:1px solid silver !important; +} #addressbook_sidebox_header {border-left:4px solid @addressbook-color !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-bottom: 4px solid; - border-bottom-color: @addressbook-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @addressbook-color; + border-top-width: 4px !important; } // Admin #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@admin-color, 30%); } +#admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top:4px solid @admin-color !important; + border-left:1px solid silver !important; +} #admin_sidebox_header {border-left:4px solid @admin-color !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-bottom: 4px solid; - border-bottom-color: @admin-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @admin-color; + border-top-width: 4px !important; } // Bookmarks #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@bookmarks-color, 30%); } +#bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top:4px solid @bookmarks-color !important; + border-left: 1px solid silver !important; +} #bookmarks_sidebox_header {border-left:4px solid @bookmarks-color !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-bottom: 4px solid; - border-bottom-color: @bookmarks-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @bookmarks-color; + border-top-width: 4px !important; } // Calendar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@calendar-color, 30%); } +#calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top:4px solid @calendar-color !important; + border-left:1px solid silver !important; +} #calendar_sidebox_header {border-left:4px solid @calendar-color !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-bottom: 4px solid; - border-bottom-color: @calendar-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @calendar-color; + border-top-width: 4px !important; } // Filemanager #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@filemanager-color, 30%); } +#filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top:4px solid @filemanager-color !important; + border-left: 1px solid silver !important; +} #filemanager_sidebox_header {border-left:4px solid @filemanager-color !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-bottom: 4px solid; - border-bottom-color: @filemanager-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @filemanager-color; + border-top-width: 4px !important; } // Infolog #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@infolog-color, 30%); } -#infolog_sidebox_header {border-left:4px solid @infolog-color !important;} +#infolog_sidebox_header{ + border-left:4px solid @infolog-color !important; +} +#infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top:4px solid @infolog-color !important; + border-left: 1px solid silver !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-bottom: 4px solid; - border-bottom-color: @infolog-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @infolog-color; + border-top-width: 4px !important; } // Mail #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@mail-color, 30%); } -#mail_sidebox_header {border-left:4px solid @mail-color !important;} +#mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top:4px solid @mail-color !important; + border-left: 1px solid silver !important; +} +#mail_sidebox_header { + border-left:4px solid @mail-color !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-bottom: 4px solid; - border-bottom-color: @mail-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @mail-color; + border-top-width: 4px !important; } // Projectmanager #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@projectmanager-color, 30%); } +#projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top:4px solid @projectmanager-color !important; + border-left: 1px solid silver !important; +} #projectmanager_sidebox_header {border-left:4px solid @projectmanager-color !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-bottom: 4px solid; - border-bottom-color: @projectmanager-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @projectmanager-color; + border-top-width: 4px !important; } // Resources #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@resources-color, 30%); } +#resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top:4px solid @resources-color !important; + border-left: 1px solid silver !important; +} #resources_sidebox_header {border-left:4px solid @resources-color !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-bottom: 4px solid; - border-bottom-color: @resources-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @resources-color; + border-top-width: 4px !important; } // Timesheet #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@timesheet-color, 30%); } +#timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top:4px solid @timesheet-color !important; + border-left: 1px solid silver !important; +} #timesheet_sidebox_header {border-left:4px solid @timesheet-color !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-bottom: 4px solid; - border-bottom-color: @timesheet-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @timesheet-color; + border-top-width: 4px !important; } // Tracker #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@tracker-color, 30%); } +#tracker_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top:4px solid @tracker-color !important; + border-left: 1px solid silver !important; +} #tracker_sidebox_header {border-left:4px solid @tracker-color !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-bottom: 4px solid; - border-bottom-color: @tracker-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @tracker-color; + border-top-width: 4px !important; } // Wiki #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@wiki-color, 30%); } +#wiki_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top:4px solid @wiki-color !important; + border-left: 1px solid silver !important; +} #wiki_sidebox_header {border-left:4px solid @wiki-color !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-bottom: 4px solid; - border-bottom-color: @wiki-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @wiki-color; + border-top-width: 4px !important; } // Ranking #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { background-color: fade(@ranking-color, 30%); } +#ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active { + border-top:4px solid @ranking-color !important; + border-left: 1px solid silver !important; +} #ranking_sidebox_header {border-left:4px solid @ranking-color !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-bottom: 4px solid; - border-bottom-color: @ranking-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @ranking-color; + 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 { @@ -167,22 +289,17 @@ filter: none; } .egw_fw_ui_sidemenu_entry_header_active { - border-top-left-radius: 5px; - &:hover { - border-radius: 5px 0px 0px 0px; - } - &:active { - border-radius: 5px 0px 0px 0px; - } + border-top: 4px solid @default-color; + border-left: 1px solid silver !important; } } } } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active { padding-bottom: 4px; - border-bottom: 4px solid; - border-bottom-color: @default-color; - border-bottom-width: 4px !important; + border-top: 4px solid; + border-top-color: @default-color; + border-top-width: 4px !important; } #egw_fw_header { diff --git a/pixelegg/less/layout_raster_main.less b/pixelegg/less/layout_raster_main.less index cfedf17f51..60d20e542f 100644 --- a/pixelegg/less/layout_raster_main.less +++ b/pixelegg/less/layout_raster_main.less @@ -111,8 +111,6 @@ .egw_fw_ui_tab_header { padding-left: 0; position: relative; - .border_radius(5px,0, 0, 5px); - .background_color_15_gray; display: inline-block; overflow: hidden; white-space: nowrap; @@ -168,8 +166,7 @@ // ########## /*aktive Tabs*/ .egw_fw_ui_tab_header_active { - border-width: 1px 1px 0px 1px !important; - /*padding: 0 0 5px !important;*/ + border-bottom: 1px solid white !important; .background_color_0_gray ; background-image:none !important; padding-bottom:8px; diff --git a/pixelegg/less/layout_raster_scrollarea.less b/pixelegg/less/layout_raster_scrollarea.less index b77e318d34..4aa7b69c1f 100644 --- a/pixelegg/less/layout_raster_scrollarea.less +++ b/pixelegg/less/layout_raster_scrollarea.less @@ -42,7 +42,7 @@ .egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover, .egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover { - background-image:url(../images/scroll_hover.png); + background-image:none; } .egw_fw_ui_scrollarea_button_disabled @@ -53,7 +53,7 @@ .egw_fw_ui_scrollarea_button_up, .egw_fw_ui_scrollarea_button_down { height: 14px; - background-image:url(../images/scroll.png); + background-image:none; background-color: white; background-repeat: no-repeat; background-position: center; diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less index eff4eb4630..7d610bc8eb 100644 --- a/pixelegg/less/layout_raster_sidebar.less +++ b/pixelegg/less/layout_raster_sidebar.less @@ -35,7 +35,7 @@ //SIDE AREA #egw_fw_sidemenu { position: absolute; - top: 3px; + top: 1px; bottom: 4px; left: 4px; right: 8px; @@ -47,51 +47,36 @@ // SIDE AREA .egw_fw_ui_scrollarea_outerdiv{ .background_color_5_gray; - border-radius: 5px; - //#################################################### // AREA for // DRAG AND DROP div.ui-sortable { - div { padding: 3px 0 1px 3px; cursor: pointer; } } - - //#################################################### // All Tabs // DRAG AND DROP .egw_fw_ui_sidemenu_entry_header { - display: block; - margin: 0 0; - /*padding: 0px 5px 5px 10px;*/ - - &:hover { - .background_color_15_gray; - .rounded(5px); - } - - &: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;} - - } - - + display: block; + margin: 0 0; + &:hover { + .background_color_15_gray; + } + &: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;} + } // #################################### // #### # @@ -108,21 +93,20 @@ background-image: url("../images/clear.png"); background-position: 95% -3000px; background-repeat: no-repeat; - .background_color_0_gray; - .border_radius ( 0px, 0px, 0px, 27px ); .bordered (@gray_30, @gray_30, @gray_30, @gray_30); - 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: .8em;} - - &:active {.box_shadow_standard_light_active; .border_radius ( 5px, 0px, 0px, 27px );} + h1 { + text-transform: uppercase; + font-size: 1.4em; + .color_100_gray; + padding-top: 0; + line-height: 33px; + } + &:active {} &:hover { img { content: url(../images/reload.png); @@ -145,7 +129,6 @@ } .egw_fw_ui_ajaxloader {margin-top: -26px;} - } //#################################################### @@ -171,14 +154,9 @@ // ## &:nth-last-of-type(-n+3) ## // ##################################### - - - - .egw_fw_ui_sidemenu_entry_content { display: block; background-image: none; - .border_radius (0, 0, 27px, 0); border-color: @gray_30; border-style: solid; border-width: 1px; @@ -188,7 +166,6 @@ // rounded Corner on bottom &:nth-last-of-type(-n+3) { .background_color_0_gray; - .border_radius (0, 0, 24px, 0); border-color: @gray_30; border-right: 0px; margin-bottom: 10px; @@ -202,7 +179,7 @@ // *letztes Element */ // has round corners div.egw_fw_ui_category:nth-last-of-type(-n+3) { - .border_radius (0, 0, 15px, 0); + } //################################################### @@ -218,8 +195,6 @@ /*background-color: @egw_color_2_d;*/ - .border_radius(3px,3px,3px,3px); - h1 { margin: 5px 0px 3px 5px; padding: 0px 0px 0px 15px; @@ -255,23 +230,15 @@ .egw_fw_ui_category_active { border-bottom-width: 0px; margin-top: 4px; - background-color: @egw_color_2_a; - - /*.background-color-50-gray;*/ .color_5_gray; - .border_radius(3px,3px,3px,3px) !important; - h1 { background-image:url(../images/arrow_down_white.png); line-height: 1em; font-size: 12px; - a { color: #FFF; - img {.dimension_width_height_s;} - &:hover { padding: 5px 30px 5px 0px; width: 200px; @@ -294,16 +261,16 @@ } .egw_fw_ui_sidemenu_entry_icon { - display: inline-block; - .dimension_height_m; + display: inline-block; + .dimension_height_m; - padding-left: 0; - padding-right: 0px; - float: left; + padding-left: 0; + padding-right: 0px; + float: left; - /*filter grey*/ - .img_filter_gray; - } + /*filter grey*/ + .img_filter_gray; + } } @@ -331,7 +298,7 @@ height: 30px; position: relative; z-index: 1; - top: 5px; + top: 8px; margin-top: 0; margin-bottom: -30px; float: right; @@ -380,10 +347,12 @@ } } #egw_fw_sidemenu.egw_fw_sidebar_toggleOn { + top:-1px; /* toggler button*/ #egw_fw_toggler { margin: 1px auto 4px; float:none; + top: 5px; span { background-color: #b4b4b4; transition: all 0.3s; diff --git a/pixelegg/less/layout_table.less b/pixelegg/less/layout_table.less index e874ffd05b..414da04ffc 100755 --- a/pixelegg/less/layout_table.less +++ b/pixelegg/less/layout_table.less @@ -72,13 +72,9 @@ table.egwGridView_outer{ max-height: 118px; overflow-y: auto; background: white; - border-radius: 5px; tr { - th { - background-position: -200px; - font-weight: normal; padding: 3px 1px 3px 4px; border-color: @gray_30; @@ -86,10 +82,8 @@ table.egwGridView_outer{ border-top: 0px solid transparent; border-right: 1px solid white; border-bottom: 0px solid transparent; - vertical-align: middle; overflow: auto; - border-radius:5px; background: rgb(224, 224, 224); &:hover { .background_color_25_gray; @@ -214,7 +208,7 @@ table.egwGridView_grid{ // is active tr.focused{ - + } diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 47ae5dbda0..52096b0d97 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -4329,20 +4329,6 @@ td.message span.message { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header { padding-left: 0; position: relative; - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 5px; - -moz-border-radius-topright: 5px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 5px; - border-top-right-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 5px; - /*.background-clip(padding-box);*/ - background-color: #d9d9d9; display: inline-block; overflow: hidden; white-space: nowrap; @@ -4403,8 +4389,7 @@ td.message span.message { /*.background-clip(padding-box);*/ } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active { - border-width: 1px 1px 0px 1px !important; - /*padding: 0 0 5px !important;*/ + border-bottom: 1px solid white !important; background-color: #ffffff; background-image: none !important; padding-bottom: 8px; @@ -4499,7 +4484,7 @@ td.message span.message { } #egw_fw_sidebar #egw_fw_sidemenu { position: absolute; - top: 3px; + top: 1px; bottom: 4px; left: 4px; right: 8px; @@ -4510,7 +4495,6 @@ td.message span.message { } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv { background-color: #fafafa; - border-radius: 5px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv div.ui-sortable div { padding: 3px 0 1px 3px; @@ -4519,13 +4503,9 @@ td.message span.message { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header { display: block; margin: 0 0; - /*padding: 0px 5px 5px 10px;*/ } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:hover { background-color: #d9d9d9; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header:active { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -4552,19 +4532,6 @@ td.message span.message { background-position: 95% -3000px; background-repeat: no-repeat; background-color: #ffffff; - -webkit-border-top-right-radius: 0px; - -webkit-border-bottom-right-radius: 0px; - -webkit-border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 27px; - -moz-border-radius-topright: 0px; - -moz-border-radius-bottomright: 0px; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 27px; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; - border-top-left-radius: 27px; - /*.background-clip(padding-box);*/ border-top: solid 1px #B4B4B4; border-left: solid 1px #B4B4B4; border-right: solid 1px #B4B4B4; @@ -4582,25 +4549,8 @@ td.message span.message { text-transform: uppercase; font-size: 1.4em; color: #000000; - padding-top: .8em; -} -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:active { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 0px; - -webkit-border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 27px; - -moz-border-radius-topright: 5px; - -moz-border-radius-bottomright: 0px; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 27px; - border-top-right-radius: 5px; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; - border-top-left-radius: 27px; - /*.background-clip(padding-box);*/ + padding-top: 0; + line-height: 33px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img { content: url(../images/reload.png); @@ -4629,19 +4579,6 @@ td.message span.message { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .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: 27px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 27px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 27px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ border-color: #B4B4B4; border-style: solid; border-width: 1px; @@ -4650,40 +4587,12 @@ td.message span.message { } #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; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 24px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 24px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 24px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ border-color: #B4B4B4; border-right: 0px; margin-bottom: 10px; border-top-color: white; padding-top: 8px; } -#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content div.egw_fw_ui_category:nth-last-of-type(-n+3) { - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 15px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 15px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 15px; - border-top-left-radius: 0; - /*.background-clip(padding-box);*/ -} #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: 0.5em 1em 0.5em 0; @@ -4691,19 +4600,6 @@ td.message span.message { border-color: #B4B4B4; background-color: #E6E6E6; /*background-color: @egw_color_2_d;*/ - -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);*/ } #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; @@ -4725,21 +4621,7 @@ td.message span.message { border-bottom-width: 0px; margin-top: 4px; background-color: #0C5DA5; - /*.background-color-50-gray;*/ 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);*/ } #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_white.png); @@ -4810,7 +4692,7 @@ td.message span.message { height: 30px; position: relative; z-index: 1; - top: 5px; + top: 8px; margin-top: 0; margin-bottom: -30px; float: right; @@ -4860,12 +4742,14 @@ td.message span.message { background-color: #606060; } #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn { + top: -1px; /* toggler button*/ /*sidebar adjustments*/ } #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler { margin: 1px auto 4px; float: none; + top: 5px; } #egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span { background-color: #b4b4b4; @@ -5104,7 +4988,7 @@ td.message span.message { } .egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover, .egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover { - background-image: url(../images/scroll_hover.png); + background-image: none; } .egw_fw_ui_scrollarea_button_disabled { display: none !important; @@ -5112,7 +4996,7 @@ td.message span.message { .egw_fw_ui_scrollarea_button_up, .egw_fw_ui_scrollarea_button_down { height: 14px; - background-image: url(../images/scroll.png); + background-image: none; background-color: white; background-repeat: no-repeat; background-position: center; @@ -5692,7 +5576,6 @@ table.egwGridView_outer thead { max-height: 118px; overflow-y: auto; background: white; - border-radius: 5px; } table.egwGridView_outer thead tr th { background-position: -200px; @@ -5705,7 +5588,6 @@ table.egwGridView_outer thead tr th { border-bottom: 0px solid transparent; vertical-align: middle; overflow: auto; - border-radius: 5px; background: #e0e0e0; } table.egwGridView_outer thead tr th:hover {