egroupware/addressbook/templates/pixelegg/app.css

/**
 * EGroupware: CSS with less preprocessor
 *
 * 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$
 */
/**
 * Give space to both contact view & infolog list
 */
.et2_container {
  height: 50%;
}
.et2_container:only-child,
#addressbook-index {
  height: 100%;
}
/* Give enough (static) width to edit dialog tabs, or it will auto-size and flex */
#addressbook-edit .et2_tabbox {
  min-width: 535px;
}
.cursorHand {
  cursor: hand;
}
.countrySelect select {
  width: 150px;
}
.custom_country input {
  display: none;
}
.contactid:before {
  content: "#";
}
.emailCol div {
  width: 100%;
}
.fixedHeight,
.telNumbers {
  height: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.telNumbers {
  white-space: nowrap;
}
.leftPad5 {
  padding-left: 5px;
}
.bold {
  font-weight: bold;
}
.fileas select,
.fileas,
.owner select,
.owner {
  width: 100%;
  font-weight: bold;
}
.photo img,
.iphoto img {
  width: 60px;
}
.photo img {
  cursor: hand;
}
.uploadphoto {
  position: absolute;
  top: 168px;
  left: 48px;
  display: none;
  border: 2px solid black;
  background-color: #ffffff;
  padding: 4px;
}
.checkAllArrow {
  padding-right: 5px;
}
.typeIcon {
  height: 16px;
  width: 16px;
}
.editphones,
.editname {
  position: absolute;
  top: 10%;
  left: 30%;
  display: none;
  border: 2px solid black;
  background-color: #ffffff;
  padding: 4px;
}
.editname {
  top: 97px;
  left: 173px;
}
.windowheader {
  background-image: url(../../../phpgwapi/templates/idots/images/appbox-header-background.png);
  background-repeat: repeat-x;
  height: 20px;
  border-spacing: 0px;
  border-collapse: collapse;
  border-bottom: #9c9c9c 1px solid;
}
fieldset.phoneGroup {
  margin-top: 12px;
  font-size: 110%;
  height: 140px;
  border: solid black 2px;
  margin-bottom: 0px;
}
.phoneGroup table {
  height: 122px;
}
fieldset.emailGroup {
  margin-top: 10px;
  font-size: 110%;
  height: 112px;
  border: solid black 2px;
  margin-bottom: 0px;
}
.emailGroup table {
  height: 87px;
}
.space {
  width: 80px;
}
.noWrap {
  white-space: nowrap;
}
.customfields td {
  white-space: nowrap;
  line-height: 12px;
}
.image16 img {
  height: 16px;
}
div#addressbook-index div.et2_hbox_left {
  padding: 1em;
}
div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view {
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  width: auto;
  margin: 0.5em 0em 0.5em 0.5em;
  padding: 3px;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 35px;
  margin-top: 0;
}
div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view: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);
}
div#addressbook-index div.et2_hbox_right {
  width: auto;
  margin-right: 1em;
}
div#addressbook-index div.et2_hbox_right select.et2_selectbox {
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  width: auto;
  margin: 0.5em 0em 0.5em 0.5em;
  padding: 3px;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 35px;
  margin-left: 5px;
}
div#addressbook-index div.et2_hbox_right select.et2_selectbox: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);
}
div#addressbook-index div.et2_hbox_right select.et2_selectbox:focus {
  outline: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #b4b4b4;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  -moz-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 {
  background-color: #f0f0f0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  color: #000000;
  padding-left: 30px !important;
  background-position: 6px center !important;
  background-repeat: no-repeat !important;
  background-size: 20px auto !important;
  width: auto;
  height: 32px;
  background-image: url('../../../pixelegg/images/advanced-search.png') !important;
  padding-left: 0px;
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_search:hover {
  background-image: url('../../../pixelegg/images/advanced-search.png');
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  color: #000000;
  padding-left: 30px !important;
  background-position: 6px center !important;
  background-repeat: no-repeat !important;
  background-size: 20px auto !important;
  width: auto;
  height: 32px;
  -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);
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_search:focus {
  background-image: url('../../../pixelegg/images/advanced-search.png');
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  color: #000000;
  padding-left: 30px !important;
  background-position: 6px center !important;
  background-repeat: no-repeat !important;
  background-size: 20px auto !important;
  width: auto;
  height: 32px;
  -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);
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_add {
  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;
  -moz-border-radius: 3px;
  -moz-border-radius-topleft: 20px;
  border-radius: 3px;
  border-top-left-radius: 20px;
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_add:before {
  content: "+";
  font-size: 1.5em;
  color: #ffc200;
}
div#addressbook-index div.et2_hbox_right button#addressbook-index_add:hover {
  background-color: #66a1d2 !important;
  color: #ffc200;
  -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);
  -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;
}
div#addressbook-index div.filters select#infolog-index_cat_id {
  width: 10%;
  margin-left: 1em;
}
div#addressbook-index div.filters select#infolog-index_filter {
  width: 10%;
}
div#addressbook-index div.filters select#infolog-index_filter2 {
  width: 10%;
}
div#addressbook-index table.egwGridView_outer {
  width: 99%;
}
.et2_container {
  height: auto;
}
/* ##################################################### */
/* ##################################################### */
/*State: Address selected*/
/*ADD AREA*/
#infolog-index_infolog-index-header_right .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;
  -moz-border-radius: 3px;
  -moz-border-radius-topleft: 20px;
  border-radius: 3px;
  border-top-left-radius: 20px;
  height: auto;
  color: #ffffff;
  font-size: 0.9em;
}
#infolog-index_infolog-index-header_right .et2_box_widget:before {
  content: "+";
  font-size: 1.5em;
  color: #ffc200;
}
#infolog-index_infolog-index-header_right .et2_box_widget:hover {
  background-color: #66a1d2 !important;
  color: #ffc200;
  -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);
  -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;
}
#infolog-index_infolog-index-header_right .et2_box_widget span.et2_label {
  color: #ffffff;
  font-size: 0.9em;
  padding-right: 11px;
}
#infolog-index_infolog-index-header_right .et2_box_widget img.et2_button {
  margin-top: -15px;
}
/*State: address edit*/
div#addressbook-edit,
div#addressbook-search {
  margin: 0;
  padding: 0.5em;
}
div#addressbook-edit .chzn-container,
div#addressbook-search .chzn-container {
  width: 60% !important;
}
div#addressbook-edit .et2_tabheader,
div#addressbook-search .et2_tabheader {
  margin-top: 0px;
  background-color: transparent;
}
div#addressbook-edit table.editphones,
div#addressbook-search table.editphones {
  width: auto !important;
  top: 5%;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
}
div#addressbook-edit table.et2_grid,
div#addressbook-search table.et2_grid {
  width: 100%;
  border-top: 0px;
}
div#addressbook-edit table.addressbook_edit_general,
div#addressbook-search table.addressbook_edit_general {
  border-top: 0px;
}
div#addressbook-edit table.addressbook_edit_general tr td:first-child,
div#addressbook-search table.addressbook_edit_general tr td:first-child {
  width: 100px;
}
div#addressbook-edit table.addressbook_edit_general tr td,
div#addressbook-search table.addressbook_edit_general tr td {
  width: 200px;
}
div#addressbook-edit table.addressbook_edit_general table tr td:first-child,
div#addressbook-search table.addressbook_edit_general table tr td:first-child {
  width: 60px;
}
div#addressbook-edit table.addressbook_edit_general table tr td,
div#addressbook-search table.addressbook_edit_general table tr td {
  width: 200px;
}
div#addressbook-edit table.addressbook_edit_general img.photo,
div#addressbook-search table.addressbook_edit_general img.photo {
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  color: #000000;
}
div#addressbook-edit table.addressbook_edit_general img.photo:hover,
div#addressbook-search table.addressbook_edit_general img.photo: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: inherit !important;
}
div#addressbook-edit table.addressbook_edit_general .uploadphoto,
div#addressbook-search table.addressbook_edit_general .uploadphoto {
  background-color: #f0f0f0;
  width: auto;
  border-top: solid 1px #eeeeee;
  border-left: solid 1px #eeeeee;
  border-right: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_n_fn,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_n_fn {
  width: 200px;
}
div#addressbook-edit table.addressbook_edit_general table.editname,
div#addressbook-search table.addressbook_edit_general table.editname {
  background-color: #f0f0f0;
  z-index: 10;
  font-size: 1.5em;
}
div#addressbook-edit table.addressbook_edit_general table.editname tr td:first-child,
div#addressbook-search table.addressbook_edit_general table.editname tr td:first-child {
  width: 100px !important;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_title,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_title {
  width: 200px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_role,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_role {
  width: 200px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_org_name,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_org_name {
  width: 286px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_org_unit,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_org_unit {
  width: 286px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_street,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_street,
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_street2,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_street2 {
  width: 286px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_postalcode,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_postalcode {
  width: 50px;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_locality,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_locality {
  width: 225px;
}
div#addressbook-edit table.addressbook_edit_general .chzn-container,
div#addressbook-search table.addressbook_edit_general .chzn-container {
  width: 300px !important;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_region,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_region {
  width: 286px;
}
div#addressbook-edit table.addressbook_edit_general select.owner,
div#addressbook-search table.addressbook_edit_general select.owner {
  width: 300px;
}
div#addressbook-edit div#addressbook-edit_addressbook-editphones,
div#addressbook-search div#addressbook-edit_addressbook-editphones {
  margin-left: 1em;
}
div#addressbook-edit fieldset.phoneGroup,
div#addressbook-search fieldset.phoneGroup {
  border: none;
  margin-bottom: 0;
  margin-top: 12px;
  margin-left: 1em;
  height: auto;
  background-color: #d9d9d9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
div#addressbook-edit fieldset.phoneGroup legend,
div#addressbook-search fieldset.phoneGroup legend {
  text-transform: uppercase;
}
div#addressbook-edit fieldset.phoneGroup .fixedHeight,
div#addressbook-search fieldset.phoneGroup .fixedHeight,
div#addressbook-edit fieldset.phoneGroup .telNumbers,
div#addressbook-search fieldset.phoneGroup .telNumbers {
  height: auto;
}
div#addressbook-edit fieldset.phoneGroup .telNumbers,
div#addressbook-search fieldset.phoneGroup .telNumbers {
  white-space: nowrap;
}
div#addressbook-edit fieldset.phoneGroup td.telNumbers input,
div#addressbook-search fieldset.phoneGroup td.telNumbers input {
  width: 90%;
}
div#addressbook-edit fieldset.phoneGroup * img,
div#addressbook-search fieldset.phoneGroup * img {
  display: none !important;
  width: 20px;
}
div#addressbook-edit fieldset.emailGroup,
div#addressbook-search fieldset.emailGroup {
  border: none;
  margin-bottom: 0;
  margin-top: 10px;
  margin-left: 1em;
  height: auto;
  background-color: #d9d9d9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
