egroupware/addressbook/templates/pixelegg/app.css

/**
 * EGroupware: CSS with less preprocessor

 * ADDRESSBOOK
 *
 * Please do NOT change app.css directly, instead change app.less and compile it!
 *
 * @link http://www.egroupware.org
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
 * @package addressbook
 * @version $Id$
 */
/**
 * CRM view with contact data in sidebox
 */
.addressbook_sidebox_name {
  font-weight: bold;
}
.addressbook_sidebox_name,
.addressbook_sidebox_org {
  font-size: 130%;
  padding: 2px 0 2px 0;
}
td.addressbook_sidebox_header {
  font-weight: bold;
  height: 20px;
  vertical-align: bottom;
}
form[id^=addressbook-view].et2_container {
  height: 0 !important;
}
td.addressbook_sidebox_toolbar {
  vertical-align: bottom;
  height: 32px;
}
.addressbook_view_sidebox img.photo {
  width: 68px;
  padding-right: 3px;
  height: auto;
  vertical-align: bottom;
}
div.addressbook_view_sidebox .toolbox button {
  vertical-align: middle;
}
div.addressbook_view_sidebox img[id$='_button[delete]'] {
  float: right;
  margin-top: 9px;
}
/**
 * new addressbook.edit
 */
div.addressbook_edit_general_picture {
  position: relative;
}
div.addressbook_edit_general_picture img {
  position: absolute;
  width: auto;
  max-width: 80px;
  height: 105px;
  left: 2px;
}
.uploadphoto {
  position: absolute;
  top: 70px;
  left: 0;
  display: none;
  border: 2px solid black;
  background-color: #ffffff;
  padding: 4px;
  z-index: 1;
}
.typeIcon {
  height: 16px;
  width: 16px;
}
.editname {
  position: absolute;
  display: none;
  border: 2px solid black;
  background-color: #ffffff;
  padding: 4px;
  top: 55px;
  left: 102px;
  z-index: 1;
  padding-right: 10px;
}
.custom_country {
  display: none;
}
input.et2_radiobox {
  position: relative;
  left: 7px;
}
#addressbook-edit_tel_prefer-tel_work,
#addressbook-edit_tel_prefer-tel_cell {
  left: 7px;
}
#addressbook-edit_memberships + .chzn-container .chzn-results {
  max-height: 85px;
}
/**
 * Index page
 */
#addressbook-index img.iphoto {
  width: 100%;
  height: auto;
}
#addressbook-index .avatar img.iphoto {
  border: none;
  box-shadow: none;
}
#addressbook-index .avatar span {
  margin-right: 0;
}
#addressbook-index_org_view,
#addressbook-index_addressbook-index-right_add > div.et2_box_widget {
  top: 0;
  padding-top: 0;
}
#addressbook-edit_adr_one_locality,
#addressbook-edit_adr_two_locality,
#addressbook-edit_adr_one_postalcode,
#addressbook-edit_adr_two_postalcode {
  padding-top: 5px;
  padding-bottom: 5px;
}
#addressbook-edit_adr_one_postalcode,
#addressbook-edit_adr_two_postalcode {
  margin-right: -4px;
}
div.city_state_postcode #addressbook-edit_adr_two_postalcode,
div.city_state_postcode #addressbook-edit_adr_one_postalcode {
  margin-right: 5px !important;
}
#addressbook-edit_role {
  margin-right: 5px;
}
.addressbookHooked .egwGridView_grid label > span.et2_link {
  display: none;
}
/**
 * adjust width of select-boxes in nextmatch
 */
