extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-26 01:43:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Some Ui styling improvements

Browse Source
This commit is contained in:
Hadi Nategh 2021-03-02 14:51:01 +01:00
parent 18c550b692
commit f79f1da31e
12 changed files with 1767 additions and 1120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
api/templates/default/etemplate2.css
View File

@ -66,6 +66,9 @@ div.et2_hbox > * {
margin-right: 5px;
display: inline-block;
}
div.et2_hbox > select {
white-space: pre;
}
div.et2_hbox > *:empty {
margin-right: 0;
}
@ -521,8 +524,19 @@ span.et2_date span {
text-align: center;
font-size: 9pt;
}
span.et2_date_duration input.et2_date_duration{
width: 25%;
span.et2_date_duration {
border: 1px solid gray;
border-radius: 3px;
display: inline-block;
}
span.et2_date_duration .et2_date_duration {
width: 3em;
text-align: right;
border: none;
outline: none;
}
span.et2_date_duration :not(input:first-child) {
border-left: 1px solid #e0e0e0a8;
}
span.et2_date_duration span {
vertical-align: -webkit-baseline-middle;
@ -2722,7 +2736,7 @@ span.et2_url_span input.et2_fullWidth {
float: left;
}
.et2_fullWidth select.et2_date_duration {
width: 70%;
width: 75%;
float: right;
}
@ -3292,4 +3306,4 @@ tr.disableIfNoEPL {
}
span.et2_countdown_seconds {
margin-right: 0px;
}
}

957
pixelegg/css/mobile.css
View File

File diff suppressed because it is too large Load Diff

180
pixelegg/css/mobile.less
View File

@ -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 {
}
@ -229,8 +232,19 @@
width: 100%;
display: block;
padding-top:50px;
select#rc_status_select {
width: 100%;
height: 40px;
box-shadow: none;
padding-right: 0;
padding-left: 28px;
background-size: auto;
border-left: 0;
border-right: 0;
border-radius: 0;
}
ul{
border-left: 6px solid silver;
display:inline-block;
padding:0;
margin:0;
@ -262,7 +276,7 @@
display: inline-block;
}
}
a#topmenu_home, a#topmenu_logout {display: none;}
a#topmenu_home {display: none;}
a#topmenu_home {
background-image: url(../images/topmenu_items/mobile/home.svg);
display: none;
@ -440,20 +454,12 @@
//# SIDEBAR #
//# #
//###################
#egw_fw_sidebar.avatarSubmenu {top:280px;}
#egw_fw_sidebar.avatarSubmenu {top:325px;}
#egw_fw_sidebar{
#egw_fw_sidemenu::-webkit-scrollbar {width: 1px;}
//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
{
@ -476,7 +482,7 @@
&:active {.box_shadow_standard_light_inset;}
h1 {
margin: 0 0 10px 0;
margin: 6px 0 10px 0;
padding-top: 0.31em;
padding-left: 3em;
.color_40_gray;
@ -505,9 +511,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 +550,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

212
pixelegg/css/monochrome.css
View File

@ -205,11 +205,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 {
@ -1493,6 +1500,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;
@ -1509,9 +1517,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;
@ -2576,13 +2588,13 @@ button[id="add"] {
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single div b {
background: url("../images/arrow_down.svg");
background-size: 8px auto;
background-image: url("../images/arrow_down.svg") !important;
background-size: 8px auto !important;
background-position: center;
background-repeat: no-repeat;
}
.chzn-container-single.chzn-with-drop .chzn-single div b {
background: url("../images/arrow_up.svg");
background-image: url("../images/arrow_up.svg") !important;
background-size: 8px auto;
background-position: center;
background-repeat: no-repeat;
@ -4005,7 +4017,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;
@ -4454,19 +4466,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;
@ -4475,12 +4487,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;
@ -4490,12 +4502,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;
@ -4507,19 +4519,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%;
@ -4528,7 +4540,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;
@ -4537,92 +4549,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;
@ -4640,6 +4573,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;
@ -5762,7 +5774,7 @@ table.egwGridView_grid tbody tr.th:hover {
}
table.egwGridView_grid tbody tr.selected {
background-image: none;
background-color: rgba(102, 153, 204, 0.7);
background-color: rgba(102, 153, 204, 0.7) !important;
}
table.egwGridView_grid tbody td {
border-bottom: 1px solid #E6E6E6;

219
pixelegg/css/pixelegg.css
View File

@ -216,6 +216,12 @@
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;
@ -2593,13 +2599,13 @@ button[id="add"] {
/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single div b {
background: url("../images/arrow_down.svg");
background-size: 8px auto;
background-image: url("../images/arrow_down.svg") !important;
background-size: 8px auto !important;
background-position: center;
background-repeat: no-repeat;
}
.chzn-container-single.chzn-with-drop .chzn-single div b {
background: url("../images/arrow_up.svg");
background-image: url("../images/arrow_up.svg") !important;
background-size: 8px auto;
background-position: center;
background-repeat: no-repeat;
@ -4022,7 +4028,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;
@ -4471,19 +4477,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;
@ -4492,12 +4498,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;
@ -4507,12 +4513,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;
@ -4524,19 +4530,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%;
@ -4545,7 +4551,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;
@ -4554,92 +4560,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;
@ -4657,6 +4584,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;
@ -5779,7 +5785,7 @@ table.egwGridView_grid tbody tr.th:hover {
}
table.egwGridView_grid tbody tr.selected {
background-image: none;
background-color: rgba(102, 153, 204, 0.7);
background-color: rgba(102, 153, 204, 0.7) !important;
}
table.egwGridView_grid tbody td {
border-bottom: 1px solid #E6E6E6;
@ -6578,6 +6584,19 @@ form[id^="ranking-"] .dialogHeadbar {
#ranking_sidebox_header {
border-left: 6px solid #404040 !important;
}
img.et2_appicon,
.et2_appicon img,
table.egwGridView_grid img.et2_appicon {
/*filter grey*/
filter: none;
-webkit-filter: initial;
-moz-filter: initial;
-ms-filter: initial;
-o-filter: initial;
/*filter: url(grayscale.svg); Firefox 4+ */
filter: initial;
/* IE 6-9 */
}
#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;

11
pixelegg/less/app_colors.less
View File

@ -11,6 +11,7 @@
* @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
*/
@import (reference) "./def_gradient.less";
// Color code for applications
@addressbook-color: #003366;
@ -93,4 +94,12 @@ div[id^="wiki-"],form[id^="wiki-"] {
div[id^="ranking-"],form[id^="ranking-"] {
.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @ranking-color;}
}
#ranking_sidebox_header {border-left:6px solid @ranking-color !important;}
#ranking_sidebox_header {border-left:6px solid @ranking-color !important;}
// remove gray filter from et2_appicon
img.et2_appicon,
.et2_appicon img,
table.egwGridView_grid img.et2_appicon
{
.img_filter_none;
}

7
pixelegg/less/etemplate2.less
View File

@ -13,6 +13,7 @@
@media all {
/**
* Top level
*/
@ -168,6 +169,12 @@ span.et2_date input.et2_date {
span.et2_date span {
color: @gray_0;
}
span.et2_date_duration {
border: 1px solid @gray_10;
}
span.et2_date_duration :not(input:first-child) {
border-left: 1px solid @gray_5;
}
.ui-datepicker .ui-datepicker-buttonpane button[data-handler="today"] {
background-image: url(../images/bullet.svg);

4
pixelegg/less/layout_raster_header.less
View File

@ -61,7 +61,7 @@
display: none;
right: 5px;
width: 241px;
z-index: 1000;
z-index: 1001;
top: 46px;
background: white;
.box_shadow;
@ -306,4 +306,4 @@
width: 20px;
height: 20px;
display: block;
}
}

447
pixelegg/less/layout_raster_sidebar.less
View File

@ -54,234 +54,229 @@
cursor: pointer;
}
}
//####################################################
// All Tabs
// DRAG AND DROP
.egw_fw_ui_sidemenu_entry_header {
display: block;
margin: 0 0;
&:hover {
background-color: @color_hover_row;
}
&:active {.box_shadow_standard_light_inset;}
h1 {
margin: 0 0 10px 0;
padding-top: 0.4em;
padding-left: 3em;
.color_40_gray;
/*font-size: 12px;*/
.fontsize_l;
line-height: 17px;
}
object {background-color: @gray_0; .dimension_width_height_m;}
}
// ##########################################
// ### #
// ### IMG | ADD NAME #
// ### #
// ### #
//###########################################
// aktive APP
// aktiver Tab
// rounded Corner Left Top
.egw_fw_ui_sidemenu_entry_header_active {
//
cursor: pointer;
background-image: url("../images/clear.png");
background-position: 95% -3000px;
background-repeat: no-repeat;
.background_color_0_gray;
margin: 0 0 0 0;
border-bottom: none;
height: 33px;
img {padding-left: 9px; padding-top: 7px; height: 18px;}
h1 {
text-transform: uppercase;
font-size: 1.4em;
.color_100_gray;
padding-top: 0;
line-height: 33px;
height: 33px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 10px;
&:hover {padding-left: 35px;}
}
&:active {}
&:hover {
background-image: url(../images/reload.png);
background-size: 18px;
background-position: 9px 6px;
background-repeat: no-repeat;
img {
display: none !important;
}
}
&:focus {
background-image: url("../images/ajax-loader.gif");
background-repeat: no-repeat;
background-position: 90% 50%;
.Complete_Button_active;
.background_color_25_gray;
}
object {
margin-left: 14px;
margin-top: 8px;
.rounded (3px;);
.dimension_width_height_s;
}
.egw_fw_ui_ajaxloader {margin-top: -26px;}
}
//####################################################
// Rahmen um APP Einstellungen
// egw_fw_ui_sidemenu_entry_content
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## div.egw_fw_ui_category ##
// ## &:nth-last-of-type(-n+3) ##
// #####################################
.egw_fw_ui_sidemenu_entry_content {
display: block;
background-image: none;
border-color: @gray_30;
border-style: solid;
border-width: 1px;
margin: 0 0 2em 0;
border-left: none;
// rounded Corner on bottom
&:nth-last-of-type(-n+3) {
.background_color_0_gray;
border-color: @gray_30;
border-right: 0px;
margin-bottom: 10px;
border-top-color: white;
padding-top: 0px;
}
& > div {}
//###################################################
// *letztes Element */
// has round corners
div.egw_fw_ui_category:nth-last-of-type(-n+3) {
}
//###################################################
// Schaltflächen - Elements
// Normal
.egw_fw_ui_category {
margin: 4px 5px 5px 5px;
padding: 2px 0 2px 0;
cursor: pointer;
// border-top: 7px solid;
border-color: @gray_30;
background-color: @gray_10;
/*background-color: @egw_color_2_d;*/
h1 {
margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 24px;
line-height: 1em;
.fontsize_l;
background-image:url(../images/arrow_right.svg);
background-repeat:no-repeat;
background-position:left center;
background-size: 12px;
}
div.egw_fw_ui_category:nth-last-of-type(-n+3) {
img.egw_fw_ui_sidemenu_listitem_icon {
display: block;
}
}
}
//#################################
// Hover
// on Mouse over change color
.egw_fw_ui_category:hover {
.background_color_40_gray;
}
/*######################*/
// Active State
// change Background color in Blue
// See all Elements
.egw_fw_ui_category_active {
border-bottom-width: 0px;
margin-top: 4px;
background-color: @egw_color_2_a;
.color_5_gray;
h1 {
background-image:url(../images/arrow_down.svg);
line-height: 1em;
font-size: 12px;
background-size: 12px;
filter: brightness(3);
a {
color: #FFF;
img {.dimension_width_height_s;}
&:hover {
padding: 5px 30px 5px 0px;
width: 200px;
.background_color_10_gray;
.color_50_gray;
.Complete_Button_hover;
}
}
}
&:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);}
}
}
.egw_fw_ui_sidemenu_entry_content_bottom {
border-width: 0px 1px 1px 1px;
}
.egw_fw_ui_sidemenu_entry_header_bottom {
}
.egw_fw_ui_sidemenu_entry_icon {
display: inline-block;
.dimension_height_m;
padding-left: 0;
padding-right: 0px;
float: left;
/*filter grey*/
.img_filter_gray;
}
}
//####################################################
// All Tabs
// DRAG AND DROP
.egw_fw_ui_sidemenu_entry_header {
display: block;
margin: 0 0;
&:hover {
background-color: @color_hover_row;
}
&:active {.box_shadow_standard_light_inset;}
h1 {
margin: 0 0 10px 0;
padding-top: 0.4em;
padding-left: 3em;
.color_40_gray;
/*font-size: 12px;*/
.fontsize_l;
line-height: 17px;
}
object {background-color: @gray_0; .dimension_width_height_m;}
}
// ##########################################
// ### #
// ### IMG | ADD NAME #
// ### #
// ### #
//###########################################
// aktive APP
// aktiver Tab
// rounded Corner Left Top
.egw_fw_ui_sidemenu_entry_header_active {
//
cursor: pointer;
background-image: url("../images/clear.png");
background-position: 95% -3000px;
background-repeat: no-repeat;
.background_color_0_gray;
margin: 0 0 0 0;
border-bottom: none;
height: 33px;
img {padding-left: 9px; padding-top: 7px; height: 18px;}
h1 {
text-transform: uppercase;
font-size: 1.4em;
.color_100_gray;
padding-top: 0;
line-height: 33px;
height: 33px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 10px;
&:hover {padding-left: 35px;}
}
&:active {}
&:hover {
background-image: url(../images/reload.png);
background-size: 18px;
background-position: 9px 6px;
background-repeat: no-repeat;
img {
display: none !important;
}
}
&:focus {
background-image: url("../images/ajax-loader.gif");
background-repeat: no-repeat;
background-position: 90% 50%;
.Complete_Button_active;
.background_color_25_gray;
}
object {
margin-left: 14px;
margin-top: 8px;
.rounded (3px;);
.dimension_width_height_s;
}
.egw_fw_ui_ajaxloader {margin-top: -26px;}
}
//####################################################
// Rahmen um APP Einstellungen
// egw_fw_ui_sidemenu_entry_content
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## ##
// ## ##
// ########################################
// ########################################
// ## div.egw_fw_ui_category ##
// ## &:nth-last-of-type(-n+3) ##
// #####################################
.egw_fw_ui_sidemenu_entry_content_bottom {
border-width: 0px 1px 1px 1px;
}
.egw_fw_ui_sidemenu_entry_icon {
display: inline-block;
.dimension_height_m;
padding-left: 0;
padding-right: 0px;
float: left;
/*filter grey*/
.img_filter_gray;
}
.egw_fw_ui_sidemenu_entry_content {
display: block;
background-image: none;
border-color: @gray_30;
border-style: solid;
border-width: 1px;
margin: 0 0 2em 0;
border-left: none;
// rounded Corner on bottom
&:nth-last-of-type(-n+3) {
.background_color_0_gray;
border-color: @gray_30;
border-right: 0px;
margin-bottom: 10px;
border-top-color: white;
padding-top: 0px;
}
& > div {}
//###################################################
// *letztes Element */
// has round corners
div.egw_fw_ui_category:nth-last-of-type(-n+3) {
}
//###################################################
// Schaltflächen - Elements
// Normal
.egw_fw_ui_category {
margin: 4px 5px 5px 5px;
padding: 2px 0 2px 0;
cursor: pointer;
// border-top: 7px solid;
border-color: @gray_30;
background-color: @gray_10;
/*background-color: @egw_color_2_d;*/
h1 {
margin: 5px 0px 3px 5px;
padding: 0px 0px 0px 24px;
line-height: 1em;
.fontsize_l;
background-image:url(../images/arrow_right.svg);
background-repeat:no-repeat;
background-position:left center;
background-size: 12px;
}
div.egw_fw_ui_category:nth-last-of-type(-n+3) {
img.egw_fw_ui_sidemenu_listitem_icon {
display: block;
}
}
}
//#################################
// Hover
// on Mouse over change color
.egw_fw_ui_category:hover {
.background_color_40_gray;
}
/*######################*/
// Active State
// change Background color in Blue
// See all Elements
.egw_fw_ui_category_active {
border-bottom-width: 0px;
margin-top: 4px;
background-color: @egw_color_2_a;
.color_5_gray;
h1 {
background-image:url(../images/arrow_down.svg);
line-height: 1em;
font-size: 12px;
background-size: 12px;
filter: brightness(3);
a {
color: #FFF;
img {.dimension_width_height_s;}
&:hover {
padding: 5px 30px 5px 0px;
width: 200px;
.background_color_10_gray;
.color_50_gray;
.Complete_Button_hover;
}
}
}
&:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);}
}
}
} // SIDEMENU ENDE

4
pixelegg/less/layout_table.less
View File

@ -201,7 +201,7 @@ table.egwGridView_grid{
tr.th:hover {background: transparent;}
tr.selected{
background-image: none;
background-color: @color_selected_row;
background-color: @color_selected_row !important;
}
// is active
@ -390,4 +390,4 @@ table.nextmatch_header{
}
//
//
//

803
pixelegg/mobile/fw_mobile.css
View File

File diff suppressed because it is too large Load Diff

21
pixelegg/mobile/fw_mobile.less
View File

@ -501,6 +501,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 {
@ -799,10 +815,10 @@
background: @mobile-nm-search-bg;
margin-top: 0;
padding-left: 60px;
box-shadow: 0px 4px 5px 2px silver;
position: relative;
height: 50px;
z-index: 1;
border-bottom: 1px solid transparent;
button {
height: @mobile-elem-height;
width: @mobile-button-width;
@ -1495,10 +1511,13 @@
background-position: center;
background-repeat: no-repeat;
background-size: 24px 24px;
display: inline-block !important;
}
.flex{
width:100%;
position: absolute;
border: 0;
input {border:0}
}
}