mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-16 21:13:23 +01:00
462 lines
11 KiB
Plaintext
Executable File
462 lines
11 KiB
Plaintext
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$
|
|
*/
|
|
|
|
|
|
@import (reference) "../../../pixelegg/less/definitions.less";
|
|
@import (reference) "../../../pixelegg/less/def_mobile.less";
|
|
@import (less) "../default/app.css";
|
|
|
|
|
|
@media all {
|
|
|
|
|
|
/* #############################################################################
|
|
|
|
// Rahmen + padding**/
|
|
|
|
/*##############################################*/
|
|
/*# # #*/
|
|
/*# Bild # #*/
|
|
/*# # Infolog #*/
|
|
/*# # #*/
|
|
/*# # #*/
|
|
/*# # #*/
|
|
/*# Sidebar # #*/
|
|
/*# # #*/
|
|
/*# # #*/
|
|
/*# # #*/
|
|
/*# # #*/
|
|
/*# # #*/
|
|
/*##############################################*/
|
|
|
|
|
|
// Image + Data
|
|
|
|
div#addressbook_view_sidebox{
|
|
|
|
//img
|
|
img.photo {
|
|
width: 68px;
|
|
padding-right: 3px;
|
|
height: auto;
|
|
vertical-align: top;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
// name
|
|
#addressbook-view_n_fn{
|
|
.fontsize_xl;
|
|
font-weight: bold;
|
|
padding: 2px 0 2px 0;
|
|
width: 85%;
|
|
}
|
|
|
|
// org
|
|
#addressbook-view_org_name {
|
|
.fontsize_xl;
|
|
padding: 2px 0 2px 0;
|
|
width: 85%;
|
|
}
|
|
|
|
// Unit
|
|
#addressbook-view_org_unit {
|
|
.fontsize_m;
|
|
padding: 2px 0 2px 0;
|
|
}
|
|
|
|
// Ort
|
|
#addressbook-view_adr_one_locality{
|
|
.fontsize_m;
|
|
padding: 2px 0 2px 0;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Give space to both contact view & infolog list
|
|
*/
|
|
|
|
|
|
|
|
#addressbook-index {
|
|
/*height: 99%;*/
|
|
}
|
|
#addressbook-edit {
|
|
height: auto;
|
|
min-height: 390px;
|
|
overflow: auto;
|
|
}
|
|
|
|
|
|
|
|
#addressbook-index{
|
|
// min-height: 700px;
|
|
// height: auto !important;
|
|
|
|
// ###########################
|
|
// linke Box
|
|
// ##########################
|
|
div.et2_hbox_left{
|
|
|
|
padding: 0px 17px 0 13px;
|
|
// Org View
|
|
select#addressbook-index_org_view{
|
|
.Complete_Button_select;
|
|
.dimension_height_m;
|
|
margin-top: 0;
|
|
margin-left: 2px;
|
|
.box_shadow_none;
|
|
&:hover{
|
|
.Complete_Button_select_hover;
|
|
}
|
|
}
|
|
|
|
|
|
} // linke Box
|
|
|
|
|
|
|
|
// ###########################
|
|
// rechte Box
|
|
// ###########################
|
|
|
|
// filter
|
|
div.header_row_right div[id$=favorite_wrapper] {margin-top: 0px; top: 6px;}
|
|
|
|
|
|
|
|
div.et2_hbox_right {
|
|
padding: 0px 11px 0px 0px;
|
|
|
|
width: auto;
|
|
margin-right: 0em;
|
|
margin-top: -5px;
|
|
|
|
|
|
// Typ
|
|
select.et2_selectbox{
|
|
.Complete_Button_select;
|
|
.dimension_height_m;
|
|
margin-left: 5px;
|
|
|
|
&:hover{.Complete_Button_select_hover;}
|
|
&:focus{.Complete_Button_select_focus;}
|
|
}
|
|
|
|
// hinzufügen
|
|
button#addressbook-index_add,button#addressbook-index_search{
|
|
|
|
.Complete_Button_add_only_plus;
|
|
.dimension_height_m;
|
|
|
|
&:hover {.Complete_Button_add_only_plus_hover;}
|
|
&:active {background-color: @color_positive_action_active !important;}
|
|
|
|
}
|
|
button#addressbook-index_add {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
|
|
|
|
} // 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
|
|
|
|
|
|
/*#############################################################*/
|
|
|
|
|
|
|
|
} // iframe
|
|
|
|
|
|
/*##################################################################*/
|
|
|
|
/*Infolog*/
|
|
|
|
.et2_container[id^="infolog-index-addressbook"] {
|
|
|
|
/*height: auto;*/
|
|
/*padding: 1em;*/
|
|
/*min-height: 250px;*/
|
|
|
|
|
|
/*ADD Button */
|
|
/* div.et2_hbox,
|
|
div.et2_box_widget*/
|
|
.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;
|
|
.dimension_height_l;
|
|
margin-top: 5px;
|
|
background-image: none !important;
|
|
transition: all 0.5s linear;
|
|
-webkit-transition: all 0.5s linear; /* Safari */
|
|
|
|
&:before {
|
|
content: "+";
|
|
font-size: 2em;
|
|
color: @egw_color_1;
|
|
line-height: 0.5em;
|
|
}
|
|
|
|
/*Text ""hinzufügen" "*/
|
|
span {display: none;}
|
|
|
|
|
|
// IMG
|
|
img {
|
|
.Complete_Button_Icon_normal;
|
|
.dimension_width_height_s;
|
|
margin-left: 0.5em;
|
|
padding: 0px;
|
|
margin-top: 0px;
|
|
vertical-align: middle;
|
|
/*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
|
|
|
|
&:hover{.Complete_Button_Icon_hover ;}
|
|
|
|
&:active { .Complete_Button_Icon_active ;}
|
|
}
|
|
|
|
img:last-child {margin-right: 5px;};
|
|
|
|
|
|
|
|
/*MouseOver*/
|
|
&:hover {
|
|
.box_shadow_standard_light_hover;
|
|
background-color: @egw_color_2_a !important;
|
|
.border_radius_button_lefttop;
|
|
.dimension_height_l;
|
|
&:before {content: ""; font-size: 1em;padding-left: 5px;}
|
|
/*Text*/
|
|
span {visibility: hidden; display: none;};
|
|
img {.scale; margin: 0.5em; background: @gray_0;}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
// Scrollarea in Infolog
|
|
.egwGridView_scrollarea{
|
|
overflow-y: scroll !important;
|
|
overflow-x: hidden !important;
|
|
}
|
|
}
|
|
|
|
//******************************************************************
|
|
// CRM View - Tracking System
|
|
|
|
button#tracker-index-addressbook_add{
|
|
|
|
.Complete_Button_add_only_plus;
|
|
.dimension_height_m;
|
|
|
|
&:hover {.Complete_Button_add_only_plus_hover;}
|
|
&:active {background-color: @color_positive_action_active !important;}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//******************************************************************
|
|
// 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;}
|
|
|
|
}
|
|
|
|
// #############################################################################
|
|
// Addressbook edit dialog
|
|
|
|
/*###########################################
|
|
# #
|
|
# dialogHeader #
|
|
#############################################
|
|
# #
|
|
# #
|
|
# #
|
|
# #
|
|
# #
|
|
# dialog #
|
|
# #
|
|
# #
|
|
#############################################
|
|
# #
|
|
# buttons #
|
|
# #
|
|
# #
|
|
##############################################*/
|
|
|
|
#addressbook-edit.et2_container {
|
|
}
|
|
|
|
// person image
|
|
div.addressbook_edit_general_picture img {
|
|
top: -4px;
|
|
width: 70px;
|
|
height: auto;
|
|
left: 7px;
|
|
}
|
|
|
|
|
|
// general
|
|
#addressbook-edit_addressbook-edit-general{
|
|
|
|
.et2_label {margin-right: 6px;}
|
|
|
|
}
|
|
|
|
|
|
// END DIALOG #############################################################################
|
|
|
|
} // Ende Media all
|
|
|
|
|
|
/* tablets and smartphones */
|
|
@media only screen and (max-device-width:1024px) {
|
|
#addressbook-index {
|
|
table.egwGridView_outer tbody {
|
|
.addressbookCol3 div.avatar {
|
|
border: 1px solid silver;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
width: 50px;
|
|
height: 50px;
|
|
background-image: url(/egroupware/addressbook/templates/pixelegg/images/photo.png);
|
|
background-size: 35px 35px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
position: absolute;
|
|
bottom:25%;
|
|
top:25%;
|
|
img{
|
|
padding-top:0;
|
|
}
|
|
}
|
|
span[id^='addressbook-index_'][id$='line1]'] {
|
|
.mob-fontsize-s;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
span[id^='addressbook-index_'][id$='line2]']{
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-weight: bold;
|
|
}
|
|
.addressbookCol2 {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
width:99%;
|
|
}
|
|
|
|
span[id^='addressbook-index_'][id$='adr_one_locality]']
|
|
{
|
|
.mob-fontsize-s;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
a[id^='addressbook-index_'][id$='email]']{
|
|
.mob-fontsize-s;
|
|
padding-left: 3px;
|
|
display: inline;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
color: #26537c;
|
|
}
|
|
a[id^='addressbook-index_'][id$='tel_cell]'],
|
|
a[id^='addressbook-index_'][id$='tel_work]']
|
|
{
|
|
.mob-fontsize-s;
|
|
padding-left: 3px;
|
|
display: inline;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
}
|
|
}
|
|
}
|