extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-03-12 14:09:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

pixeleggs work of the day (20th.Dez)

Browse Source
This commit is contained in:
Klaus Leithoff 2013-12-20 14:32:40 +00:00
parent 0d010b7180
commit 77dc45e0af
6 changed files with 158 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
addressbook/templates/pixelegg/app.css
View File

@ -173,7 +173,7 @@ fieldset.emailGroup {
* Give space to both contact view & infolog list * Give space to both contact view & infolog list
*/ */
#addressbook-index { #addressbook-index {
height: 100%; height: 99%;
} }
#addressbook-edit { #addressbook-edit {
height: auto; height: auto;
@ -348,15 +348,26 @@ fieldset.emailGroup {
/*height: auto;*/ /*height: auto;*/
padding: 1em; padding: 1em;
/*min-height: 250px;*/ /*min-height: 250px;*/
/*ADD*/ /*ADD Button */
/* div.et2_hbox, /* div.et2_hbox,
div.et2_box_widget*/ div.et2_box_widget*/
} }
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] { .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] {
/* .Complete_Button_add;
height: auto;
.color-0-gray; // white
font-size: 0.9em;
&:before {padding-left: 5px;}
&:hover {.Complete_Button_add_hover;}
span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;}
img.et2_button {margin-top: -15px;}*/
}
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget {
background-color: #0b5fa4 !important; background-color: #0b5fa4 !important;
color: #FFF; color: #FFF;
text-shadow: none; text-shadow: none;
/* height: auto;*/
background-image: none !important; background-image: none !important;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px; -webkit-border-top-left-radius: 20px;
@ -364,39 +375,66 @@ fieldset.emailGroup {
-moz-border-radius-topleft: 20px; -moz-border-radius-topleft: 20px;
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 20px; border-top-left-radius: 20px;
/*height: auto;*/ -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
color: #ffffff; -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
font-size: 0.9em; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
height: 39px;
/*img#infolog-index_add[id="task"] {background-color: @gray-0; }*/
} }
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"]:before { .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:before {
content: "+"; content: "+";
font-size: 1.5em; font-size: 2em;
color: #ffc200; color: #ffc200;
line-height: 1.1em;
} }
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"]:before { .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget .infolog_headertext {
padding-left: 5px; color: #FFF !important;
font-size: 11px;
} }
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"]:hover { .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:hover {
background-color: #66a1d2 !important;
color: #ffc200;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
background-color: #66a1d2 !important;
}
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img {
background-color: #f0f0f0;
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 20px; width: 16px;
height: 16px;
margin-right: 0.5em;
padding: 2px;
margin-top: -2px;
vertical-align: middle;
} }
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] span.et2_label { .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img:hover {
color: #ffffff; background-color: #cccccc;
font-size: 0.9em; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
padding-right: 11px; -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
border: 1px solid rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} }
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] img.et2_button { .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img:active {
margin-top: -15px; background-color: #b3b3b3 !important;
border: 1px solid rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-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);
}
.et2_container[id^="infolog-index-addressbook"] .egwGridView_scrollarea {
overflow-y: scroll !important;
overflow-x: hidden !important;
} }
/*########################################### /*###########################################
# # # #
@ -738,7 +776,7 @@ fieldset.emailGroup {
} }
div#addressbook-edit fieldset.emailGroup td a.et2_url:hover, div#addressbook-edit fieldset.emailGroup td a.et2_url:hover,
div#addressbook-search fieldset.emailGroup td a.et2_url:hover { div#addressbook-search fieldset.emailGroup td a.et2_url:hover {
background-color: #b3b3b3 !important; background-color: #cccccc;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
@ -898,7 +936,7 @@ fieldset.emailGroup {
width: 32px; width: 32px;
} }
div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:hover { div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:hover {
background-color: #b3b3b3 !important; background-color: #cccccc;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
@ -908,7 +946,7 @@ fieldset.emailGroup {
border-radius: 3px; border-radius: 3px;
} }
div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:active { div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:active {
background-color: #808080; background-color: #b3b3b3 !important;
border: 1px solid rgba(0, 0, 0, 0.9); border: 1px solid rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;

59
addressbook/templates/pixelegg/app.less
View File

@ -49,7 +49,7 @@
#addressbook-index { #addressbook-index {
height: 100%; height: 99%;
} }
#addressbook-edit { #addressbook-edit {
height: auto; height: auto;
@ -184,12 +184,14 @@ div#addressbook-index{
/*height: auto;*/ /*height: auto;*/
padding: 1em; padding: 1em;
/*min-height: 250px;*/ /*min-height: 250px;*/
/*ADD*/
/*ADD Button */
/* div.et2_hbox, /* div.et2_hbox,
div.et2_box_widget*/ div.et2_box_widget*/
.et2_hbox_right[id*="_infolog-index-header_right"]{ .et2_hbox_right[id*="_infolog-index-header_right"]{
.Complete_Button_add; /* .Complete_Button_add;
/*height: auto;*/ height: auto;
.color-0-gray; // white .color-0-gray; // white
font-size: 0.9em; font-size: 0.9em;
@ -197,8 +199,55 @@ div#addressbook-index{
&:hover {.Complete_Button_add_hover;} &:hover {.Complete_Button_add_hover;}
span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;} span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;}
img.et2_button {margin-top: -15px;} img.et2_button {margin-top: -15px;}*/
div.et2_box_widget{
background-color: @egw_color_blue_lighter !important;
color: #FFF;
text-shadow: none;
// height: 35px;
background-image: none !important;
.border_radius_button_lefttop;
&:before {content: "+";font-size: 2em;color: @egw_color_1;}
.border_radius_button_lefttop;
.box_shadow_standard_light;
height: 39px; // hieght of add-item
.infolog_headertext{color: #FFF !important; font-size: 11px;}
&:hover {.box_shadow_standard_light_hover; background-color: @egw_color_blue_lightest !important;}
/*img#infolog-index_add[id="task"] {background-color: @gray-0; }*/
// IMG
img {
.Complete_Button_Icon_normal;
.dimension_width_height_s;
margin-right: 0.5em;
padding: 2px;
margin-top: -2px;
vertical-align: middle;
&:hover{.Complete_Button_Icon_hover ;}
&:active{.Complete_Button_Icon_active ;}
}
}
}
// Scrollarea in Infolog
.egwGridView_scrollarea{
overflow-y: scroll !important;
overflow-x: hidden !important;
} }
} }

