diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index 6451936370..3511fce871 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -5011,22 +5011,22 @@ td.message span.message { -webkit-transform: rotate(-145deg) translate(8px, 2px); background-color: #606060; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn { /* toggler button*/ /*sidebar adjustments*/ } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler { margin: 1px auto 4px; float: none; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span { background-color: #b4b4b4; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span:before, -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span:after { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before, +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after { transform: none; -ms-transform: none; -moz-transform: none; @@ -5035,30 +5035,31 @@ td.message span.message { height: 5px; background-color: #b4b4b4; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span { background-color: #606060; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before { background-color: #606060; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after { background-color: #606060; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_content { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_content { display: none !important; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header_active { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header_active { border-radius: 0 !important; width: auto !important; + border: 0; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header { width: 50px; height: 35px; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header h1 { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header h1 { visibility: hidden; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header img { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header img { margin: 4px auto 0px !important; padding: 0 !important; float: none !important; @@ -5836,42 +5837,29 @@ button.image_button { vertical-align: top; } table.egwGridView_outer { - background-color: #fafafa; + background-color: transparent; border-spacing: 0px; font-size: 0.9em; } table.egwGridView_outer thead { - /*.background-color-5-gray;*/ - background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(191, 191, 191, 0.65))); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* IE10+ */ - background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0); - /* IE6-9 */ max-height: 118px; overflow-y: auto; + background: #e0e0e0; + border-radius: 5px; } table.egwGridView_outer thead tr th { - background: transparent; - /*.gradient();*/ background-position: -200px; - font-weight: normal; + font-weight: bold; padding: 3px 0 3px 4px; border-color: #b4b4b4; border-left: 0px solid transparent; border-top: 0px solid transparent; - border-right: 0px solid transparent; + border-right: 2px solid white; border-bottom: 0px solid transparent; - vertical-align: top; + vertical-align: middle; overflow: auto; + border-radius: 3px; + border-top-right-radius: 23px; } table.egwGridView_outer thead tr th:hover { background-color: #bfbfbf; @@ -5903,6 +5891,8 @@ table.egwGridView_outer thead tr th.optcol { text-align: center; background-image: none; /*width: 32px !important;*/ + vertical-align: bottom; + background-color: #ffffff; } table.egwGridView_outer thead tr th.optcol:hover { background-color: #189800; diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index e22858d32b..9be23979cf 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -5000,22 +5000,22 @@ td.message span.message { -webkit-transform: rotate(-145deg) translate(8px, 2px); background-color: #606060; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn { /* toggler button*/ /*sidebar adjustments*/ } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler { margin: 1px auto 4px; float: none; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span { background-color: #b4b4b4; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span:before, -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span:after { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before, +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler span:after { transform: none; -ms-transform: none; -moz-transform: none; @@ -5024,30 +5024,31 @@ td.message span.message { height: 5px; background-color: #b4b4b4; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span { background-color: #606060; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:before { background-color: #606060; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn #egw_fw_toggler:hover span:after { background-color: #606060; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_content { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_content { display: none !important; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header_active { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header_active { border-radius: 0 !important; width: auto !important; + border: 0; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header { width: 50px; height: 35px; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header h1 { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header h1 { visibility: hidden; } -#egw_fw_sidebar .egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header img { +#egw_fw_sidebar #egw_fw_sidemenu.egw_fw_sidebar_toggleOn .egw_fw_ui_sidemenu_entry_header img { margin: 4px auto 0px !important; padding: 0 !important; float: none !important; @@ -5825,42 +5826,29 @@ button.image_button { vertical-align: top; } table.egwGridView_outer { - background-color: #fafafa; + background-color: transparent; border-spacing: 0px; font-size: 0.9em; } table.egwGridView_outer thead { - /*.background-color-5-gray;*/ - background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(191, 191, 191, 0.65))); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* IE10+ */ - background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0); - /* IE6-9 */ max-height: 118px; overflow-y: auto; + background: #e0e0e0; + border-radius: 5px; } table.egwGridView_outer thead tr th { - background: transparent; - /*.gradient();*/ background-position: -200px; - font-weight: normal; + font-weight: bold; padding: 3px 0 3px 4px; border-color: #b4b4b4; border-left: 0px solid transparent; border-top: 0px solid transparent; - border-right: 0px solid transparent; + border-right: 2px solid white; border-bottom: 0px solid transparent; - vertical-align: top; + vertical-align: middle; overflow: auto; + border-radius: 3px; + border-top-right-radius: 23px; } table.egwGridView_outer thead tr th:hover { background-color: #bfbfbf; @@ -5892,6 +5880,8 @@ table.egwGridView_outer thead tr th.optcol { text-align: center; background-image: none; /*width: 32px !important;*/ + vertical-align: bottom; + background-color: #ffffff; } table.egwGridView_outer thead tr th.optcol:hover { background-color: #189800; diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less index 9fe3dfa930..4128bf4786 100644 --- a/pixelegg/less/layout_raster_sidebar.less +++ b/pixelegg/less/layout_raster_sidebar.less @@ -388,7 +388,7 @@ top:11px; } } - .egw_fw_sidebar_toggleOn { + #egw_fw_sidemenu.egw_fw_sidebar_toggleOn { /* toggler button*/ #egw_fw_toggler { margin: 1px auto 4px; @@ -429,6 +429,7 @@ .egw_fw_ui_sidemenu_entry_header_active { border-radius: 0 !important; width: auto !important; + border:0; } .egw_fw_ui_sidemenu_entry_header { width: 50px; diff --git a/pixelegg/less/layout_table.less b/pixelegg/less/layout_table.less index 03d8f059f1..4a45cbbb51 100755 --- a/pixelegg/less/layout_table.less +++ b/pixelegg/less/layout_table.less @@ -67,36 +67,34 @@ table.et2_grid { // Spalten mit Border table.egwGridView_outer{ - .background_color_5_gray; + background-color:transparent; // max-width: 100%; border-spacing: 0px; font-size: 0.9em; thead { - .gradient_thead; - - max-height: 118px; + max-height: 118px; overflow-y: auto; - + background: rgb(224, 224, 224); + border-radius: 5px; tr { th { - background: transparent; - /*.gradient();*/ background-position: -200px; - font-weight: normal; + font-weight: bold; padding: 3px 0 3px 4px; border-color: @gray_30; border-left: 0px solid transparent; border-top: 0px solid transparent; - border-right: 0px solid transparent; + border-right: 2px solid white; border-bottom: 0px solid transparent; - vertical-align: top; + vertical-align: middle; overflow: auto; - + border-radius:3px; + border-top-right-radius: 23px; &:hover { .background_color_25_gray; @@ -128,7 +126,8 @@ table.egwGridView_outer{ text-align: center; background-image: none; /*width: 32px !important;*/ - + vertical-align: bottom; + .background_color_0_gray; &:hover{ background-color: @color_hint; }