div#addressbook-edit fieldset.emailGroup legend,
div#addressbook-search fieldset.emailGroup legend {
  text-transform: uppercase;
}
div#addressbook-edit fieldset.emailGroup a.et2_url:after,
div#addressbook-search fieldset.emailGroup a.et2_url:after {
  content: "\221E";
  font-size: 1.5em;
}
div#addressbook-edit fieldset.emailGroup a.et2_url,
div#addressbook-search fieldset.emailGroup a.et2_url {
  margin-left: -40px;
}
div#addressbook-edit fieldset.emailGroup a.et2_url.url,
div#addressbook-search fieldset.emailGroup a.et2_url.url {
  background-size: 15px 15px;
  background-image: none;
}
div#addressbook-edit fieldset.emailGroup td input,
div#addressbook-search fieldset.emailGroup td input {
  width: 90%;
}
div#addressbook-edit fieldset.emailGroup * img,
div#addressbook-search fieldset.emailGroup * img {
  display: none !important;
  width: 20px;
}
#addressbook-edit_addressbook-edit-general #addressbook_edit_adr_one_countrycode_chzn {
  width: 200px !important;
  padding-top: 1em;
}
#addressbook-edit_addressbook-edit-home #addressbook_edit_adr_two_countrycode_chzn {
  width: 200px !important;
  padding-top: 1em;
}
#addressbook-edit_addressbook-edit-home #addressbook_edit_tz_chzn {
  width: 15% !important;
  padding-top: 1em;
}
#addressbook-edit_addressbook-edit-links .th,
#addressbook-search_addressbook-edit-links .th {
  height: 20px;
}
#addressbook-edit_addressbook-edit-links tbody,
#addressbook-search_addressbook-edit-links tbody {
  display: table-header-group;
  vertical-align: top;
}
#addressbook-edit_addressbook-edit-distribution_list .th,
#addressbook-search_addressbook-edit-distribution_list .th {
  height: 20px;
}
#addressbook-edit_addressbook-edit-distribution_list tbody,
#addressbook-search_addressbook-edit-distribution_list tbody {
  display: table-header-group;
  vertical-align: top;
}
#addressbook-edit_addressbook-edit-custom .th,
#addressbook-search_addressbook-edit-custom .th {
  height: 20px;
}
#addressbook-edit_addressbook-edit-custom tbody,
#addressbook-search_addressbook-edit-custom tbody {
  display: table-header-group;
  vertical-align: top;
}
#addressbook-edit_addressbook-edit-custom_private .th,
#addressbook-search_addressbook-edit-custom_private .th {
  height: 20px;
}
#addressbook-edit_addressbook-edit-custom_private tbody,
#addressbook-search_addressbook-edit-custom_private tbody {
  display: table-header-group;
  vertical-align: top;
}
#addressbook-edit_addressbook-edit-history .th {
  height: 20px;
}
#addressbook-edit_addressbook-edit-history tbody {
  display: table-header-group;
  vertical-align: top;
}
button.button_more {
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  color: #000000;
  padding-left: 30px !important;
  background-position: 6px center !important;
  background-repeat: no-repeat !important;
  background-size: 20px auto !important;
  width: auto;
  height: 32px;
  background-image: url('../images/bearbeiten.png');
}
div.addressbook.edit.general table {
  border-top: 0px;
}
div.addressbook.edit.general table tr td img {
  display: none;
}
div.addressbook.edit.general table img:nth-child(1) {
  display: none;
}
div.addressbook.edit.general table img:nth-child(2) {
  cursor: pointer;
}
.countrySelect select {
  width: 150px;
}
.custom_country input {
  display: none;
}
.contactid:before {
  content: "#";
}
.emailCol div {
  overflow: hidden;
  width: 100%;
}
.redItalic {
  color: red;
  font-style: italic;
}
.leftPad5 {
  padding-left: 5px;
}
.bold {
  font-weight: bold;
}
.fileas select,
.fileas,
.owner select,
.owner {
  font-weight: bold;
  width: 100%;
}
.photo img,
.iphoto img {
  width: 60px;
}
.uploadphoto {
  background-color: #cdcdcd;
  border: 2px solid black;
  display: none;
  left: 48px;
  padding: 4px;
  position: absolute;
  top: 168px;
}
table.uploadphoto {
  width: 360px !important;
  background-color: #cdcdcd !important;
}
.checkAllArrow {
  padding-right: 5px;
}
.typeIcon {
  height: 16px;
  width: 16px;
}
.editphones,
.editname {
  background-color: #FFFFFF;
  border: 2px solid black;
  display: none;
  left: 30%;
  padding: 4px;
  position: absolute;
  top: 10%;
}
.editname {
  left: 137px;
  top: 160px;
}
.windowheader {
  background-image: url("../../../phpgwapi/templates/idots/images/appbox-header-background.png");
  background-repeat: repeat-x;
  border-bottom: 1px solid #9C9C9C;
  border-collapse: collapse;
  border-spacing: 0;
  height: 20px;
}
.emailGroup table {
  height: 87px;
}
.space {
  width: 80px;
}
.noWrap {
  white-space: nowrap;
}
.customfields td {
  line-height: 12px;
  white-space: nowrap;
}
.image16 img {
  height: 16px;
}
.fixedHeight,
.telNumbers {
  height: auto;
}