egroupware/addressbook/templates/pixelegg/app.less

/**
 * EGroupware: CSS with less preprocessor
 *
 * 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";
/* #############################################################################
// iframe
// Rahmen + padding**/

/*############################################
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #       iframge                 #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
#            #                               #
##############################################
*/
/**
 * Give space to both contact view & infolog list
 */
#addressbook-index {
  height: 100%;
}
#addressbook-edit {
  height: auto;
  min-height: 390px;
}





.et2_container[id^="infolog-index-addressbook"] {
  min-height: 250px;
}


div#addressbook-index{
//    min-height: 700px;
//    height: auto !important;

    // ###########################
    // linke Box
    // ##########################
    div.et2_hbox_left{

        padding: 1em;
        // 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

.et2_container {height: auto;}


//******************************************************************
// 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:80%;
        height:286px;
    }
      
} 




 /*#######################################################*/
 /*#######################################################*/
 /*#######################################################*/
/*State: Address selected*/






/*ADD AREA*/
   #infolog-index_infolog-index-header_right{
       
       .et2_box_widget{
                .Complete_Button_add;
                height: auto;
                .color-0-gray; // white
                font-size: 0.9em;
                
                &:hover {.Complete_Button_add_hover;}
                
                span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;}
                img.et2_button {margin-top: -15px;}
                
                }
 }



 /*#######################################################*/
 /*#######################################################*/
 /*#######################################################*/
/* State: address edit min*/        



/*#######################################################*/
/* Tab Generell */

/*Layout*/

#addressbook-edit .et2_tabbox {max-width: 100%;     min-width: 530px;}

#addressbook-edit .et2_tabs {height: 380px;}

table.et2_grid .addressbook_edit_general {width: 80% !important;}


/*##################
#                #
#                #
#  Picture       #
#                #
#                #
##################*/
/*Div Image*/
div.addressbook_edit_general_picture {
    float: right;
    
    
    img {width: 180% !important; max-width: 100px !important; height: auto !important; margin-right: 70px; }
    
    /*Picture*/

// Photo
        img.photo {
            .Complete_Button_normal;
            &:hover {.Complete_Button_hover;}
        }
        
// Photo Upload - POPUP
        
        table.uploadphoto {
            .background-color-10-gray;
            width: auto;
            .bordered(1px, 1px, 1px, 0); 
            left: 243px;
            top: 189px;
        }
    
    
    
}


/*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;
        }
        .telNumbers {
            white-space: nowrap;
        }

        td.telNumbers{

            input {width: 90%; }

        }



    }

    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;}

        a.et2_url:after {
            content: "\221E";
            font-size: 1.5em;

        }
        a.et2_url {margin-left: -40px;}
        a.et2_url.url {background-size: 15px 15px; background-image: none;}

        td {
            input {width: 90%;}
        }
        
    }

    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: 1em;
    }

    // Timezone
    #addressbook_edit_tz_chzn{
        width: 15% !important;
        padding-top: 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;
    }
}
 div#addressbook-edit_addressbook-edit-links {
     /*overflow-y: scroll;*/
     
     /*neue verknüpfung erstellen - div*/
     div#addressbook-edit_link_to {width: 100% !important;}
     
     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;
    }
}

 #addressbook-edit_addressbook-edit-history{
     
     .et2_historylog{

         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/bearbeiten.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;
}






.leftPad5 {
    padding-left: 5px;
}
.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 Addressbuch