mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-02-02 19:39:39 +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$
|
* @version $Id$
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import "monochrome.less";
|
@import "pixelegg.less";
|
||||||
@import (reference) "../less/def_mobile.less";
|
@import (reference) "../less/def_mobile.less";
|
||||||
|
|
||||||
@keyframes fw-firstload {
|
@keyframes fw-firstload {
|
||||||
@ -157,6 +157,9 @@
|
|||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
#egw_fw_topmenu_info_items {
|
||||||
|
#topmenu_info_search {display: none;}
|
||||||
|
}
|
||||||
#egwpopup_fw_notifications {
|
#egwpopup_fw_notifications {
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -444,16 +447,6 @@
|
|||||||
#egw_fw_sidebar{
|
#egw_fw_sidebar{
|
||||||
//SIDE AREA
|
//SIDE AREA
|
||||||
#egw_fw_sidemenu {
|
#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_apps {
|
||||||
.egw_fw_ui_sidemenu_entry_header
|
.egw_fw_ui_sidemenu_entry_header
|
||||||
{
|
{
|
||||||
@ -505,9 +498,22 @@
|
|||||||
|
|
||||||
img {padding-left: 9px; padding-top: 6px; height: 18px;}
|
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;}
|
&:active {.box_shadow_standard_light_active; border-radius: 0;}
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
@ -531,145 +537,16 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.egw_fw_ui_sidemenu_entry_content {
|
.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 {
|
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 {
|
.egw_fw_ui_sidemenu_entry_content_bottom {
|
||||||
border-width: 0px 1px 1px 1px;
|
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
|
} // SIDEMENU End
|
||||||
}//End of Sidebar
|
}//End of Sidebar
|
||||||
//ToggleClass
|
//ToggleClass
|
||||||
|
|||||||
@ -35,6 +35,18 @@
|
|||||||
* @package pixelegg
|
* @package pixelegg
|
||||||
* @version $Id$
|
* @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
|
* DARK THEME
|
||||||
*/
|
*/
|
||||||
@ -42,11 +54,17 @@
|
|||||||
html[data-darkmode='1'] {
|
html[data-darkmode='1'] {
|
||||||
background: #000;
|
background: #000;
|
||||||
position: fixed;
|
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'] img,
|
||||||
html[data-darkmode='1'] #blueimp-gallery,
|
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;
|
filter: invert(1) hue-rotate(180deg) !important;
|
||||||
}
|
}
|
||||||
html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon,
|
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'] body .egw_message_wrapper,
|
||||||
html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu,
|
html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu,
|
||||||
html[data-darkmode='1'] .ui-dialog,
|
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;
|
box-shadow: 0px 0px 2px 2px #666666;
|
||||||
-moz-box-shadow: 0px 0px 2px 2px #666666;
|
-moz-box-shadow: 0px 0px 2px 2px #666666;
|
||||||
-webkit-box-shadow: 0px 0px 2px 2px #666666;
|
-webkit-box-shadow: 0px 0px 2px 2px #666666;
|
||||||
@ -90,7 +109,7 @@
|
|||||||
}
|
}
|
||||||
html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
|
html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
|
||||||
html[data-darkmode='1'] #mail_sidebox_header {
|
html[data-darkmode='1'] #mail_sidebox_header {
|
||||||
border-color: #5db9ec !important;
|
border-color: #5db9ec!important;
|
||||||
}
|
}
|
||||||
html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
||||||
border-top-color: #5db9ec !important;
|
border-top-color: #5db9ec !important;
|
||||||
@ -312,11 +331,18 @@
|
|||||||
span.et2_date span {
|
span.et2_date span {
|
||||||
color: #FFFFFF;
|
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"] {
|
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
|
||||||
background-image: url(../images/bullet.svg);
|
background-image: url(../images/bullet.svg);
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
border: none;
|
border: none;
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.ui-datepicker .ui-datepicker-prev:hover,
|
.ui-datepicker .ui-datepicker-prev:hover,
|
||||||
.ui-datepicker .ui-datepicker-next:hover {
|
.ui-datepicker .ui-datepicker-next:hover {
|
||||||
@ -1458,20 +1484,20 @@ span.ui-icon-search {
|
|||||||
box-shadow: -2px 1px 9px 3px #B4B4B4;
|
box-shadow: -2px 1px 9px 3px #B4B4B4;
|
||||||
}
|
}
|
||||||
.ui-dialog .ui-dialog-buttonpane {
|
.ui-dialog .ui-dialog-buttonpane {
|
||||||
padding-left: 0.8em;
|
padding-left: .8em;
|
||||||
padding-right: 0.8em;
|
padding-right: .8em;
|
||||||
padding-top: 0.7em;
|
padding-top: 0.7em;
|
||||||
}
|
}
|
||||||
.ui-dialog .ui-dialog-titlebar {
|
.ui-dialog .ui-dialog-titlebar {
|
||||||
padding-left: 0.8em;
|
padding-left: .8em;
|
||||||
padding-right: 0.8em;
|
padding-right: .8em;
|
||||||
font-size: 12pt;
|
font-size: 12pt;
|
||||||
border: none;
|
border: none;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
background: white;
|
background: white;
|
||||||
}
|
}
|
||||||
.ui-dialog .ui-dialog-titlebar-close {
|
.ui-dialog .ui-dialog-titlebar-close {
|
||||||
right: 0.8em;
|
right: .8em;
|
||||||
}
|
}
|
||||||
.ui-widget-content {
|
.ui-widget-content {
|
||||||
border: 1px solid #B4B4B4;
|
border: 1px solid #B4B4B4;
|
||||||
@ -1600,6 +1626,7 @@ div#ui-datepicker-div {
|
|||||||
}
|
}
|
||||||
.ui-datepicker div.ui-timepicker-div dt.ui_tpicker_time_label {
|
.ui-datepicker div.ui-timepicker-div dt.ui_tpicker_time_label {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
|
margin-top: 6px;
|
||||||
}
|
}
|
||||||
.ui-datepicker div.ui-timepicker-div dd.ui_tpicker_time {
|
.ui-datepicker div.ui-timepicker-div dd.ui_tpicker_time {
|
||||||
padding-left: 75px;
|
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 {
|
.ui-datepicker div.ui-timepicker-div div.ui_tpicker_hour_slider span.ui-slider-handle {
|
||||||
background-color: #0C5DA5;
|
background-color: #0C5DA5;
|
||||||
|
padding: 1px;
|
||||||
|
outline: none;
|
||||||
}
|
}
|
||||||
.ui-datepicker div.ui-timepicker-div div.ui_tpicker_minute_slider span.ui-slider-handle {
|
.ui-datepicker div.ui-timepicker-div div.ui_tpicker_minute_slider span.ui-slider-handle {
|
||||||
background-color: #0C5DA5;
|
background-color: #0C5DA5;
|
||||||
|
padding: 1px;
|
||||||
|
outline: none;
|
||||||
}
|
}
|
||||||
.ui-datepicker div.ui-datepicker-buttonpane {
|
.ui-datepicker div.ui-datepicker-buttonpane {
|
||||||
background-color: #679FD2;
|
background-color: #679FD2;
|
||||||
@ -4112,7 +4143,7 @@ td.message span.message {
|
|||||||
display: none;
|
display: none;
|
||||||
right: 5px;
|
right: 5px;
|
||||||
width: 241px;
|
width: 241px;
|
||||||
z-index: 1000;
|
z-index: 1001;
|
||||||
top: 46px;
|
top: 46px;
|
||||||
background: white;
|
background: white;
|
||||||
box-shadow: 2px 3px 13px #666666;
|
box-shadow: 2px 3px 13px #666666;
|
||||||
@ -4561,19 +4592,19 @@ td.message span.message {
|
|||||||
padding: 3px 0 1px 3px;
|
padding: 3px 0 1px 3px;
|
||||||
cursor: pointer;
|
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;
|
display: block;
|
||||||
margin: 0 0;
|
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);
|
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);
|
-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);
|
-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);
|
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;
|
margin: 0 0 10px 0;
|
||||||
padding-top: 0.4em;
|
padding-top: 0.4em;
|
||||||
padding-left: 3em;
|
padding-left: 3em;
|
||||||
@ -4582,12 +4613,12 @@ td.message span.message {
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 17px;
|
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;
|
background-color: #FFFFFF;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 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;
|
cursor: pointer;
|
||||||
background-image: url("../images/clear.png");
|
background-image: url("../images/clear.png");
|
||||||
background-position: 95% -3000px;
|
background-position: 95% -3000px;
|
||||||
@ -4597,12 +4628,12 @@ td.message span.message {
|
|||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
height: 33px;
|
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-left: 9px;
|
||||||
padding-top: 7px;
|
padding-top: 7px;
|
||||||
height: 18px;
|
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;
|
text-transform: uppercase;
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
@ -4614,19 +4645,19 @@ td.message span.message {
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding-left: 10px;
|
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;
|
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-image: url(../images/reload.png);
|
||||||
background-size: 18px;
|
background-size: 18px;
|
||||||
background-position: 9px 6px;
|
background-position: 9px 6px;
|
||||||
background-repeat: no-repeat;
|
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;
|
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-image: url("../images/ajax-loader.gif");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: 90% 50%;
|
background-position: 90% 50%;
|
||||||
@ -4635,7 +4666,7 @@ td.message span.message {
|
|||||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||||
background-color: #bfbfbf;
|
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-left: 14px;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
-webkit-border-radius: 3px;
|
-webkit-border-radius: 3px;
|
||||||
@ -4644,92 +4675,13 @@ td.message span.message {
|
|||||||
width: 16px;
|
width: 16px;
|
||||||
height: 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;
|
margin-top: -26px;
|
||||||
}
|
}
|
||||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content {
|
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom {
|
||||||
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 {
|
|
||||||
border-width: 0px 1px 1px 1px;
|
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;
|
display: inline-block;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
@ -4747,6 +4699,85 @@ td.message span.message {
|
|||||||
filter: gray;
|
filter: gray;
|
||||||
/* IE 6-9 */
|
/* 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 {
|
#egw_fw_sidebar #egw_fw_splitter {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 8px;
|
width: 8px;
|
||||||
@ -6274,7 +6305,7 @@ a.textSidebox {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.egw-loading-prompt-container::before {
|
.egw-loading-prompt-container::before {
|
||||||
opacity: 0.3;
|
opacity: .3;
|
||||||
content: "";
|
content: "";
|
||||||
background-color: #aaaaaa;
|
background-color: #aaaaaa;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -6353,7 +6384,7 @@ a.textSidebox {
|
|||||||
z-index: 999;
|
z-index: 999;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
border: solid 10px #679FD2;
|
border: solid 10px #679FD2;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
}
|
}
|
||||||
/**
|
/**
|
||||||
|
|||||||
@ -120,7 +120,7 @@
|
|||||||
}
|
}
|
||||||
html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
|
html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
|
||||||
html[data-darkmode='1'] #mail_sidebox_header {
|
html[data-darkmode='1'] #mail_sidebox_header {
|
||||||
border-color: #5db9ec !important;
|
border-color: #5db9ec!important;
|
||||||
}
|
}
|
||||||
html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
html[data-darkmode='1'] #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
|
||||||
border-top-color: #5db9ec !important;
|
border-top-color: #5db9ec !important;
|
||||||
@ -1495,20 +1495,20 @@ span.ui-icon-search {
|
|||||||
box-shadow: -2px 1px 9px 3px #B4B4B4;
|
box-shadow: -2px 1px 9px 3px #B4B4B4;
|
||||||
}
|
}
|
||||||
.ui-dialog .ui-dialog-buttonpane {
|
.ui-dialog .ui-dialog-buttonpane {
|
||||||
padding-left: 0.8em;
|
padding-left: .8em;
|
||||||
padding-right: 0.8em;
|
padding-right: .8em;
|
||||||
padding-top: 0.7em;
|
padding-top: 0.7em;
|
||||||
}
|
}
|
||||||
.ui-dialog .ui-dialog-titlebar {
|
.ui-dialog .ui-dialog-titlebar {
|
||||||
padding-left: 0.8em;
|
padding-left: .8em;
|
||||||
padding-right: 0.8em;
|
padding-right: .8em;
|
||||||
font-size: 12pt;
|
font-size: 12pt;
|
||||||
border: none;
|
border: none;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
background: white;
|
background: white;
|
||||||
}
|
}
|
||||||
.ui-dialog .ui-dialog-titlebar-close {
|
.ui-dialog .ui-dialog-titlebar-close {
|
||||||
right: 0.8em;
|
right: .8em;
|
||||||
}
|
}
|
||||||
.ui-widget-content {
|
.ui-widget-content {
|
||||||
border: 1px solid #B4B4B4;
|
border: 1px solid #B4B4B4;
|
||||||
@ -4603,19 +4603,19 @@ td.message span.message {
|
|||||||
padding: 3px 0 1px 3px;
|
padding: 3px 0 1px 3px;
|
||||||
cursor: pointer;
|
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;
|
display: block;
|
||||||
margin: 0 0;
|
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);
|
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);
|
-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);
|
-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);
|
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;
|
margin: 0 0 10px 0;
|
||||||
padding-top: 0.4em;
|
padding-top: 0.4em;
|
||||||
padding-left: 3em;
|
padding-left: 3em;
|
||||||
@ -4624,12 +4624,12 @@ td.message span.message {
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 17px;
|
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;
|
background-color: #FFFFFF;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 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;
|
cursor: pointer;
|
||||||
background-image: url("../images/clear.png");
|
background-image: url("../images/clear.png");
|
||||||
background-position: 95% -3000px;
|
background-position: 95% -3000px;
|
||||||
@ -4639,12 +4639,12 @@ td.message span.message {
|
|||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
height: 33px;
|
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-left: 9px;
|
||||||
padding-top: 7px;
|
padding-top: 7px;
|
||||||
height: 18px;
|
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;
|
text-transform: uppercase;
|
||||||
font-size: 1.4em;
|
font-size: 1.4em;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
@ -4656,19 +4656,19 @@ td.message span.message {
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding-left: 10px;
|
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;
|
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-image: url(../images/reload.png);
|
||||||
background-size: 18px;
|
background-size: 18px;
|
||||||
background-position: 9px 6px;
|
background-position: 9px 6px;
|
||||||
background-repeat: no-repeat;
|
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;
|
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-image: url("../images/ajax-loader.gif");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: 90% 50%;
|
background-position: 90% 50%;
|
||||||
@ -4677,7 +4677,7 @@ td.message span.message {
|
|||||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||||
background-color: #bfbfbf;
|
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-left: 14px;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
-webkit-border-radius: 3px;
|
-webkit-border-radius: 3px;
|
||||||
@ -4686,92 +4686,13 @@ td.message span.message {
|
|||||||
width: 16px;
|
width: 16px;
|
||||||
height: 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;
|
margin-top: -26px;
|
||||||
}
|
}
|
||||||
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content {
|
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content_bottom {
|
||||||
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 {
|
|
||||||
border-width: 0px 1px 1px 1px;
|
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;
|
display: inline-block;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
@ -4789,6 +4710,85 @@ td.message span.message {
|
|||||||
filter: gray;
|
filter: gray;
|
||||||
/* IE 6-9 */
|
/* 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 {
|
#egw_fw_sidebar #egw_fw_splitter {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 8px;
|
width: 8px;
|
||||||
@ -6316,7 +6316,7 @@ a.textSidebox {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.egw-loading-prompt-container::before {
|
.egw-loading-prompt-container::before {
|
||||||
opacity: 0.3;
|
opacity: .3;
|
||||||
content: "";
|
content: "";
|
||||||
background-color: #aaaaaa;
|
background-color: #aaaaaa;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -6395,7 +6395,7 @@ a.textSidebox {
|
|||||||
z-index: 999;
|
z-index: 999;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
border: solid 10px #679FD2;
|
border: solid 10px #679FD2;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
}
|
}
|
||||||
/**
|
/**
|
||||||
|
|||||||
@ -54,234 +54,229 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//####################################################
|
|
||||||
// All Tabs
|
|
||||||
// DRAG AND DROP
|
|
||||||
.egw_fw_ui_sidemenu_entry_header {
|
|
||||||
display: block;
|
|
||||||
margin: 0 0;
|
|
||||||
&:hover {
|
|
||||||
background-color: @color_hover_row;
|
|
||||||
}
|
|
||||||
&:active {.box_shadow_standard_light_inset;}
|
|
||||||
h1 {
|
|
||||||
margin: 0 0 10px 0;
|
|
||||||
padding-top: 0.4em;
|
|
||||||
padding-left: 3em;
|
|
||||||
.color_40_gray;
|
|
||||||
/*font-size: 12px;*/
|
|
||||||
.fontsize_l;
|
|
||||||
line-height: 17px;
|
|
||||||
}
|
|
||||||
object {background-color: @gray_0; .dimension_width_height_m;}
|
|
||||||
}
|
|
||||||
|
|
||||||
// ##########################################
|
|
||||||
// ### #
|
|
||||||
// ### IMG | ADD NAME #
|
|
||||||
// ### #
|
|
||||||
// ### #
|
|
||||||
//###########################################
|
|
||||||
// aktive APP
|
|
||||||
// aktiver Tab
|
|
||||||
// rounded Corner Left Top
|
|
||||||
.egw_fw_ui_sidemenu_entry_header_active {
|
|
||||||
//
|
|
||||||
cursor: pointer;
|
|
||||||
background-image: url("../images/clear.png");
|
|
||||||
background-position: 95% -3000px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
.background_color_0_gray;
|
|
||||||
margin: 0 0 0 0;
|
|
||||||
border-bottom: none;
|
|
||||||
height: 33px;
|
|
||||||
img {padding-left: 9px; padding-top: 7px; height: 18px;}
|
|
||||||
h1 {
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 1.4em;
|
|
||||||
.color_100_gray;
|
|
||||||
padding-top: 0;
|
|
||||||
line-height: 33px;
|
|
||||||
height: 33px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
padding-left: 10px;
|
|
||||||
&:hover {padding-left: 35px;}
|
|
||||||
}
|
|
||||||
&:active {}
|
|
||||||
&:hover {
|
|
||||||
background-image: url(../images/reload.png);
|
|
||||||
background-size: 18px;
|
|
||||||
background-position: 9px 6px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
img {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:focus {
|
|
||||||
background-image: url("../images/ajax-loader.gif");
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 90% 50%;
|
|
||||||
.Complete_Button_active;
|
|
||||||
|
|
||||||
.background_color_25_gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
object {
|
|
||||||
margin-left: 14px;
|
|
||||||
margin-top: 8px;
|
|
||||||
.rounded (3px;);
|
|
||||||
.dimension_width_height_s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.egw_fw_ui_ajaxloader {margin-top: -26px;}
|
|
||||||
}
|
|
||||||
|
|
||||||
//####################################################
|
|
||||||
// Rahmen um APP Einstellungen
|
|
||||||
// egw_fw_ui_sidemenu_entry_content
|
|
||||||
// ########################################
|
|
||||||
// ## ##
|
|
||||||
// ## ##
|
|
||||||
// ########################################
|
|
||||||
|
|
||||||
// ########################################
|
|
||||||
// ## ##
|
|
||||||
// ## ##
|
|
||||||
// ########################################
|
|
||||||
|
|
||||||
// ########################################
|
|
||||||
// ## ##
|
|
||||||
// ## ##
|
|
||||||
// ########################################
|
|
||||||
|
|
||||||
// ########################################
|
|
||||||
// ## div.egw_fw_ui_category ##
|
|
||||||
// ## &:nth-last-of-type(-n+3) ##
|
|
||||||
// #####################################
|
|
||||||
|
|
||||||
.egw_fw_ui_sidemenu_entry_content {
|
|
||||||
display: block;
|
|
||||||
background-image: none;
|
|
||||||
border-color: @gray_30;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 1px;
|
|
||||||
margin: 0 0 2em 0;
|
|
||||||
border-left: none;
|
|
||||||
|
|
||||||
// rounded Corner on bottom
|
|
||||||
&:nth-last-of-type(-n+3) {
|
|
||||||
.background_color_0_gray;
|
|
||||||
border-color: @gray_30;
|
|
||||||
border-right: 0px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
border-top-color: white;
|
|
||||||
padding-top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
& > div {}
|
|
||||||
|
|
||||||
//###################################################
|
|
||||||
// *letztes Element */
|
|
||||||
// has round corners
|
|
||||||
div.egw_fw_ui_category:nth-last-of-type(-n+3) {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
//###################################################
|
|
||||||
// Schaltflächen - Elements
|
|
||||||
// Normal
|
|
||||||
.egw_fw_ui_category {
|
|
||||||
margin: 4px 5px 5px 5px;
|
|
||||||
padding: 2px 0 2px 0;
|
|
||||||
cursor: pointer;
|
|
||||||
// border-top: 7px solid;
|
|
||||||
border-color: @gray_30;
|
|
||||||
background-color: @gray_10;
|
|
||||||
|
|
||||||
/*background-color: @egw_color_2_d;*/
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
margin: 5px 0px 3px 5px;
|
|
||||||
padding: 0px 0px 0px 24px;
|
|
||||||
line-height: 1em;
|
|
||||||
.fontsize_l;
|
|
||||||
background-image:url(../images/arrow_right.svg);
|
|
||||||
background-repeat:no-repeat;
|
|
||||||
background-position:left center;
|
|
||||||
background-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.egw_fw_ui_category:nth-last-of-type(-n+3) {
|
|
||||||
img.egw_fw_ui_sidemenu_listitem_icon {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
//#################################
|
|
||||||
// Hover
|
|
||||||
// on Mouse over change color
|
|
||||||
.egw_fw_ui_category:hover {
|
|
||||||
.background_color_40_gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*######################*/
|
|
||||||
// Active State
|
|
||||||
// change Background color in Blue
|
|
||||||
// See all Elements
|
|
||||||
.egw_fw_ui_category_active {
|
|
||||||
border-bottom-width: 0px;
|
|
||||||
margin-top: 4px;
|
|
||||||
background-color: @egw_color_2_a;
|
|
||||||
.color_5_gray;
|
|
||||||
h1 {
|
|
||||||
background-image:url(../images/arrow_down.svg);
|
|
||||||
line-height: 1em;
|
|
||||||
font-size: 12px;
|
|
||||||
background-size: 12px;
|
|
||||||
filter: brightness(3);
|
|
||||||
a {
|
|
||||||
color: #FFF;
|
|
||||||
img {.dimension_width_height_s;}
|
|
||||||
&:hover {
|
|
||||||
padding: 5px 30px 5px 0px;
|
|
||||||
width: 200px;
|
|
||||||
.background_color_10_gray;
|
|
||||||
.color_50_gray;
|
|
||||||
.Complete_Button_hover;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.egw_fw_ui_sidemenu_entry_content_bottom {
|
|
||||||
border-width: 0px 1px 1px 1px;
|
|
||||||
}
|
|
||||||
.egw_fw_ui_sidemenu_entry_header_bottom {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.egw_fw_ui_sidemenu_entry_icon {
|
|
||||||
display: inline-block;
|
|
||||||
.dimension_height_m;
|
|
||||||
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 0px;
|
|
||||||
float: left;
|
|
||||||
|
|
||||||
/*filter grey*/
|
|
||||||
.img_filter_gray;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
//####################################################
|
||||||
|
// All Tabs
|
||||||
|
// DRAG AND DROP
|
||||||
|
.egw_fw_ui_sidemenu_entry_header {
|
||||||
|
display: block;
|
||||||
|
margin: 0 0;
|
||||||
|
&:hover {
|
||||||
|
background-color: @color_hover_row;
|
||||||
|
}
|
||||||
|
&:active {.box_shadow_standard_light_inset;}
|
||||||
|
h1 {
|
||||||
|
margin: 0 0 10px 0;
|
||||||
|
padding-top: 0.4em;
|
||||||
|
padding-left: 3em;
|
||||||
|
.color_40_gray;
|
||||||
|
/*font-size: 12px;*/
|
||||||
|
.fontsize_l;
|
||||||
|
line-height: 17px;
|
||||||
|
}
|
||||||
|
object {background-color: @gray_0; .dimension_width_height_m;}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ##########################################
|
||||||
|
// ### #
|
||||||
|
// ### IMG | ADD NAME #
|
||||||
|
// ### #
|
||||||
|
// ### #
|
||||||
|
//###########################################
|
||||||
|
// aktive APP
|
||||||
|
// aktiver Tab
|
||||||
|
// rounded Corner Left Top
|
||||||
|
.egw_fw_ui_sidemenu_entry_header_active {
|
||||||
|
//
|
||||||
|
cursor: pointer;
|
||||||
|
background-image: url("../images/clear.png");
|
||||||
|
background-position: 95% -3000px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
.background_color_0_gray;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
border-bottom: none;
|
||||||
|
height: 33px;
|
||||||
|
img {padding-left: 9px; padding-top: 7px; height: 18px;}
|
||||||
|
h1 {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 1.4em;
|
||||||
|
.color_100_gray;
|
||||||
|
padding-top: 0;
|
||||||
|
line-height: 33px;
|
||||||
|
height: 33px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
padding-left: 10px;
|
||||||
|
&:hover {padding-left: 35px;}
|
||||||
|
}
|
||||||
|
&:active {}
|
||||||
|
&:hover {
|
||||||
|
background-image: url(../images/reload.png);
|
||||||
|
background-size: 18px;
|
||||||
|
background-position: 9px 6px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
img {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:focus {
|
||||||
|
background-image: url("../images/ajax-loader.gif");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: 90% 50%;
|
||||||
|
.Complete_Button_active;
|
||||||
|
|
||||||
|
.background_color_25_gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
object {
|
||||||
|
margin-left: 14px;
|
||||||
|
margin-top: 8px;
|
||||||
|
.rounded (3px;);
|
||||||
|
.dimension_width_height_s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.egw_fw_ui_ajaxloader {margin-top: -26px;}
|
||||||
|
}
|
||||||
|
|
||||||
|
//####################################################
|
||||||
|
// Rahmen um APP Einstellungen
|
||||||
|
// egw_fw_ui_sidemenu_entry_content
|
||||||
|
// ########################################
|
||||||
|
// ## ##
|
||||||
|
// ## ##
|
||||||
|
// ########################################
|
||||||
|
|
||||||
|
// ########################################
|
||||||
|
// ## ##
|
||||||
|
// ## ##
|
||||||
|
// ########################################
|
||||||
|
|
||||||
|
// ########################################
|
||||||
|
// ## ##
|
||||||
|
// ## ##
|
||||||
|
// ########################################
|
||||||
|
|
||||||
|
// ########################################
|
||||||
|
// ## div.egw_fw_ui_category ##
|
||||||
|
// ## &:nth-last-of-type(-n+3) ##
|
||||||
|
// #####################################
|
||||||
|
|
||||||
|
.egw_fw_ui_sidemenu_entry_content_bottom {
|
||||||
|
border-width: 0px 1px 1px 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.egw_fw_ui_sidemenu_entry_icon {
|
||||||
|
display: inline-block;
|
||||||
|
.dimension_height_m;
|
||||||
|
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0px;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
/*filter grey*/
|
||||||
|
.img_filter_gray;
|
||||||
|
}
|
||||||
|
.egw_fw_ui_sidemenu_entry_content {
|
||||||
|
display: block;
|
||||||
|
background-image: none;
|
||||||
|
border-color: @gray_30;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px;
|
||||||
|
margin: 0 0 2em 0;
|
||||||
|
border-left: none;
|
||||||
|
|
||||||
|
// rounded Corner on bottom
|
||||||
|
&:nth-last-of-type(-n+3) {
|
||||||
|
.background_color_0_gray;
|
||||||
|
border-color: @gray_30;
|
||||||
|
border-right: 0px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
border-top-color: white;
|
||||||
|
padding-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > div {}
|
||||||
|
|
||||||
|
//###################################################
|
||||||
|
// *letztes Element */
|
||||||
|
// has round corners
|
||||||
|
div.egw_fw_ui_category:nth-last-of-type(-n+3) {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
//###################################################
|
||||||
|
// Schaltflächen - Elements
|
||||||
|
// Normal
|
||||||
|
.egw_fw_ui_category {
|
||||||
|
margin: 4px 5px 5px 5px;
|
||||||
|
padding: 2px 0 2px 0;
|
||||||
|
cursor: pointer;
|
||||||
|
// border-top: 7px solid;
|
||||||
|
border-color: @gray_30;
|
||||||
|
background-color: @gray_10;
|
||||||
|
|
||||||
|
/*background-color: @egw_color_2_d;*/
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin: 5px 0px 3px 5px;
|
||||||
|
padding: 0px 0px 0px 24px;
|
||||||
|
line-height: 1em;
|
||||||
|
.fontsize_l;
|
||||||
|
background-image:url(../images/arrow_right.svg);
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
background-position:left center;
|
||||||
|
background-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.egw_fw_ui_category:nth-last-of-type(-n+3) {
|
||||||
|
img.egw_fw_ui_sidemenu_listitem_icon {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
//#################################
|
||||||
|
// Hover
|
||||||
|
// on Mouse over change color
|
||||||
|
.egw_fw_ui_category:hover {
|
||||||
|
.background_color_40_gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*######################*/
|
||||||
|
// Active State
|
||||||
|
// change Background color in Blue
|
||||||
|
// See all Elements
|
||||||
|
.egw_fw_ui_category_active {
|
||||||
|
border-bottom-width: 0px;
|
||||||
|
margin-top: 4px;
|
||||||
|
background-color: @egw_color_2_a;
|
||||||
|
.color_5_gray;
|
||||||
|
h1 {
|
||||||
|
background-image:url(../images/arrow_down.svg);
|
||||||
|
line-height: 1em;
|
||||||
|
font-size: 12px;
|
||||||
|
background-size: 12px;
|
||||||
|
filter: brightness(3);
|
||||||
|
a {
|
||||||
|
color: #FFF;
|
||||||
|
img {.dimension_width_height_s;}
|
||||||
|
&:hover {
|
||||||
|
padding: 5px 30px 5px 0px;
|
||||||
|
width: 200px;
|
||||||
|
.background_color_10_gray;
|
||||||
|
.color_50_gray;
|
||||||
|
.Complete_Button_hover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
} // SIDEMENU ENDE
|
} // SIDEMENU ENDE
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -509,6 +509,22 @@
|
|||||||
/* active app header*/
|
/* active app header*/
|
||||||
#egw_fw_sidebar {
|
#egw_fw_sidebar {
|
||||||
#egw_fw_sidemenu {
|
#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 {
|
.egw_fw_ui_sidemenu_entry_header_active {
|
||||||
margin-left:2px;
|
margin-left:2px;
|
||||||
img {
|
img {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user