forked from extern/egroupware
a78fda8400
-Fix clicking on linked infolog entry and redirecting to AB CRM view removes the link from the row in infolog
537 lines
16 KiB
CSS
Executable File
537 lines
16 KiB
CSS
Executable File
/**
|
|
* 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;
|
|
}
|
|
div#addressbook-view.et2_container {
|
|
height: 0;
|
|
}
|
|
td.addressbook_sidebox_toolbar {
|
|
vertical-align: bottom;
|
|
height: 32px;
|
|
}
|
|
div#divGenTime_addressbook {
|
|
display: none;
|
|
}
|
|
div#addressbook_view_sidebox img.photo {
|
|
width: 68px;
|
|
padding-right: 3px;
|
|
height: auto;
|
|
vertical-align: bottom;
|
|
}
|
|
/**
|
|
* new addressbook.edit
|
|
*/
|
|
div#addressbook-edit.et2_container {
|
|
width: 842px;
|
|
}
|
|
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;
|
|
}
|
|
.custom_country {
|
|
display: none;
|
|
}
|
|
tr.dialogHeader td,
|
|
tr.dialogHeader2 td,
|
|
tr.dialogHeader3 td,
|
|
tr.dialogHeader4 td,
|
|
tr.dialogOperators td,
|
|
.dialogFooterToolbar {
|
|
padding: 5px 0 5px 0;
|
|
vertical-align: middle;
|
|
}
|
|
input.et2_radiobox {
|
|
position: relative;
|
|
left: -16px;
|
|
}
|
|
#addressbook-edit_tel_prefer-tel_work,
|
|
#addressbook-edit_tel_prefer-tel_cell {
|
|
left: -13px;
|
|
}
|
|
/**
|
|
* Index page
|
|
*/
|
|
img.iphoto {
|
|
width: 100%;
|
|
}
|
|
#addressbook-index_org_view {
|
|
margin: 5px;
|
|
}
|
|
#addressbook-edit_room {
|
|
float: right;
|
|
}
|
|
.addressbookHooked .egwGridView_grid label > span.et2_link {
|
|
display: none;
|
|
}
|
|
@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-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
|
|
*/
|
|
#addressbook-index {
|
|
/*height: 99%;*/
|
|
}
|
|
#addressbook-edit {
|
|
height: auto;
|
|
min-height: 390px;
|
|
overflow: auto;
|
|
}
|
|
div#addressbook-index {
|
|
/*#############################################################*/
|
|
}
|
|
div#addressbook-index div.et2_hbox_left {
|
|
padding: 0px 17px 0 13px;
|
|
}
|
|
div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view {
|
|
/*.box_shadow_standard_light;*/
|
|
width: auto;
|
|
margin: 5px 0em 5px 5px;
|
|
padding: 3px;
|
|
outline: none;
|
|
display: inline-block;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
cursor: pointer;
|
|
height: 24px;
|
|
margin-top: 0;
|
|
margin-left: 2px;
|
|
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
|
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
|
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
|
}
|
|
div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view: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);
|
|
}
|
|
div#addressbook-index div.header_row_right div[id$=favorite_wrapper] {
|
|
margin-top: 0px;
|
|
top: 6px;
|
|
}
|
|
div#addressbook-index div.et2_hbox_right {
|
|
padding: 0px 11px 0px 0px;
|
|
width: auto;
|
|
margin-right: 0em;
|
|
margin-top: -5px;
|
|
}
|
|
div#addressbook-index div.et2_hbox_right select.et2_selectbox {
|
|
/*.box_shadow_standard_light;*/
|
|
width: auto;
|
|
margin: 5px 0em 5px 5px;
|
|
padding: 3px;
|
|
outline: none;
|
|
display: inline-block;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
cursor: pointer;
|
|
height: 24px;
|
|
margin-left: 5px;
|
|
}
|
|
div#addressbook-index div.et2_hbox_right select.et2_selectbox: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);
|
|
}
|
|
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 {
|
|
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;
|
|
margin-right: 0px;
|
|
background-image: url('../../../pixelegg/images/advanced-search.png') !important;
|
|
background-repeat: no-repeat;
|
|
padding-left: 0px;
|
|
font-size: 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 {
|
|
background-color: #189800 !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;
|
|
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 {
|
|
background-color: #1aa200 !important;
|
|
background-image: url('../../../pixelegg/images/advanced-search.png');
|
|
/* .Complete_Button_text_icon_before_active;
|
|
.dimension_height_m;*/
|
|
}
|
|
div#addressbook-index div.et2_hbox_right button#addressbook-index_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;
|
|
margin-right: 0px;
|
|
}
|
|
div#addressbook-index div.et2_hbox_right button#addressbook-index_add: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_add:active {
|
|
background-color: #1aa200;
|
|
}
|
|
div#addressbook-index div.et2_hbox_right button#addressbook-index_add:hover {
|
|
background-color: #189800 !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;
|
|
}
|
|
div#addressbook-index div.et2_hbox_right button#addressbook-index_add:active {
|
|
background-color: #1aa200 !important;
|
|
}
|
|
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%;
|
|
}
|
|
/*##################################################################*/
|
|
/*Infolog*/
|
|
.et2_container[id^="infolog-index-addressbook"] {
|
|
/*height: auto;*/
|
|
/*padding: 1em;*/
|
|
/*min-height: 250px;*/
|
|
/*ADD Button */
|
|
/* div.et2_hbox,
|
|
div.et2_box_widget*/
|
|
}
|
|
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget {
|
|
/*border: 1px solid rgba(0, 0, 0, 0.15);*/
|
|
/*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
|
|
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: #1aa200;
|
|
}
|
|
.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: #1aa200;
|
|
}
|
|
button#tracker-index-addressbook_add:hover {
|
|
background-color: #189800 !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: #1aa200 !important;
|
|
}
|
|
/*###########################################
|
|
# #
|
|
# dialogHeader #
|
|
#############################################
|
|
# #
|
|
# #
|
|
# #
|
|
# #
|
|
# #
|
|
# dialog #
|
|
# #
|
|
# #
|
|
#############################################
|
|
# #
|
|
# buttons #
|
|
# #
|
|
# #
|
|
##############################################*/
|
|
div#addressbook-edit.et2_container {
|
|
width: 842px;
|
|
}
|
|
div.addressbook_edit_general_picture img {
|
|
top: -4px;
|
|
width: 70px;
|
|
height: auto;
|
|
left: 7px;
|
|
}
|
|
#addressbook-edit_addressbook-edit-general .et2_label {
|
|
margin-right: 6px;
|
|
}
|
|
}
|