egroupware_official/addressbook/templates/pixelegg/app.less
Stefan Reinhardt 1c8c4032dc Latest CSS
2014-04-24 10:58:40 +00:00

359 lines
9.1 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/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 ####################*/
/*# # #*/
/*# # #*/
/*# # Addressbook #*/
/*# # #*/
/*# # #*/
/*# # #*/
/*# ############################### #*/
/*# # #*/
/*# # #*/
/*# # #*/
/*# # infolog #*/
/*# # #*/
/*# # #*/
/*# # #*/
/*##############################################*/
/**
* Give space to both contact view & infolog list
*/
#addressbook-index {
/*height: 99%;*/
}
#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: 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
// ###########################
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;}
}
// erweiterte Suche
button#addressbook-index_search{
.background_color_10_gray;
.color_100_gray;
.Complete_Button_text_icon_before;
.dimension_height_m;
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;.dimension_height_m;}
&:focus{ background-image:url('../../../pixelegg/images/advanced-search.png'); .Complete_Button_text_icon_before_active;.dimension_height_m;}
}
// hinzufügen
button#addressbook-index_add{
.Complete_Button_add_only_plus;
.dimension_height_m;
margin-right: 0px;
&:hover {.Complete_Button_add_only_plus_hover;}
&:active {background-color: @color_positive_action_active !important;}
}
} // 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 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 #
# #
# #
##############################################*/
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{
.et2_label {margin-right: 6px; display: block;}
}
// END DIALOG #############################################################################
} // Ende Media all