6
infolog/templates/pixelegg/app.css
View File

@ -120,7 +120,7 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
border-top: 0px; border-top: 0px;
} }
#infolog-index #infolog-index_nm { #infolog-index #infolog-index_nm {
min-height: 900px; /*min-height: 900px;*/
} }
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right, #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right,
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right { #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right {
@ -182,7 +182,7 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
} }
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget img:hover, #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget img:hover,
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img:hover { #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img:hover {
background-color: #b3b3b3 !important; background-color: #cccccc;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
@ -193,7 +193,7 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar {
} }
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget img:active, #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget img:active,
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img:active { #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img:active {
background-color: #808080; background-color: #b3b3b3 !important;
border: 1px solid rgba(0, 0, 0, 0.9); border: 1px solid rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;

6
infolog/templates/pixelegg/app.less
View File

@ -72,7 +72,7 @@ span#favorite_sidebox_infolog{
table.et2_grid {border-top: 0px;} table.et2_grid {border-top: 0px;}
#infolog-index_nm{ #infolog-index_nm{
min-height: 900px; /*min-height: 900px;*/
// Header // Header
.nextmatch_header{ .nextmatch_header{
@ -128,10 +128,6 @@ span#favorite_sidebox_infolog{
&:active{.Complete_Button_Icon_active ;} &:active{.Complete_Button_Icon_active ;}
} }
} }
} }

24
mail/templates/pixelegg/app.css
View File

@ -653,10 +653,10 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
-moz-border-radius-topleft: 20px; -moz-border-radius-topleft: 20px;
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 20px; border-top-left-radius: 20px;
background-image: url("images/write_mail.png") !important; background-image: url("images/write_mail_lighter.png") !important;
background-position: right center !important; background-position: right center !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 24px 24px; background-size: 20px 20px;
padding-left: 25px; padding-left: 25px;
text-align: left; text-align: left;
width: 93%; width: 93%;
@ -719,6 +719,24 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
width: 870px; width: 870px;
padding: 5px; padding: 5px;
} }
#mail-compose .mailComposeHeaders:first-child {
/*background-color: @gray-0;*/
/*.background-color-5-gray;*/
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(191, 191, 191, 0.65)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(191, 191, 191, 0.65) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf', GradientType=0);
/* IE6-9 */
}
#mail-compose .mail-compose_toolbar img { #mail-compose .mail-compose_toolbar img {
width: 22px; width: 22px;
} }
@ -889,6 +907,8 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
#mail-compose .mailComposeHeadersSection span { #mail-compose .mailComposeHeadersSection span {
width: 8em; width: 8em;
font-size: 0.8em; font-size: 0.8em;
text-align: right;
padding-left: 5px;
} }
#mail-compose .mailComposeHeaders div, #mail-compose .mailComposeHeaders div,
#mail-compose .mailComposeHeadersSection div { #mail-compose .mailComposeHeadersSection div {

15
mail/templates/pixelegg/app.less
View File

@ -210,10 +210,10 @@ div#mail-index{
button#mail-index_button[mailcreate], button#mail-index_button[mailcreate],
button[id*="mailcreate"]{ button[id*="mailcreate"]{
.Complete_Button_add; .Complete_Button_add;
background-image: url("images/write_mail.png") !important; background-image: url("images/write_mail_lighter.png") !important;
background-position: right center !important; background-position: right center !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 24px 24px; background-size: 20px 20px;
padding-left: 25px; padding-left: 25px;
text-align: left; text-align: left;
width: 93%; width: 93%;
@ -283,6 +283,15 @@ div#mail-index{
width: 870px; width: 870px;
padding: 5px; padding: 5px;
// ##################################
// Identity
.mailComposeHeaders:first-child{
/*background-color: @gray-0;*/
.gradient-thead;
}
// ################################## // ##################################
// Toolbar // Toolbar
@ -393,7 +402,7 @@ div#mail-index{
margin: 2px 0; margin: 2px 0;
width: 98%; width: 98%;
span { width: 8em; font-size: 0.8em;} span { width: 8em; font-size: 0.8em; text-align: right; padding-left: 5px;}
div{ max-width: 770px; } div{ max-width: 770px; }