holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pixelegg.less

Browse Source 
Favorites in purple
This commit is contained in:
Stefan Reinhardt 2014-06-16 11:06:15 +00:00
parent ea4fa229f0
commit 293a4d5fb2
4 changed files with 83 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
pixelegg/css/pixelegg.css
View File

@ -1046,12 +1046,29 @@
margin-left: 0px; margin-left: 0px;
min-height: 16px; min-height: 16px;
padding: 3px 0px; padding: 3px 0px;
margin-bottom: 0.2em;
background-color: #ece2f7;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover { .sidebox-favorites ul.favorites li.ui-menu-item:hover {
color: #000000; color: #000000;
background-color: #ffdd73; background-color: #9b6ad6;
padding: 3px 0; padding: 3px 0;
} }
.sidebox-favorites ul.favorites li.ui-menu-item:hover a {
color: #ffffff;
}
.sidebox-favorites ul.favorites li.ui-menu-item:first-of-type {
background-color: #ffffff;
}
.sidebox-favorites ul.favorites li.ui-menu-item:first-of-type a {
color: #000000;
}
.sidebox-favorites ul.favorites li.ui-menu-item:last-of-type {
background-color: #ffffff;
}
.sidebox-favorites ul.favorites li.ui-menu-item:last-of-type a {
color: #000000;
}
.sidebox-favorites ul.favorites li.ui-menu-item a { .sidebox-favorites ul.favorites li.ui-menu-item a {
line-height: inherit; line-height: inherit;
padding: 2px 0px; padding: 2px 0px;
@ -1227,7 +1244,7 @@
#admin-categories-index div.egwGridView_scrollarea { #admin-categories-index div.egwGridView_scrollarea {
min-height: 500px; min-height: 500px;
} }
/*#################################### ADMIN PART #####################################################*/ /*#################################### END ADMIN PART #####################################################*/
} }
/*#################################### Media Queries #####################################################*/ /*#################################### Media Queries #####################################################*/
@media only screen and (min-width: 980px) and (max-width: 1279px) { @media only screen and (min-width: 980px) and (max-width: 1279px) {
@ -4741,7 +4758,7 @@ table.nextmatch_header img {
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category { #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; margin: 4px 5px 5px 5px;
padding: 0.5em 1em; padding: 0.5em 1em 0.5em 0;
cursor: pointer; cursor: pointer;
border-color: #b4b4b4; border-color: #b4b4b4;
background-color: #e6e6e6; background-color: #e6e6e6;
@ -4774,7 +4791,7 @@ table.nextmatch_header img {
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category:hover { #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; background-color: #999999;
padding: 0.5em 1em; padding: 0.5em 1em 0.5em 0;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active { #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; border-bottom-width: 0px;
@ -4881,7 +4898,7 @@ table.nextmatch_header img {
margin-top: 0px; margin-top: 0px;
padding-bottom: 5px; padding-bottom: 5px;
padding-left: 0px; padding-left: 0px;
padding-top: 14px; padding-top: 3px;
margin-right: 5px; margin-right: 5px;
/*min-height: 50px;*/ /*min-height: 50px;*/
} }
@ -4914,12 +4931,16 @@ table.nextmatch_header img {
vertical-align: middle; vertical-align: middle;
} }
.egw_fw_ui_sidemenu_listitem { .egw_fw_ui_sidemenu_listitem {
padding: 0.5em 0; padding: 9px 0px 0px 0px;
margin: 0px 0 5px 0px; margin: 0px 0 1px 0px;
position: relative; position: relative;
min-height: 16px; min-height: 18px;
background-color: #ffffff; background-color: #ffffff;
} }
.egw_fw_ui_sidemenu_listitem:hover {
color: #000000;
background-color: #ffdd73;
}
.egw_fw_ui_sidemenu_listitem img.egw_fw_ui_sidemenu_listitem_icon { .egw_fw_ui_sidemenu_listitem img.egw_fw_ui_sidemenu_listitem_icon {
/*display: none;*/ /*display: none;*/
width: 12px; width: 12px;
@ -4950,6 +4971,7 @@ table.nextmatch_header img {
padding: 5px 0px 5px 5px; padding: 5px 0px 5px 5px;
text-decoration: none; text-decoration: none;
min-width: 5em; min-width: 5em;
vertical-align: bottom;
} }
.egw_fw_ui_sidemenu_listitem a:hover { .egw_fw_ui_sidemenu_listitem a:hover {
color: #000000; color: #000000;
@ -4995,11 +5017,6 @@ table.nextmatch_header img {
border-radius: 3px; border-radius: 3px;
color: #ffffff; color: #ffffff;
} }
.egw_fw_ui_sidemenu_listitem:hover {
color: #000000;
background-color: #ffdd73;
padding: 0.5em 0;
}
.egw_fw_ui_scrollarea { .egw_fw_ui_scrollarea {
overflow: hidden; overflow: hidden;
z-index: 0; z-index: 0;
@ -5075,18 +5092,19 @@ table.nextmatch_header img {
#egw_fw_main { #egw_fw_main {
padding: 0; padding: 0;
width: auto; width: auto;
} /* @media screen and (-webkit-min-device-pixel-ratio:0) {
@media screen and (-webkit-min-device-pixel-ratio: 0) { #egw_fw_tabs {
#egw_fw_main #egw_fw_tabs { Chrome needs margin-top
/*Chrome needs margin-top*/ margin-top: 3px;
margin-top: 3px; }
} }*/
} }
#egw_fw_main #egw_fw_tabs { #egw_fw_main #egw_fw_tabs {
position: relative; position: relative;
background-color: transparent; background-color: transparent;
float: left; float: left;
width: 100%; width: 100%;
margin-top: 3px;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header {
margin: 0px 0 0 0; margin: 0px 0 0 0;
@ -5443,7 +5461,7 @@ div.dialogHeader {
.dialogHeader { .dialogHeader {
/*.gradient_thead;*/ /*.gradient_thead;*/
color: #000000; color: #000000;
height: 40px; height: 50px;
} }
.dialogHeader img[src*="navbar"] { .dialogHeader img[src*="navbar"] {
padding: 0 0 0 15px; padding: 0 0 0 15px;
@ -5631,7 +5649,6 @@ div#etemplate\.tab_widget {
padding: 3px; padding: 3px;
white-space: nowrap; white-space: nowrap;
/*.et2_selectbox {height: 32px; top: 0px; font-size: 1em;}*/ /*.et2_selectbox {height: 32px; top: 0px; font-size: 1em;}*/
/*label.et2_label {}*/
} }
.dialogFooterToolbar td { .dialogFooterToolbar td {
padding: 0px 5px 0px 0px; padding: 0px 5px 0px 0px;
@ -5655,6 +5672,9 @@ div#etemplate\.tab_widget {
.dialogFooterToolbar div.et2_box_widget { .dialogFooterToolbar div.et2_box_widget {
white-space: nowrap; white-space: nowrap;
} }
.dialogFooterToolbar label.et2_label {
white-space: nowrap;
}
.dialogFooterToolbar input.et2_checkbox { .dialogFooterToolbar input.et2_checkbox {
top: 0px; top: 0px;
} }

24
pixelegg/less/etemplate2.less
View File

@ -963,15 +963,32 @@ button#admin-categories-index_add {
margin-left: 0px; margin-left: 0px;
min-height: 16px; min-height: 16px;
padding: 3px 0px; padding: 3px 0px;
margin-bottom: 0.2em;
background-color: lighten(@egw_color_3_e, 30%);
// gelb // lila
&:hover{ &:hover{
.color_100_gray; .color_100_gray;
background-color: @egw_color_1_e; background-color: @egw_color_3_e;
padding: 3px 0; padding: 3px 0;
a{color: @gray_0;}
} }
// delete favourites
&:first-of-type {background-color: @gray_0;
a{color: @gray_100;}
}
// view as favourites
&:last-of-type {background-color: @gray_0;
a{color: @gray_100;}
}
a{ a{
line-height: inherit; line-height: inherit;
@ -1213,7 +1230,8 @@ iframe#admin-index_iframe{
/*#################################### ADMIN PART #####################################################*/ /*#################################### END ADMIN PART #####################################################*/

4
pixelegg/less/layout_dialog.less
View File

@ -187,7 +187,7 @@ div.dialogHeader {
/*.gradient_thead;*/ /*.gradient_thead;*/
.color_100_gray; .color_100_gray;
height: 40px; height: 50px;
// APP img // APP img
img[src*="navbar"] { img[src*="navbar"] {
@ -424,7 +424,7 @@ div#etemplate\.tab_widget {
// e.g. keine Benachrichtigung senden // e.g. keine Benachrichtigung senden
/*label.et2_label {}*/ label.et2_label {white-space: nowrap;}
input.et2_checkbox { top: 0px;} input.et2_checkbox { top: 0px;}

39
pixelegg/less/layout_raster.less
View File

@ -736,7 +736,7 @@
// Normal // Normal
.egw_fw_ui_category { .egw_fw_ui_category {
margin: 4px 5px 5px 5px; margin: 4px 5px 5px 5px;
padding: 0.5em 1em; padding: 0.5em 1em 0.5em 0;
cursor: pointer; cursor: pointer;
// border-top: 7px solid; // border-top: 7px solid;
border-color: @gray_30; border-color: @gray_30;
@ -769,7 +769,7 @@
// on Mouse over change color // on Mouse over change color
.egw_fw_ui_category:hover { .egw_fw_ui_category:hover {
.background_color_40_gray; .background_color_40_gray;
padding: 0.5em 1em; padding: 0.5em 1em 0.5em 0;
} }
@ -910,7 +910,7 @@
margin-top: 0px; margin-top: 0px;
padding-bottom: 5px; padding-bottom: 5px;
padding-left: 0px; padding-left: 0px;
padding-top: 14px; padding-top: 3px;
margin-right: 5px; margin-right: 5px;
/*min-height: 50px;*/ /*min-height: 50px;*/
@ -971,12 +971,20 @@
.egw_fw_ui_sidemenu_listitem { .egw_fw_ui_sidemenu_listitem {
padding: 0.5em 0; padding: 9px 0px 0px 0px;
margin: 0px 0 5px 0px; margin: 0px 0 1px 0px;
position: relative; position: relative;
min-height: 16px; min-height: 18px;
background-color: @gray_0; background-color: @gray_0;
// Submenu Hover Item - gelb
&:hover{
.color_100_gray;
background-color: @egw_color_1_e;
}
// Icon before // Icon before
img.egw_fw_ui_sidemenu_listitem_icon { img.egw_fw_ui_sidemenu_listitem_icon {
/*display: none;*/ /*display: none;*/
@ -1014,6 +1022,7 @@
padding: 5px 0px 5px 5px; padding: 5px 0px 5px 5px;
text-decoration: none; text-decoration: none;
min-width: 5em; min-width: 5em;
vertical-align: bottom;
&:hover{ &:hover{
.color_100_gray; .color_100_gray;
@ -1065,20 +1074,9 @@
.color_0_gray; .color_0_gray;
// width: auto; // width: auto;
} }
} }
// Submenu Hover Item - gelb
&:hover{
.color_100_gray;
background-color: @egw_color_1_e;
padding: 0.5em 0;
}
} // .egw_fw_ui_sidemenu_listitem } // .egw_fw_ui_sidemenu_listitem
@ -1194,12 +1192,12 @@
// ######################################## // ########################################
// APPS // APPS
// CHrome hack // CHrome hack
@media screen and (-webkit-min-device-pixel-ratio:0) { /* @media screen and (-webkit-min-device-pixel-ratio:0) {
#egw_fw_tabs { #egw_fw_tabs {
/*Chrome needs margin-top*/ Chrome needs margin-top
margin-top: 3px; margin-top: 3px;
} }
} }*/
// ####################################### // #######################################
// AREA for Content // AREA for Content
@ -1208,6 +1206,7 @@
background-color: transparent; background-color: transparent;
float: left; float: left;
width: 100%; width: 100%;
margin-top: 3px;
// ############################################################ // ############################################################