egroupware/addressbook/templates/pixelegg/app.less

420 lines
10 KiB
Plaintext
Raw Normal View History

2013-11-14 20:29:55 +01:00
/**
* EGroupware: CSS with less preprocessor
2013-12-12 21:27:35 +01:00
* ADDRESSBOOK
2013-11-14 20:29:55 +01:00
*
* 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$
*/
2013-12-16 10:37:11 +01:00
2014-07-16 13:28:49 +02:00
@import (reference) "../../../pixelegg/less/definitions.less";
2013-11-18 20:31:54 +01:00
@import (less) "../default/app.css";
2013-12-12 21:27:35 +01:00
@media all {
2013-12-08 22:38:36 +01:00
/* #############################################################################
2013-12-08 22:38:36 +01:00
// Rahmen + padding**/
/*##############################################*/
2013-12-12 04:46:53 +01:00
/*# # #*/
/*# Bild # #*/
/*# # Infolog #*/
2013-12-12 04:46:53 +01:00
/*# # #*/
/*# # #*/
/*# # #*/
/*# Sidebar # #*/
2013-12-12 04:46:53 +01:00
/*# # #*/
/*# # #*/
/*# # #*/
/*# # #*/
/*# # #*/
/*##############################################*/
// 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;
}
}
2013-12-08 22:38:36 +01:00
/**
* Give space to both contact view & infolog list
*/
2013-12-12 04:46:53 +01:00
2013-12-08 22:38:36 +01:00
#addressbook-index {
2014-01-11 19:52:09 +01:00
/*height: 99%;*/
2013-12-08 22:38:36 +01:00
}
#addressbook-edit {
2014-01-14 09:20:32 +01:00
height: auto;
min-height: 390px;
2013-12-12 21:27:35 +01:00
overflow: auto;
2013-12-08 22:38:36 +01:00
}
2013-11-14 20:29:55 +01:00
div#addressbook-index{
2013-11-27 08:21:32 +01:00
// min-height: 700px;
// height: auto !important;
2013-11-14 20:29:55 +01:00
// ###########################
// linke Box
// ##########################
div.et2_hbox_left{
padding: 0px 17px 0 13px;
2013-11-14 20:29:55 +01:00
// Org View
select#addressbook-index_org_view{
.Complete_Button_select;
2014-02-12 09:10:11 +01:00
.dimension_height_m;
2013-11-14 20:29:55 +01:00
margin-top: 0;
margin-left: 2px;
.box_shadow_none;
2013-11-14 20:29:55 +01:00
&:hover{
.Complete_Button_select_hover;
}
}
} // linke Box
// ###########################
// rechte Box
// ###########################
2014-05-21 17:44:48 +02:00
// filter
div.header_row_right div[id$=favorite_wrapper] {margin-top: 0px; top: 6px;}
2013-11-14 20:29:55 +01:00
div.et2_hbox_right {
padding: 0px 11px 0px 0px;
2013-11-18 20:31:54 +01:00
width: auto;
margin-right: 0em;
margin-top: -5px;
2013-11-14 20:29:55 +01:00
// Typ
select.et2_selectbox{
.Complete_Button_select;
2014-02-12 09:10:11 +01:00
.dimension_height_m;
2013-11-14 20:29:55 +01:00
margin-left: 5px;
&:hover{.Complete_Button_select_hover;}
&:focus{.Complete_Button_select_focus;}
}
// erweiterte Suche
button#addressbook-index_search{
.Complete_Button_add_only_plus;
2014-02-12 09:10:11 +01:00
.dimension_height_m;
margin-right: 0px;
2013-11-18 20:31:54 +01:00
background-image:url('../../../pixelegg/images/advanced-search.png') !important;
background-repeat: no-repeat;
2013-11-14 20:29:55 +01:00
padding-left: 0px;
2014-06-12 16:54:32 +02:00
font-size: 0px;
&:hover{
.Complete_Button_add_only_plus_hover;
background-image:url('../../../pixelegg/images/advanced-search.png');
/*.Complete_Button_text_icon_before_hover;*/
/*.dimension_height_m;*/
}
&:focus{
background-color: @color_positive_action_active !important;
background-image:url('../../../pixelegg/images/advanced-search.png');
/* .Complete_Button_text_icon_before_active;
.dimension_height_m;*/
}
2013-11-14 20:29:55 +01:00
}
// hinzufügen
button#addressbook-index_add{
2014-01-17 09:10:46 +01:00
.Complete_Button_add_only_plus;
2014-02-12 09:10:11 +01:00
.dimension_height_m;
2014-02-24 18:20:09 +01:00
margin-right: 0px;
2014-01-17 09:10:46 +01:00
&:hover {.Complete_Button_add_only_plus_hover;}
&:active {background-color: @color_positive_action_active !important;}
2013-11-14 20:29:55 +01:00
}
2013-12-16 10:37:11 +01:00
2013-11-14 20:29:55 +01:00
2013-11-22 06:28:19 +01:00
} // rechte Box
2013-11-14 20:29:55 +01:00
2013-11-20 09:41:17 +01:00
div.filters {
2013-11-18 20:31:54 +01:00
// 1 Filter
2013-11-20 09:41:17 +01:00
select#infolog-index_cat_id {width: 10%; margin-left: 1em;}
2013-11-18 20:31:54 +01:00
// 2 Filter
2013-11-20 09:41:17 +01:00
select#infolog-index_filter {width: 10%;}
2013-11-18 20:31:54 +01:00
// 3 Filter
2013-11-20 09:41:17 +01:00
select#infolog-index_filter2 {width: 10%;}
2013-11-18 20:31:54 +01:00
// Suchfeld
input#infolog-index_search {
2013-11-22 06:28:19 +01:00
}
2013-11-14 20:29:55 +01:00
2013-11-18 20:31:54 +01:00
// Suchen Button
button.et2_button {}
}
2013-12-16 10:37:11 +01:00
2013-11-14 20:29:55 +01:00
// Filter
.filters{
2013-11-28 07:20:18 +01:00
// #addressbook-index_cat_id{width: 7%;}
// #addressbook-index_filter{width:7%;}
// #addressbook-index_filter2{width: 10%;}
2013-11-14 20:29:55 +01:00
}// Filter
table.egwGridView_outer{
// border-collapse: inherit;
width: 99%;
}
2014-04-24 12:58:40 +02:00
/*#############################################################*/
2013-12-16 10:37:11 +01:00
2013-11-14 20:29:55 +01:00
} // iframe
2013-12-12 04:46:53 +01:00
/*##################################################################*/
2013-12-16 10:37:11 +01:00
/*Infolog*/
2013-12-12 04:46:53 +01:00
.et2_container[id^="infolog-index-addressbook"] {
2013-12-16 10:37:11 +01:00
2013-12-12 21:27:35 +01:00
/*height: auto;*/
/*padding: 1em;*/
2013-12-16 10:37:11 +01:00
/*min-height: 250px;*/
2013-12-20 15:32:40 +01:00
/*ADD Button */
2013-12-16 10:37:11 +01:00
/* div.et2_hbox,
2013-12-12 04:46:53 +01:00
div.et2_box_widget*/
.et2_hbox_right[id*="_infolog-index-header_right"]{
2013-12-20 15:32:40 +01:00
2014-01-08 08:58:33 +01:00
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;
2014-01-08 08:58:33 +01:00
.dimension_height_l;
margin-top: 5px;
background-image: none !important;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear; /* Safari */
2014-01-08 08:58:33 +01:00
&:before {
content: "+";
font-size: 2em;
color: @egw_color_1;
2014-01-08 08:58:33 +01:00
line-height: 0.5em;
}
2014-01-08 08:58:33 +01:00
/*Text ""hinzufügen" "*/
span {display: none;}
2014-01-08 08:58:33 +01:00
// IMG
img {
.Complete_Button_Icon_normal;
.dimension_width_height_s;
margin-left: 0.5em;
padding: 0px;
margin-top: 0px;
vertical-align: middle;
2014-01-23 09:44:49 +01:00
/*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
2014-01-08 08:58:33 +01:00
&:hover{.Complete_Button_Icon_hover ;}
&:active { .Complete_Button_Icon_active ;}
}
2014-01-08 08:58:33 +01:00
img:last-child {margin-right: 5px;};
2014-01-08 08:58:33 +01:00
/*MouseOver*/
&:hover {
.box_shadow_standard_light_hover;
2014-01-08 08:58:33 +01:00
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;}
2014-01-08 08:58:33 +01:00
}
}
2014-01-08 08:58:33 +01:00
2013-12-20 15:32:40 +01:00
}
2013-12-16 10:37:11 +01:00
2013-12-20 15:32:40 +01:00
// Scrollarea in Infolog
.egwGridView_scrollarea{
2013-12-20 15:32:40 +01:00
overflow-y: scroll !important;
overflow-x: hidden !important;
}
}
2013-12-16 10:37:11 +01:00
2014-04-24 12:58:40 +02:00
//******************************************************************
// 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;}
}
2013-12-16 10:37:11 +01:00
2013-12-12 04:46:53 +01:00
2013-11-14 20:29:55 +01:00
//******************************************************************
// sidebar
2014-04-24 12:58:40 +02:00
//******************************************************************
2013-11-14 20:29:55 +01:00
#egw_fw_sidemenu{
//Tabelle mit Ansichten des Kalenders
.egw_fw_ui_category_content{
2013-12-04 06:23:51 +01:00
// table {margin-left: -14px;}
2013-11-14 20:29:55 +01:00
}
// Bilder für Favoriten
img.sideboxstar {
}
2013-12-04 06:23:51 +01:00
// select {margin-top: -5px;}
2013-11-14 20:29:55 +01:00
}
// #############################################################################
// Addressbook edit dialog
/*###########################################
# #
# dialogHeader #
#############################################
# #
# #
# #
# #
# #
# dialog #
# #
# #
#############################################
# #
# buttons #
# #
# #
##############################################*/
div#addressbook-edit.et2_container {
width: 842px;
}
// person image
div.addressbook_edit_general_picture img {
top: -4px;
width: 70px;
height: auto;
left: 7px;
}
// general
#addressbook-edit_addressbook-edit-general{
2013-11-14 20:29:55 +01:00
.et2_label {margin-right: 6px;}
}
2013-11-14 20:29:55 +01:00
// END DIALOG #############################################################################
2013-11-14 20:29:55 +01:00
2013-12-12 21:27:35 +01:00
} // Ende Media all