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: 36px;
    width: 98%;
}

div.filemanager_navigation {
    position: relative;
    width: 100%;
    margin-top: -12px !important;


    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;
    left: 64px;
    right: 485px;
    font-size: 140%;
    top: 5px;
}




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

#filemanager-index_buttons div.et2_file {
	width: 139px;
}

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


#filemanager-index{

    .et2_file{
        .rounded(3px);
        border: none;
        cursor: pointer;

        &:hover {background-color: @color_positive_action_active !important;}
        &:active {background-color: @color_positive_action_active !important;}

        // Datei wählen
        span.et2_file_span {
            background-size: 20px 20px;
            padding: 3px 5px 3px 10px;
            height: 16px;
            border: 2px solid transparent;
            width: auto;
        }

       // Upload Fläche
       input#filemanager-index_upload {
                color: @gray_0;
                 cursor: pointer;
                background-color: transparent;

         &:hover {background-color: @color_positive_action_active !important;}
        &:active {background-color: @color_positive_action_active !important;}

        }


        // Progress Bar
        div.progress {z-index: 1;}
  }


    // Tarp
    #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;

    .dialogHeader{
        .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;}
  }


}


//