pixelegg changes from Tuesday

This commit is contained in:
Ralf Becker 2013-12-18 04:33:59 +00:00
parent 8ff6950c3f
commit f7843e4507
4 changed files with 1944 additions and 42 deletions

View File

@ -184,9 +184,9 @@ fieldset.emailGroup {
padding: 4px 0px;
}
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);
-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);
width: auto;
margin: 5px 0em 5px 5px;
padding: 3px;
@ -209,9 +209,9 @@ fieldset.emailGroup {
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);
-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);
width: auto;
margin: 5px 0em 5px 5px;
padding: 3px;
@ -241,9 +241,12 @@ fieldset.emailGroup {
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);
-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);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000;
padding-left: 30px !important;
background-position: 6px center !important;
@ -257,9 +260,12 @@ fieldset.emailGroup {
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);
-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);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000;
padding-left: 30px !important;
background-position: 6px center !important;
@ -274,9 +280,12 @@ fieldset.emailGroup {
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);
-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);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000;
padding-left: 30px !important;
background-position: 6px center !important;
@ -486,9 +495,12 @@ fieldset.emailGroup {
}
div.addressbook_edit_general_picture 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);
-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);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000;
}
div.addressbook_edit_general_picture img.photo:hover {
@ -500,12 +512,12 @@ fieldset.emailGroup {
div.addressbook_edit_general_picture table.uploadphoto {
background-color: #f0f0f0;
width: auto;
border-top: solid 1px #e6e6e6;
border-left: solid 1px #e6e6e6;
border-right: solid 1px #e6e6e6;
border-bottom: solid 1px #e6e6e6;
left: 243px;
top: 189px;
border-top: solid 1px #000000;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
left: 30%;
top: 289px;
}
/*Search*/
div#addressbook-edit,
@ -526,9 +538,9 @@ fieldset.emailGroup {
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);
-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);
}
div#addressbook-edit table.et2_grid,
div#addressbook-search table.et2_grid {
@ -708,9 +720,9 @@ fieldset.emailGroup {
div#addressbook-edit fieldset.emailGroup td a.et2_url.url,
div#addressbook-search fieldset.emailGroup td a.et2_url.url {
background-color: #f0f0f0;
-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);
-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;
@ -721,9 +733,9 @@ fieldset.emailGroup {
div#addressbook-edit fieldset.emailGroup td a.et2_url.email,
div#addressbook-search fieldset.emailGroup td a.et2_url.email {
background-color: #f0f0f0;
-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);
-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;
@ -800,9 +812,9 @@ fieldset.emailGroup {
}
div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon {
background-color: #f0f0f0;
-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);
-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;
@ -880,9 +892,12 @@ fieldset.emailGroup {
################################################################*/
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);
-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);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000;
padding-left: 30px !important;
background-position: 6px center !important;

View File