#addressbook-index .filtersContainer {
  position: absolute;
  top: 0;
  /* Required for Chrome 76+ on Windows */
  left: 342px;
  right: 215px;
}
#addressbook-index .filtersContainer select {
  width: 31.5%;
}
/* category filter chosen. !important is neccessary to override the width set by chosen*/
#addressbook-index .nextmatch_header_row .et2_selectbox.select-cat {
  min-width: auto;
  width: 31.5% !important;
}
select#addressbook-index_col_filter\[tid\] {
  width: 100px;
}
#addressbook-index_addressbook-index-row select {
  float: right;
  width: 134px;
}
#addressbook-edit .chzn-container .chzn-results {
  max-height: 110px;
}
#addressbook-index_nm .chzn-drop {
  width: auto;
}
#addressbook-edit_adr_one_region,
#addressbook-edit_adr_two_region {
  width: 130px;
  vertical-align: middle;
  margin-left: 1px;
}
.smime_section_border {
  border-top: 1px solid #e5e5e5;
}
.smime_section_border > * {
  padding-top: 10px;
}
@media all {
  /* #############################################################################

	// Rahmen + padding**/
  /*##############################################*/
  /*#            #                               #*/
  /*#   Bild     #                               #*/
  /*#            #      Infolog                  #*/
  /*#            #                               #*/
  /*#            #                               #*/
  /*#            #                               #*/
  /*#    Sidebar #                               #*/
  /*#            #                               #*/
  /*#            #                               #*/
  /*#            #                               #*/
  /*#            #                               #*/
  /*#            #                               #*/
  /*##############################################*/
  div.addressbook_view_sidebox img.photo {
    width: 68px;
    padding-right: 3px;
    height: auto;
    vertical-align: top;
    margin-right: 5px;
  }
  div.addressbook_view_sidebox .addressbook_sidebox_name {
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0 2px 0;
    width: 85%;
  }
  div.addressbook_view_sidebox .addressbook_sidebox_org {
    font-size: 14px;
    padding: 2px 0 2px 0;
    width: 85%;
  }
  div.addressbook_view_sidebox span[id^=addressbook-view-addressbook][id$=_org_unit] {
    font-size: 11px;
    padding: 2px 0 2px 0;
  }
  div.addressbook_view_sidebox span[id^=addressbook-view-addressbook][id$=_adr_one_locality] {
    font-size: 11px;
    padding: 2px 0 2px 0;
  }
  /**
	 * Give space to both contact view & infolog list
	 */
  #addressbook-edit {
    height: auto;
    min-height: 390px;
  }
  /*##################################################################*/
  /*Infolog*/
  .et2_container[id^="infolog-index-addressbook"] {
    /*ADD Button */
  }
  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget {
    text-shadow: none;
    height: 32px;
    margin-top: 5px;
    background-image: none !important;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    /* Safari */
    /*Text ""hinzufügen" "*/
    /*MouseOver*/
  }
  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:before {
    content: "+";
    font-size: 2em;
    color: #ffc200;
    line-height: 0.5em;
  }
  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget span {
    display: none;
  }
  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img {
    /*.background_color_10_gray;*/
    -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;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 16px;
    height: 16px;
    margin-left: 0.5em;
    padding: 0px;
    margin-top: 0px;
    vertical-align: middle;
    /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
  }
  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img:hover {
    /*.background_color_20_gray;*/
    -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);
    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"] div.et2_box_widget img:active {
    /*.background_color_30_gray;*/
    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);
    background-color: #b3e4a6;
  }
  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img:last-child {
    margin-right: 5px;
  }
  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:hover {
    -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);
    background-color: #0C5DA5 !important;
    -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;
    height: 32px;
    /*Text*/
  }
  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:hover:before {
    content: "";
    font-size: 1em;
    padding-left: 5px;
  }
  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:hover span {
    visibility: hidden;
    display: none;
  }
  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:hover img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    margin: 0.5em;
    background: #FFFFFF;
  }
  .et2_container[id^="infolog-index-addressbook"] .egwGridView_scrollarea {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
  }
  button#tracker-index-addressbook_add {
    width: 32px;
    /*border: 1px solid #0C5DA5;*/
    margin: 6px 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    padding: -0.5em;
    background-color: #E6E6E6 !important;
    background-size: 16px 16px;
    -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;
    height: 24px;
  }
  button#tracker-index-addressbook_add:before {
    content: "";
    font-size: 2em;
    color: #0C5DA5;
    line-height: 0.6em;
    padding-left: 0.1em;
    padding-right: 100em;
  }
  button#tracker-index-addressbook_add:active {
    background-color: #b3e4a6;
  }
  button#tracker-index-addressbook_add:hover {
    background-color: #ace29e !important;
    color: #ffc200;
    -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);
    -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;
  }
  button#tracker-index-addressbook_add:active {
    background-color: #b3e4a6 !important;
  }
  div.addressbook_edit_general_picture img {
    top: -4px;
    width: 70px;
    height: auto;
    left: 7px;
  }
  #addressbook-edit_addressbook-edit-general .et2_label {
    margin-right: 6px;
  }
  #addressbook_edit_adr_one_countrycode_chzn,
  #addressbook_edit_adr_two_countrycode_chzn {
    margin-top: 3px;
  }
  #addressbook_edit_adr_one_countrycode_chzn a.et2_country-select,
  #addressbook_edit_adr_two_countrycode_chzn a.et2_country-select {
    width: 99%;
    padding-left: 5px;
    left: 1px;
    border-radius: 0;
  }
  #addressbook-edit_adr_one_region .ms-ctn form-control,
  #addressbook-edit_adr_two_region .ms-ctn form-control {
    padding-left: 13px;
  }
}