egroupware/filemanager/templates/pixelegg/app.less

/**
 * EGroupware: CSS with less preprocessor

 * FILEMANAGER
 *
 * 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 filemanager
 * @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";

/*/*****************************************************************
// sidebar

*/// defind in layout_raster.less /*


/*//******************************************************************
// iframe*/

#filemanager-index_filemanager-index-header_left {
    float: left;
    height: 42px;
    width: 100%;
}

div.filemanager_navigation {
    position: relative;
    width: 100%;

    
    img { 
        .dimension_width_height_s;
        .Complete_Button_Icon_normal;
        padding: 0.2em;
        
        &:hover {.Complete_Button_Icon_hover;}
    }
    
    img#filemanager-index_tarp {
                border: none;                
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
        &:hover {
                border: none; 
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                .background_color_10_gray;
        }
    }

}

 /*Up img*/
 img#filemanager-index_up {position: relative; top: 5px;}

  /*Home img*/
 img#filemanager-index_home {position: relative; top: 5px;}

 
 /*Pfad */
div.filemanager_navigation > label {
    float: left;
    /*position: absolute;*/
    left: 55px;
    right: 567px;
    /*padding-top: 3px;*/
    font-size: 140%;
    top: 0px;
}




/*Buttons / Tarp / FileUpload*/
#filemanager-index_buttons {
/*    float: right;
    left: 0px;
    right: 30%;
    position: relative;*/
    top: 0px;
    
    float: left;
    position: absolute;
    right: 0;

}

#filemanager-index_buttons > * {
    padding-left: 3px;
    vertical-align: middle;
    margin-right: 0.2em;
}


div.filemanager_navigation > label > input {
    width: 95%;
}


#filemanager-index{

    .et2_file{
       /*background-color: @egw_color_2_a;*/
       .dimension_height_m;
       input#filemanager-index_upload {
            color: @gray_0;
            width: 250px;
            background-color: @egw_color_2_a;
        &:hover {.Complete_Button_add_only_plus_hover;}
        &:active {background-color: @color_positive_action_active !important;}  
        }
        
        div.progress {width: 0px;}
  }


    #filemanager-index_tarp {
        width: 32px !important; 
        height: 32px !important;
        position: relative;
        top: 0px;
    }
    
    
    
    .filters{
        
        vertical-align: center;
        
        #filemanager-index_filter{ margin-top: 0.5em;}
    }


} // iframe







/*// #####################################################*/
/*Dialog filemanager*/ 

#filemanager-select{

    padding: 0px 8px 0 0;

    .dialog-header{
        .et2_button_icon{
            margin: 4px 4px 0 4px;
            .bordered (@gray_0, @gray_0, @gray_0, @gray_0);
            .rounded (3px);
            background-color: @gray_0;
            height: auto;
            width: 24px;
        }

        .selectPathContainer {
            overflow: auto;
            width: 470px;
            margin_top: 0px;
            height: 32px;

            input {height: 20px;}

        }
    }
    #filemanager-select_apps{
        .background_color_15_gray;
        .et2_button_icon{
            height: auto;
            width: 24px;
            padding: 10px;
        }
    }
    table#filemanager-select_dir{
       	.border_normal;
        
        tr:nth-child(even) {background: @color_even;}
        tr:nth-child(odd) {background: @color_odd;}
        
    }

    //Icon in Table
    .vfsMimeIcon {width: 16px; height: 16px;}


}




/*// #####################################################*/
/*Dialog filemanager edit POPUP WINDOW*/ 

div#filemanager-file {margin: 0.5em;}

div#filemanager-file_tabs {
    
    width: 564px;

    .et2_tabs{width: 554px;}
    
    img {.dimension_width_height_m;}
    
    span.ui-icon-search { 
                .Complete_Button_Icon_normal;
                position: relative;
                top: 3px;
                margin-left: 3px;
            
                &:hover {.Complete_Button_Icon_hover;}
                &:active {.Complete_Button_Icon_active;}
            }
    
    
    /*eacl*/
    #filemanager-file_filemanager-file-eacl{
        
        /*Owner*/
        td.filemanager-file_filemanager-file-eaclowner{
            
            span {display: flex; margin-right: 1px;}
                span.ui-icon-search { 
                position: relative;
                top: 15px;
                margin-left: -3px;
                margin-right: 3px;
                }
            
        }
        
    }
    
    
    /*Abonements*/
    td.eaclAccount {width: 200px;}
}

/*// #####################################################*/
/*Dialog filemanager upload POPUP WINDOW*/ 

div#stylite-filemanager-upload{
    margin: 0.5em;

    .et2_file{
       .dimension_height_m;
       input {
            color: @gray_0;
            width: 250px;
            background-color: @egw_color_2_a;
        &:hover {.Complete_Button_add_only_plus_hover;}
        &:active {background-color: @color_positive_action_active !important;}  
        }
        
        div.progress {width: 0px;}
  }                           


}


//