addressbook -

CRM View - image , Name, Organisation

Edit: link_to

List-View: advanced Search Button
This commit is contained in:
Stefan Reinhardt 2014-06-11 13:58:46 +00:00
parent 2072869ffe
commit 45e4cc4cdc
2 changed files with 134 additions and 97 deletions

View File

@ -117,24 +117,48 @@ img.iphoto {
} }
@media all { @media all {
/* ############################################################################# /* #############################################################################
// iframe
// Rahmen + padding**/ // Rahmen + padding**/
/*################## iframe ####################*/ /*##############################################*/
/*# # #*/ /*# # #*/
/*# # #*/ /*# Bild # #*/
/*# # Addressbook #*/ /*# # Infolog #*/
/*# # #*/ /*# # #*/
/*# # #*/ /*# # #*/
/*# # #*/ /*# # #*/
/*# ############################### #*/ /*# Sidebar # #*/
/*# # #*/ /*# # #*/
/*# # #*/ /*# # #*/
/*# # #*/ /*# # #*/
/*# # infolog #*/
/*# # #*/
/*# # #*/ /*# # #*/
/*# # #*/ /*# # #*/
/*##############################################*/ /*##############################################*/
div#addressbook_view_sidebox img.photo {
width: 68px;
padding-right: 3px;
height: auto;
vertical-align: top;
margin-right: 5px;
}
div#addressbook_view_sidebox #addressbook-view_n_fn {
font-size: 14.3px;
font-weight: bold;
padding: 2px 0 2px 0;
width: 85%;
}
div#addressbook_view_sidebox #addressbook-view_org_name {
font-size: 14.3px;
padding: 2px 0 2px 0;
width: 85%;
}
div#addressbook_view_sidebox #addressbook-view_org_unit {
font-size: 11px;
padding: 2px 0 2px 0;
}
div#addressbook_view_sidebox #addressbook-view_adr_one_locality {
font-size: 11px;
padding: 2px 0 2px 0;
}
/** /**
* Give space to both contact view & infolog list * Give space to both contact view & infolog list
*/ */
@ -214,93 +238,51 @@ img.iphoto {
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
} }
div#addressbook-index div.et2_hbox_right button#addressbook-index_search { div#addressbook-index div.et2_hbox_right button#addressbook-index_search {
background-color: #f0f0f0; width: 32px;
/*.border_normal;*/ border: 1px solid #0C5DA5;
/*.box_shadow_standard_light;*/ margin: 6px 2px;
/*.rounded (3px);*/ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
color: #000000; padding: -0.5em;
-webkit-appearance: none; background-color: #e6e6e6 !important;
-webkit-transition-property: background-color; background-size: 16px 16px;
-moz-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #b4b4b4;
padding-left: 30px !important;
background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important;
/*.Button_size_h32_auto;*/
height: 24px; height: 24px;
margin-right: 0px;
background-image: url('../../../pixelegg/images/advanced-search.png') !important; background-image: url('../../../pixelegg/images/advanced-search.png') !important;
background-repeat: no-repeat;
padding-left: 0px; padding-left: 0px;
} }
div#addressbook-index div.et2_hbox_right button#addressbook-index_search:before {
content: "";
font-size: 2em;
color: #0c5da5;
line-height: 0.6em;
padding-left: 0.1em;
padding-right: 100em;
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_search:active {
background-color: #1aa200;
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_search:hover { div#addressbook-index div.et2_hbox_right button#addressbook-index_search:hover {
background-image: url('../../../pixelegg/images/advanced-search.png'); background-color: #66a1d2 !important;
/*.border_normal;*/ color: #ffc200;
/*.box_shadow_standard_light;*/
/*.rounded (3px);*/
color: #000000;
-webkit-appearance: none;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #b4b4b4;
padding-left: 30px !important;
background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important;
/*.Button_size_h32_auto;*/
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-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); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
height: 24px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 10px;
border-radius: 3px;
border-top-left-radius: 10px;
background-image: url('../../../pixelegg/images/advanced-search.png');
/*.Complete_Button_text_icon_before_hover;*/
/*.dimension_height_m;*/
} }
div#addressbook-index div.et2_hbox_right button#addressbook-index_search:focus { div#addressbook-index div.et2_hbox_right button#addressbook-index_search:focus {
background-color: #1aa200 !important;
background-image: url('../../../pixelegg/images/advanced-search.png'); background-image: url('../../../pixelegg/images/advanced-search.png');
/*.border_normal;*/ /* .Complete_Button_text_icon_before_active;
/*.box_shadow_standard_light;*/ .dimension_height_m;*/
/*.rounded (3px);*/
color: #000000;
-webkit-appearance: none;
-webkit-transition-property: background-color;
-moz-transition-property: background-color;
-o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
background-color: #b4b4b4;
padding-left: 30px !important;
background-position: 6px center !important;
background-repeat: no-repeat !important;
background-size: 20px auto !important;
/*.Button_size_h32_auto;*/
-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);
height: 24px;
} }
div#addressbook-index div.et2_hbox_right button#addressbook-index_add { div#addressbook-index div.et2_hbox_right button#addressbook-index_add {
width: 32px; width: 32px;

