holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests 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
*/
#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;

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

@ -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;
}
}

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

@ -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;

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

@ -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 ;}
}
}
}

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;
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 {

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

@ -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; }