@ -378,9 +378,9 @@ div.addressbook_edit_general_picture {
table.uploadphoto {
.background-color-10-gray;
width: auto;
.bordered(@gray-10, @gray-10, @gray-10, @gray-10);
left: 243px;
top: 189px;
.bordered(@gray-100, @gray-100, @gray-100, @gray-100);
left: 30%;
top: 289px;
}

916
admin/templates/pixelegg/app.css Executable file
View File

@ -0,0 +1,916 @@
/**
* EGroupware: CSS with less preprocessor
* ADMIN
*
* 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$
*/
/**
* EGroupware - CSS Styles used by admin app
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @link http://www.egroupware.org
* @author Ralf Becker <RalfBecker@outdoor-training.de>
* @version $Id: app.css 44587 2013-11-18 19:57:38Z ralfbecker $
*/
.admin_tree table,
.admin_tree tr,
.admin_tree td {
border: none;
}
div#divAppbox {
padding: 0;
}
body {
background-image: none;
background-color: white;
}
/* otherwise it is transparent */
#admin_iframe {
background-color: white;
}
tr.adminAccountInactive .adminStatus {
color: red;
}
.adminOverflowEllipsis {
width: 100%;
white-space: nowrap;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
img.admin_aclApp {
width: 16px;
}
@media all {
/* #############################################################################
// iframe
// Rahmen + padding**/
/*################## iframe ####################*/
/*# # #*/
/*# # #*/
/*# # ADMIN #*/
/*# # #*/
/*# # #*/
/*# # #*/
/*##############################################*/
/**
* Give space to both contact view & infolog list
*/
iframe#admin-index_iframe #admin-categories-index table.et2_grid #admin-categories-index_nm div.egwGridView_outer td.frame div.egwGridView_scrollarea {
min-height: 500px;
}
#addressbook-index {
height: 100%;
}
#addressbook-edit {
height: auto;
min-height: 390px;
overflow: auto;
}
div#addressbook-index div.et2_hbox_left {
padding: 4px 0px;
}
div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view {
-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);
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: 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: 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);
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: 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: 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);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
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: 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);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
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: 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);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
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;
line-height: 1.1em;
}
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%;
}
/*##################################################################*/
/*Infolog*/
.et2_container[id^="infolog-index-addressbook"] {
/*height: auto;*/
padding: 1em;
/*min-height: 250px;*/
/*ADD*/
/* div.et2_hbox,
div.et2_box_widget*/
}
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] {
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;
}
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"]:before {
content: "+";
font-size: 1.5em;
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"]: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;
}
.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"] img.et2_button {
margin-top: -15px;
}
/*###########################################
# #
# dialog-header #
#############################################
# #
# #
# #
# #
# #
# dialog #
# #
# #
#############################################
# #
# buttons #
# #
# #
##############################################*/
#addressbook-edit_addressbook-edit-general table.addressbook_edit_general {
width: 100%;
height: 286px;
}
#addressbook-edit_addressbook-edit-general table.addressbook_edit_general td.addressbook_edit_general_right {
widtH: 20%;
vertical-align: top;
text-align: center;
}
#addressbook-edit tr.dialog-footer-toolbar label.et2_label {
top: 0px !important;
}
/*#######################################################*/
/*State: Address selected*/
/*Layout*/
/*##############################
# # #
# # Phone #
# Address # #
# # Email #
# # #
# left # right #
################################ */
td.addressbook_edit_left_td {
min-width: 500px;
max-width: 100%;
width: 70%;
}
td.addressbook_edit_right_td {
min-width: 300px;
max-width: 100%;
width: 30%;
}
.egw_fw_ui_tab_content #addressbook-edit .et2_tabs {
max-height: 25em;
height: 296px;
}
/* popup window */
#popupMainDiv #addressbook-edit .et2_tabs {
height: 400px;
}
/*############ tabbox##############################################*/
/*# et2_tabheader # et2_tabheader # et2_tabheader # et2_tabheader #*/
/*#################################################################*/
/*# #*/
/*# #*/
/*# #*/
/*# et2_tabs #*/
/*# #*/
/*# #*/
/*#################################################################*/
/*#addressbook-edit .et2_tabbox {
max-width: 100%;
min-width: 530px;
width: 550px
}*/
/*#######################################################*/
/* Tab Generell */
.leftPad5 {
padding-left: 0px;
}
/*##################
# #
# #
# Picture #
# #
# #
##################*/
/*Div Image*/
div.addressbook_edit_general_picture {
/*Picture*/
}
div.addressbook_edit_general_picture img {
width: 180% !important;
max-width: 100px !important;
height: auto !important;
}
div.addressbook_edit_general_picture img.photo {
border: 1px solid rgba(0, 0, 0, 0.15);
-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);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #000000;
}
div.addressbook_edit_general_picture 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_general_picture table.uploadphoto {
background-color: #f0f0f0;
width: auto;
border-top: solid 1px #000000;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
left: 30%;
top: 289px;
}
/*Search*/
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: 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);
}
div#addressbook-edit table.et2_grid,
div#addressbook-search table.et2_grid {
width: 100%;
border-top: 0px;
}
div#addressbook-edit table.et2_grid img,
div#addressbook-search table.et2_grid img {
width: 16px;
height: 16px;
}
div#addressbook-edit table.addressbook_edit_general,
div#addressbook-search table.addressbook_edit_general {
border-top: 0px;
/*POPUP*/
/* edit Name */
}
div#addressbook-edit table.addressbook_edit_general tr td:first-child,
div#addressbook-search table.addressbook_edit_general tr td:first-child {
width: 20%;
}
div#addressbook-edit table.addressbook_edit_general tr td,
div#addressbook-search table.addressbook_edit_general tr td {
width: auto;
}
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 input#addressbook-edit_n_fn,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_n_fn {
width: 95%;
}
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: 1em;
}
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: 40% !important;
font-weight: bold;
padding: 3px 0;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_title,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_title {
width: 95%;
}
div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_role,
div#addressbook-search table.addressbook_edit_general input#addressbook-edit_role {
width: 95%;
}
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: 95%;
}
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: 95%;
}
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: 95%;
}
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: 10%;
}
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: 83%;
}
div#addressbook-edit table.addressbook_edit_general .chzn-container,
div#addressbook-search table.addressbook_edit_general .chzn-container {
width: 95% !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: 95%;
}
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 table.et2_grid td.telNumbers,
div#addressbook-search fieldset.phoneGroup table.et2_grid td.telNumbers {
width: 155px;
}
div#addressbook-edit fieldset.phoneGroup table.et2_grid td.telNumbers input,
div#addressbook-search fieldset.phoneGroup table.et2_grid td.telNumbers input {
width: 140px !important;
}
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 table.et2_grid,
div#addressbook-search fieldset.emailGroup table.et2_grid {
margin-left: -7px;
}
div#addressbook-edit fieldset.emailGroup td,
div#addressbook-search fieldset.emailGroup td {
/* a.et2_url:after {
content: "\221E";
font-size: 1.2em;
}*/
}
div#addressbook-edit fieldset.emailGroup td input,
div#addressbook-search fieldset.emailGroup td input {
width: 82%;
}
div#addressbook-edit fieldset.emailGroup td a.et2_url,
div#addressbook-search fieldset.emailGroup td a.et2_url {
margin-left: 5px;
}
div#addressbook-edit fieldset.emailGroup td a.et2_url:hover,
div#addressbook-search fieldset.emailGroup td a.et2_url:hover {
background-color: #b3b3b3 !important;
-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;
}
div#addressbook-edit fieldset.emailGroup td a.et2_url.url,
div#addressbook-search fieldset.emailGroup td a.et2_url.url {
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;
-moz-border-radius: 3px;
border-radius: 3px;
background-size: 16px 16px;
background-image: url('images/url.png');
}
div#addressbook-edit fieldset.emailGroup td a.et2_url.email,
div#addressbook-search fieldset.emailGroup td a.et2_url.email {
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;
-moz-border-radius: 3px;
border-radius: 3px;
background-size: 16px 16px;
background-image: url('images/email.png');
}
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;
}
div#addressbook-edit_addressbook-edit-cats {
overflow: scroll;
}
#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-home {
/*Birthday + Timezone*/
/*row*/
}
#addressbook-edit_addressbook-edit-home #addressbook_edit_adr_two_countrycode_chzn {
width: 200px !important;
padding-top: 0em;
}
#addressbook-edit_addressbook-edit-home .add_bday_timezone {
/*Birthday Label*/
}
#addressbook-edit_addressbook-edit-home .add_bday_timezone #addressbook_edit_tz_chzn {
width: 15% !important;
padding-top: 0em;
}
#addressbook-edit_addressbook-edit-home .add_bday_timezone label.et2_label {
padding-left: 1em;
}
/*################## Tab 4 Details ###############################*/
/*################## Tab 5 Verknüpfungen ###############################*/
#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-links tr:first td,
#addressbook-search_addressbook-edit-links tr:first td {
height: 150px;
}
div#addressbook-edit_addressbook-edit-links {
/*overflow-y: scroll;*/
/*neue verknüpfung erstellen - div*/
}
div#addressbook-edit_addressbook-edit-links table.et2_grid tr:first td {
height: 150px;
}
div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to {
width: 100% !important;
}
div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to div#addressbook-edit_link_to_link_entry {
margin: 1em;
}
div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon {
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;
-moz-border-radius: 3px;
border-radius: 3px;
float: left;
margin: 0.5em 2em;
padding: 0.5em;
height: 32px;
width: 32px;
}
div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:hover {
background-color: #b3b3b3 !important;
-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;
}
div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:active {
background-color: #808080;
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);
}
div#addressbook-edit_addressbook-edit-links table#addressbook-edit_link_to {
overflow-y: scroll;
}
/*################## Tab 6 Verteilerlisten ###############################*/
/*seems to be ok*/
#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;
}
/*################## Tab 7 Extra ###############################*/
/*seems to be ok*/
#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;
}
/*################## Tab 8 Extra Privat###############################*/
/*seems to be ok*/
/*################## Tab 9 History ###############################*/
#addressbook-edit_addressbook-edit-history .th {
height: 20px;
}
#addressbook-edit_addressbook-edit-history tbody {
display: table-header-group;
vertical-align: top;
}
#addressbook-edit_addressbook-edit-history .et2_historylog div:first-child,
#addressbook-edit_addressbook-edit-history #addressbook-edit_history div:first-child {
height: auto !important;
}
#addressbook-edit_addressbook-edit-history .et2_historylog table.egwGridView_outer th.optcol span.selectcols,
#addressbook-edit_addressbook-edit-history #addressbook-edit_history table.egwGridView_outer th.optcol span.selectcols {
position: relative !important;
}
/*################################################################
################################################################*/
button.button_more {
border: 1px solid rgba(0, 0, 0, 0.15);
-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);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
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/edit.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;
}
.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;
}
}
/*#################################### Media Queries #####################################################*/
@media only screen and (min-width: 980px) and (max-width: 1279px) {
.nextmatch_header > .filters select {
margin: 0px;
}
}

