mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-01-23 14:29:02 +01:00
WIP Mobile and Compact theme styling improvements
This commit is contained in:
Hadi Nategh
parent
811f950567
commit
5c43ce73f2
File diff suppressed because it is too large
Load Diff
@ -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
|
||||
|
||||
@ -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;
|
||||
@ -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%;
|
||||
|
||||
@ -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%;
|
||||
|
||||
@ -54,6 +54,7 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
//####################################################
|
||||
// All Tabs
|
||||
// DRAG AND DROP
|
||||
@ -161,6 +162,21 @@
|
||||
// ## &: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;
|
||||
@ -262,27 +278,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.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 ENDE
|
||||
|
||||
|
||||
|
||||
@ -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;
|
||||
@ -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 <hn@stylite.de>
|
||||
* @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%;
|
||||
@ -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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#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;
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user