View File

@ -21,27 +21,71 @@
/* ############################################################################# /* #############################################################################
// iframe
// Rahmen + padding**/ // Rahmen + padding**/
/*################## iframe ####################*/ /*##############################################*/
/*# # #*/ /*# # #*/
/*# # #*/ /*# Bild # #*/
/*# # Addressbook #*/ /*# # Infolog #*/
/*# # #*/ /*# # #*/
/*# # #*/ /*# # #*/
/*# # #*/ /*# # #*/
/*# ############################### #*/ /*# Sidebar # #*/
/*# # #*/ /*# # #*/
/*# # #*/ /*# # #*/
/*# # #*/ /*# # #*/
/*# # infolog #*/
/*# # #*/
/*# # #*/ /*# # #*/
/*# # #*/ /*# # #*/
/*##############################################*/ /*##############################################*/
// Image + Data
div#addressbook_view_sidebox{
//img
img.photo {
width: 68px;
padding-right: 3px;
height: auto;
vertical-align: top;
margin-right: 5px;
}
// name
#addressbook-view_n_fn{
.fontsize_xl;
font-weight: bold;
padding: 2px 0 2px 0;
width: 85%;
}
// org
#addressbook-view_org_name {
.fontsize_xl;
padding: 2px 0 2px 0;
width: 85%;
}
// Unit
#addressbook-view_org_unit {
.fontsize_m;
padding: 2px 0 2px 0;
}
// Ort
#addressbook-view_adr_one_locality{
.fontsize_m;
padding: 2px 0 2px 0;
}
}
/** /**
* Give space to both contact view & infolog list * Give space to both contact view & infolog list
*/ */
@ -115,16 +159,27 @@ div#addressbook-index{
// erweiterte Suche // erweiterte Suche
button#addressbook-index_search{ button#addressbook-index_search{
.Complete_Button_add_only_plus;
.background_color_10_gray;
.color_100_gray;
.Complete_Button_text_icon_before;
.dimension_height_m; .dimension_height_m;
margin-right: 0px;
background-image:url('../../../pixelegg/images/advanced-search.png') !important; background-image:url('../../../pixelegg/images/advanced-search.png') !important;
background-repeat: no-repeat;
padding-left: 0px; padding-left: 0px;
&:hover{ background-image:url('../../../pixelegg/images/advanced-search.png'); .Complete_Button_text_icon_before_hover;.dimension_height_m;}
&:focus{ background-image:url('../../../pixelegg/images/advanced-search.png'); .Complete_Button_text_icon_before_active;.dimension_height_m;} &:hover{
.Complete_Button_add_only_plus_hover;
background-image:url('../../../pixelegg/images/advanced-search.png');
/*.Complete_Button_text_icon_before_hover;*/
/*.dimension_height_m;*/
}
&:focus{
background-color: @color_positive_action_active !important;
background-image:url('../../../pixelegg/images/advanced-search.png');
/* .Complete_Button_text_icon_before_active;
.dimension_height_m;*/
}
} }