971
admin/templates/pixelegg/app.less Executable file
View File

@ -0,0 +1,971 @@
/**
* EGroupware: CSS with less preprocessor
* ADMIN
*
* 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$
*/
@import (reference) "../../../pixelegg/less/def_buttons.less";
@import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
@import (less) "../default/app.css";
@media all {
/* #############################################################################
// iframe
// Rahmen + padding**/
/*################## iframe ####################*/
/*# # #*/
/*# # #*/
/*# # ADMIN #*/
/*# # #*/
/*# # #*/
/*# # #*/
/*##############################################*/
/**
* Give space to both contact view & infolog list
*/
iframe#admin-index_iframe{
#admin-categories-index{
table.et2_grid {
#admin-categories-index_nm {
div.egwGridView_outer{
td.frame {
div.egwGridView_scrollarea { min-height: 500px;}
}
}
}
}
}
}
#addressbook-index {
height: 100%;
}
#addressbook-edit {
height: auto;
min-height: 390px;
overflow: auto;
}
div#addressbook-index{
// min-height: 700px;
// height: auto !important;
// ###########################
// linke Box
// ##########################
div.et2_hbox_left{
padding: 4px 0px;
// Org View
select#addressbook-index_org_view{
.Complete_Button_select;
height: 35px;
margin-top: 0;
&:hover{
.Complete_Button_select_hover;
}
}
} // linke Box
// ###########################
// rechte Box
// ###########################
div.et2_hbox_right {
width: auto;
margin-right: 1em;
// Typ
select.et2_selectbox{
.Complete_Button_select;
height: 35px;
margin-left: 5px;
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
}
// erweiterte Suche
button#addressbook-index_search{
.background-color-10-gray;
.color-100-gray;
.Complete_Button_text_icon_before;
background-image:url('../../../pixelegg/images/advanced-search.png') !important;
padding-left: 0px;
&:hover{ background-image:url('../../../pixelegg/images/advanced-search.png'); .Complete_Button_text_icon_before_hover;}
&:focus{ background-image:url('../../../pixelegg/images/advanced-search.png'); .Complete_Button_text_icon_before_active;}
}
// hinzufügen
button#addressbook-index_add{
.Complete_Button_add;
&:hover {.Complete_Button_add_hover;}
}
} // rechte Box
div.filters {
// 1 Filter
select#infolog-index_cat_id {width: 10%; margin-left: 1em;}
// 2 Filter
select#infolog-index_filter {width: 10%;}
// 3 Filter
select#infolog-index_filter2 {width: 10%;}
// Suchfeld
input#infolog-index_search {
}
// Suchen Button
button.et2_button {}
}
// Filter
.filters{
// #addressbook-index_cat_id{width: 7%;}
// #addressbook-index_filter{width:7%;}
// #addressbook-index_filter2{width: 10%;}
}// Filter
table.egwGridView_outer{
// border-collapse: inherit;
width: 99%;
}
} // iframe
/*##################################################################*/
/*Infolog*/
.et2_container[id^="infolog-index-addressbook"] {
/*height: auto;*/
padding: 1em;
/*min-height: 250px;*/
/*ADD*/
/* div.et2_hbox,
div.et2_box_widget*/
.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;}
}
}
//******************************************************************
// sidebar
#egw_fw_sidemenu{
//Tabelle mit Ansichten des Kalenders
.egw_fw_ui_category_content{
// table {margin-left: -14px;}
}
// Bilder für Favoriten
img.sideboxstar {
}
// select {margin-top: -5px;}
}
// #############################################################################
// Dialog addressbook
/*###########################################
# #
# dialog-header #
#############################################
# #
# #
# #
# #
# #
# dialog #
# #
# #
#############################################
# #
# buttons #
# #
# #
##############################################*/
#addressbook-edit_addressbook-edit-general {
table.addressbook_edit_general {
width:100%;
height:286px;
td.addressbook_edit_general_right {
widtH: 20%;
vertical-align: top;
text-align: center;
}
}
}
#addressbook-edit tr.dialog-footer-toolbar label.et2_label {top: 0px !important;}
/*#######################################################*/
/*State: Address selected*/
/*Layout*/
/*##############################
# # #
# # Phone #
# Address # #
# # Email #
# # #
# left # right #
################################ */
td.addressbook_edit_left_td {
min-width: 500px;
max-width: 100%;
width: 70%;
}
td.addressbook_edit_right_td {
min-width: 300px;
max-width: 100%;
width: 30%;
}
.egw_fw_ui_tab_content #addressbook-edit .et2_tabs {
max-height: 25em;
height: 296px;
}
/* popup window */
#popupMainDiv #addressbook-edit .et2_tabs {
height: 400px;
}
/*############ tabbox##############################################*/
/*# et2_tabheader # et2_tabheader # et2_tabheader # et2_tabheader #*/
/*#################################################################*/
/*# #*/
/*# #*/
/*# #*/
/*# et2_tabs #*/
/*# #*/
/*# #*/
/*#################################################################*/
/*#addressbook-edit .et2_tabbox {
max-width: 100%;
min-width: 530px;
width: 550px
}*/
//table.et2_grid .addressbook_edit_general {width: 80% !important;}
/*#######################################################*/
/* Tab Generell */
.leftPad5 {
padding-left: 0px;
}
/*##################
# #
# #
# Picture #
# #
# #
##################*/
/*Div Image*/
div.addressbook_edit_general_picture {
// float: right;
// width: 180% !important;
// max-width: 100px !important;
// height: auto !important;
// margin-right: 10px;
img {
width: 180% !important;
max-width: 100px !important;
height: auto !important;
}
/*Picture*/
// Photo
img.photo {
.Complete_Button_normal;
&:hover {.Complete_Button_hover;}
}
// Photo Upload - POPUP
table.uploadphoto {
.background-color-10-gray;
width: auto;
.bordered(@gray-100, @gray-100, @gray-100, @gray-100);
left: 30%;
top: 289px;
}
}
/*Search*/
div#addressbook-edit,
div#addressbook-search{
// .box_shadow_dialog;
// .border_radius_button_normal;
margin: 0;
padding: 0.5em;
// Choosen Adresse
.chzn-container { width: 60% !important;}
.et2_tabheader {margin-top: 0px;background-color:transparent;}
// Tabelle
table.editphones{
width: auto !important;
top: 5%;
.box_shadow_standard_light;
}
table.et2_grid{
width: 100%;
border-top: 0px;
img {width: 16px; height: 16px;}
}
table.addressbook_edit_general{
// background: red;
border-top: 0px;
tr td:first-child {width: 20%;}
tr td {width: auto;}
table tr td:first-child {width: 60px;}
table tr td {width: 200px;}
//Name
input#addressbook-edit_n_fn {width: 95%;}
/*POPUP*/
/* edit Name */
table.editname {
.background-color-10-gray;
z-index: 10;
font-size: 1em;
tr td:first-child {width: 40% !important;font-weight: bold; padding: 3px 0;}
}
//Titel
input#addressbook-edit_title {width: 95%;}
//Role
input#addressbook-edit_role {width: 95%;}
//Organisation
input#addressbook-edit_org_name {width: 95%;}
//unit
input#addressbook-edit_org_unit {width: 95%;}
// Street
input#addressbook-edit_adr_one_street,
input#addressbook-edit_adr_one_street2 {width: 95%;}
// PLZ + Ort
input#addressbook-edit_adr_one_postalcode {width: 10%;}
input#addressbook-edit_adr_one_locality {width: 83%;}
// Choosen Adresse
.chzn-container { width: 95% !important;}
//region
input#addressbook-edit_adr_one_region {width: 95%;}
//Owner
select.owner {width: 300px;}
} // generell
// Telefonnummer:
div#addressbook-edit_addressbook-editphones {margin-left: 1em;}
fieldset.phoneGroup {
border: none;
margin-bottom: 0;
margin-top: 12px;
margin-left: 1em;
height: auto;
.background-color-15-gray;
.border_radius_button_normal;
legend { text-transform: uppercase;}
// Phonenumber Input Fields
.fixedHeight, .telNumbers {
height: auto;
}
table.et2_grid td.telNumbers{
width: 155px;
input { width: 140px !important; }
}
// Radio Box
input.et2_radiobox {};
}
fieldset.phoneGroup * img {display: none !important; width: 20px;} // Bilder ausblenden
.phoneGroup table {
// height: 122px;
}
// Email
fieldset.emailGroup {
border: none;
margin-bottom: 0;
margin-top: 10px;
margin-left: 1em;
height: auto;
.background-color-15-gray;
.border_radius_button_normal;
legend { text-transform: uppercase;}
table.et2_grid {margin-left: -7px;}
td {
input {width: 82%;}
// image after Link
a.et2_url {
margin-left: 5px;
&:hover {.Complete_Button_Icon_hover;}
}
/* a.et2_url:after {
content: "\221E";
font-size: 1.2em;
}*/
a.et2_url.url {
.Complete_Button_Icon_normal;
background-size: 16px 16px;
background-image: url('images/url.png');
}
a.et2_url.email {
.Complete_Button_Icon_normal;
background-size: 16px 16px;
background-image: url('images/email.png');
}
}
}
fieldset.emailGroup * img {display: none !important; width: 20px;} // Bilder ausblenden
} // edit
#addressbook-edit_addressbook-edit-general{
// Länderauswahl
#addressbook_edit_adr_one_countrycode_chzn{
width: 200px !important;
// background-color: red !important;
padding-top: 1em;
}
}
// ################### Tab 2 / Kategorien ########################
//
// addressbook-edit_addressbook.edit.cats
// in Adressbuch css ausgelagert
//div#addressbook-edit_addressbook~\.edit~\.cats {background-color: red;}
div#addressbook-edit_addressbook-edit-cats {overflow: scroll;}
// ################## Tab 3 / Privat #############################
// Privat
#addressbook-edit_addressbook-edit-custom_private,
#addressbook-search_addressbook-edit-custom_private{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
}
#addressbook-edit_addressbook-edit-home{
// content: "hello I´m there";
// Länderauswahl
#addressbook_edit_adr_two_countrycode_chzn{
width: 200px !important;
// background-color: red !important;
padding-top: 0em;
}
/*Birthday + Timezone*/
/*row*/
.add_bday_timezone {
// Timezone
#addressbook_edit_tz_chzn{
width: 15% !important;
padding-top: 0em;
}
/*Birthday Label*/
label.et2_label {padding-left: 1em;}
}
}
/*################## Tab 4 Details ###############################*/
/*################## Tab 5 Verknüpfungen ###############################*/
// Verknüpfungen
#addressbook-edit_addressbook-edit-links,
#addressbook-search_addressbook-edit-links{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
tr:first {
td {height: 150px;}
}
}
div#addressbook-edit_addressbook-edit-links {
/*overflow-y: scroll;*/
table.et2_grid {
tr:first td {height: 150px;}
}
/*neue verknüpfung erstellen - div*/
div#addressbook-edit_link_to {
width: 100% !important;
// 1. with Addressbook
div#addressbook-edit_link_to_link_entry{ margin: 1em;}
// 2. Icon
img.et2_button_icon {
.Complete_Button_Icon_normal;
float: left;
margin: 0.5em 2em;
padding: 0.5em;
height: 32px;
width: 32px;
&:hover {.Complete_Button_Icon_hover;}
&:active {.Complete_Button_Icon_active;}
}
// Upload
div.et2_file {}
}
table#addressbook-edit_link_to {overflow-y: scroll;}
}
/*################## Tab 6 Verteilerlisten ###############################*/
/*seems to be ok*/
// Verteilerliste
#addressbook-edit_addressbook-edit-distribution_list,
#addressbook-search_addressbook-edit-distribution_list{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
}
/*################## Tab 7 Extra ###############################*/
/*seems to be ok*/
// Extra
#addressbook-edit_addressbook-edit-custom,
#addressbook-search_addressbook-edit-custom{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
}
/*################## Tab 8 Extra Privat###############################*/
/*seems to be ok*/
/*################## Tab 9 History ###############################*/
// History
#addressbook-edit_addressbook-edit-history{
.th{ height: 20px;}
tbody{
display: table-header-group;
vertical-align: top;
}
table.et2_grid {
}
.et2_historylog,
#addressbook-edit_history{
div:first-child {height: auto !important;}
table.egwGridView_outer {
th.optcol {
span.selectcols {position: relative !important;}
}
}
}
}
/*################################################################
################################################################*/
// mehr...Phonebuch
button.button_more {
.Complete_Button_text_icon_before;
background-image:url('../images/edit.png');
}
// #####################################################
// Adresse editieren
div.addressbook.edit.general{
table {
border-top: 0px;
tr td img {display: none;}
// Adressbuchbild unsichtbar
img:nth-child(1) {display:none;}
// Bild hochladen
img:nth-child(2) {cursor:pointer;}
}
}
.cursorHand {
}
.countrySelect select {
width: 150px;
}
.custom_country input {
display: none;
}
.contactid:before {
content: "#";
}
.emailCol div {
overflow: hidden;
width: 100%;
}
.redItalic {
color: red;
font-style: italic;
}
.bold {
font-weight: bold;
}
.fileas select, .fileas, .owner select, .owner {
font-weight: bold;
width: 100%;
}
.photo img, .iphoto img {
width: 60px;
}
.photo img {
}
// Dialog Upload photo
.uploadphoto {
background-color: @gray-20;
border: 2px solid black;
display: none;
left: 48px;
padding: 4px;
position: absolute;
top: 168px;
}
table.uploadphoto {width: 360px !important; background-color: @gray-20 !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 {
}
.customfields td {
line-height: 12px;
white-space: nowrap;
}
.image16 img {
height: 16px;
}
.fixedHeight,.telNumbers { height: auto;}
} // Ende Media all
/*#################################### Media Queries #####################################################*/
@media only screen and (min-width: 980px) and (max-width: 1279px) {
.nextmatch_header > .filters select { margin: 0px;}
}
@media only screen and (min-width: 760px) and (max-width: 979px) {
}
@media only screen and (min-width: 320px) and (max-width: 759px) {
}
//