From 77dc45e0afc4ab21c430ae7e6cc52e4b0b284889 Mon Sep 17 00:00:00 2001 From: Klaus Leithoff Date: Fri, 20 Dec 2013 14:32:40 +0000 Subject: [PATCH] pixeleggs work of the day (20th.Dez) --- addressbook/templates/pixelegg/app.css | 90 ++++++++++++++++++------- addressbook/templates/pixelegg/app.less | 63 +++++++++++++++-- infolog/templates/pixelegg/app.css | 6 +- infolog/templates/pixelegg/app.less | 6 +- mail/templates/pixelegg/app.css | 24 ++++++- mail/templates/pixelegg/app.less | 15 ++++- 6 files changed, 158 insertions(+), 46 deletions(-) diff --git a/addressbook/templates/pixelegg/app.css b/addressbook/templates/pixelegg/app.css index 437c8cbd50..633162903c 100755 --- a/addressbook/templates/pixelegg/app.css +++ b/addressbook/templates/pixelegg/app.css @@ -173,7 +173,7 @@ fieldset.emailGroup { * Give space to both contact view & infolog list */ #addressbook-index { - height: 100%; + height: 99%; } #addressbook-edit { height: auto; @@ -348,15 +348,26 @@ fieldset.emailGroup { /*height: auto;*/ padding: 1em; /*min-height: 250px;*/ - /*ADD*/ + /*ADD Button */ /* div.et2_hbox, div.et2_box_widget*/ } .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; color: #FFF; text-shadow: none; - /* height: auto;*/ background-image: none !important; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 20px; @@ -364,39 +375,66 @@ fieldset.emailGroup { -moz-border-radius-topleft: 20px; border-radius: 3px; border-top-left-radius: 20px; - /*height: auto;*/ - color: #ffffff; - font-size: 0.9em; + -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); + 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: "+"; - font-size: 1.5em; + font-size: 2em; color: #ffc200; - line-height: 1.1em; } - .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"]:before { - padding-left: 5px; + .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget .infolog_headertext { + color: #FFF !important; + font-size: 11px; } - .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"]:hover { - background-color: #66a1d2 !important; - color: #ffc200; + .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:hover { -webkit-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); + 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-top-left-radius: 20px; -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; 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 { - color: #ffffff; - font-size: 0.9em; - padding-right: 11px; + .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img:hover { + background-color: #cccccc; + -webkit-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); + 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 { - margin-top: -15px; + .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img:active { + 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-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); -moz-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; } 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); -moz-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; } 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); -webkit-border-radius: 3px; -moz-border-radius: 3px; diff --git a/addressbook/templates/pixelegg/app.less b/addressbook/templates/pixelegg/app.less index fd8eb9a48f..932e07649d 100755 --- a/addressbook/templates/pixelegg/app.less +++ b/addressbook/templates/pixelegg/app.less @@ -49,7 +49,7 @@ #addressbook-index { - height: 100%; + height: 99%; } #addressbook-edit { height: auto; @@ -184,12 +184,14 @@ div#addressbook-index{ /*height: auto;*/ padding: 1em; /*min-height: 250px;*/ - /*ADD*/ + + +/*ADD Button */ /* div.et2_hbox, div.et2_box_widget*/ .et2_hbox_right[id*="_infolog-index-header_right"]{ - .Complete_Button_add; - /*height: auto;*/ +/* .Complete_Button_add; + height: auto; .color-0-gray; // white font-size: 0.9em; @@ -197,10 +199,57 @@ div#addressbook-index{ &:hover {.Complete_Button_add_hover;} 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; + } +} diff --git a/infolog/templates/pixelegg/app.css b/infolog/templates/pixelegg/app.css index 40f35c1581..9f306a95e5 100755 --- a/infolog/templates/pixelegg/app.css +++ b/infolog/templates/pixelegg/app.css @@ -120,7 +120,7 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar { border-top: 0px; } #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-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-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); -moz-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-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); -webkit-border-radius: 3px; -moz-border-radius: 3px; diff --git a/infolog/templates/pixelegg/app.less b/infolog/templates/pixelegg/app.less index 5bc77b8e4e..7561b570bc 100755 --- a/infolog/templates/pixelegg/app.less +++ b/infolog/templates/pixelegg/app.less @@ -72,7 +72,7 @@ span#favorite_sidebox_infolog{ table.et2_grid {border-top: 0px;} #infolog-index_nm{ - min-height: 900px; + /*min-height: 900px;*/ // Header .nextmatch_header{ @@ -128,10 +128,6 @@ span#favorite_sidebox_infolog{ &:active{.Complete_Button_Icon_active ;} } - - - - } } diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css index 82203badab..8e7d738352 100755 --- a/mail/templates/pixelegg/app.css +++ b/mail/templates/pixelegg/app.css @@ -653,10 +653,10 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje -moz-border-radius-topleft: 20px; border-radius: 3px; 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-repeat: no-repeat; - background-size: 24px 24px; + background-size: 20px 20px; padding-left: 25px; text-align: left; width: 93%; @@ -719,6 +719,24 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje width: 870px; 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 { width: 22px; } @@ -889,6 +907,8 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje #mail-compose .mailComposeHeadersSection span { width: 8em; font-size: 0.8em; + text-align: right; + padding-left: 5px; } #mail-compose .mailComposeHeaders div, #mail-compose .mailComposeHeadersSection div { diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less index bfec8ac810..f0b382d2dc 100755 --- a/mail/templates/pixelegg/app.less +++ b/mail/templates/pixelegg/app.less @@ -210,10 +210,10 @@ div#mail-index{ button#mail-index_button[mailcreate], button[id*="mailcreate"]{ .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-repeat: no-repeat; - background-size: 24px 24px; + background-size: 20px 20px; padding-left: 25px; text-align: left; width: 93%; @@ -282,6 +282,15 @@ div#mail-index{ // gesamtbreite width: 870px; padding: 5px; + + // ################################## + // Identity + .mailComposeHeaders:first-child{ + + /*background-color: @gray-0;*/ + .gradient-thead; + } + // ################################## @@ -393,7 +402,7 @@ div#mail-index{ margin: 2px 0; 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; }