egroupware_official/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: -15px;
    
    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;
        
       &:before {
            content: "+";
            font-size: 25px;
            color: #ffc200;
            line-height: 40px;
            padding-right: 0em;
            position: relative;
            top: -8px;
            background-color: @egw_color_2_a;
            .border_radius_button_lefttop;
                }
                
        &:hover {.Complete_Button_add_only_plus_hover;}
        &:active {background-color: @color_positive_action_active !important;}        
        
       
        input#filemanager-index_upload {
            margin-left: 2em;
            margin-right: -2em;
            position: relative;
            top: -39px;
            width: 217px;
            
        }
        
        div.progress {width: 0px;}



    }


    #filemanager-index_tarp {
        width: 32px !important; 
        height: 32px !important;
        position: relative;
        top: 13px;
    }
    
    
    
    .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;}


}






// Ende filemanager
//