egroupware/filemanager/templates/pixelegg/app.less

296 lines
5.9 KiB
Plaintext
Raw Normal View History

2013-11-18 20:31:54 +01:00
/**
* EGroupware: CSS with less preprocessor
2013-12-12 21:27:35 +01:00
* FILEMANAGER
2013-11-18 20:31:54 +01:00
*
* 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";
2013-12-12 21:27:35 +01:00
@import (less) "../default/app.css";
2013-11-18 20:31:54 +01:00
/*/*****************************************************************
// sidebar
*/// defind in layout_raster.less /*
/*//******************************************************************
// iframe*/
2013-12-30 18:34:29 +01:00
#filemanager-index_filemanager-index-header_left {
float: left;
height: 36px;
width: 98%;
2013-12-30 18:34:29 +01:00
}
2013-12-12 21:27:35 +01:00
div.filemanager_navigation {
position: relative;
width: 100%;
margin-top: -12px !important;
2013-12-12 21:27:35 +01:00
img {
2013-12-30 18:34:29 +01:00
.dimension_width_height_s;
.Complete_Button_Icon_normal;
padding: 0.2em;
2013-12-30 18:34:29 +01:00
&:hover {.Complete_Button_Icon_hover;}
}
2013-12-30 18:34:29 +01:00
img#filemanager-index_tarp {
border: none;
2013-12-30 18:34:29 +01:00
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
&:hover {
border: none;
2013-12-30 18:34:29 +01:00
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
.background_color_10_gray;
}
}
2013-12-12 21:27:35 +01:00
}
2013-12-30 18:34:29 +01:00
/*Up img*/
img#filemanager-index_up {position: relative; top: 5px;}
/*Home img*/
img#filemanager-index_home {position: relative; top: 5px;}
2013-12-30 18:34:29 +01:00
/*Pfad */
2013-12-12 21:27:35 +01:00
div.filemanager_navigation > label {
float: left;
left: 64px;
right: 485px;
2013-12-12 21:27:35 +01:00
font-size: 140%;
top: 5px;
2013-12-12 21:27:35 +01:00
}
2013-12-30 18:34:29 +01:00
2013-12-12 21:27:35 +01:00
/*Buttons / Tarp / FileUpload*/
#filemanager-index_buttons {
2013-12-30 18:34:29 +01:00
/* float: right;
2013-12-12 21:27:35 +01:00
left: 0px;
right: 30%;
2013-12-30 18:34:29 +01:00
position: relative;*/
2014-01-21 18:30:52 +01:00
top: 0px;
2013-12-30 18:34:29 +01:00
float: left;
position: absolute;
right: 0;
2013-12-12 21:27:35 +01:00
}
#filemanager-index_buttons > * {
padding-left: 3px;
vertical-align: middle;
margin-right: 0.2em;
}
2013-11-18 20:31:54 +01:00
#filemanager-index_buttons div.et2_file {
width: 139px;
}
2013-11-18 20:31:54 +01:00
2013-12-12 21:27:35 +01:00
div.filemanager_navigation > label > input {
2014-01-17 09:10:46 +01:00
width: 95%;
2013-12-12 21:27:35 +01:00
}
2013-11-18 20:31:54 +01:00
2014-01-11 19:52:09 +01:00
#filemanager-index{
2013-11-18 20:31:54 +01:00
.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
2014-01-18 18:52:26 +01:00
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
2014-03-25 22:04:02 +01:00
div.progress {z-index: 1;}
2014-01-18 18:52:26 +01:00
}
2013-12-12 21:27:35 +01:00
// Tarp
2013-11-18 20:31:54 +01:00
#filemanager-index_tarp {
width: 32px !important;
2013-12-12 21:27:35 +01:00
height: 32px !important;
2014-01-18 09:12:05 +01:00
position: relative;
2014-01-21 18:30:52 +01:00
top: 0px;
2013-12-12 21:27:35 +01:00
}
2014-01-11 19:52:09 +01:00
.filters{
2014-01-11 19:52:09 +01:00
vertical-align: center;
2014-01-11 19:52:09 +01:00
#filemanager-index_filter{ margin-top: 0.5em;}
}
2013-12-12 21:27:35 +01:00
2013-11-18 20:31:54 +01:00
} // iframe
2014-01-18 18:52:26 +01:00
/*// #####################################################*/
/*Dialog filemanager*/
2013-11-18 20:31:54 +01:00
2013-11-27 08:21:32 +01:00
#filemanager-select{
2013-12-12 21:27:35 +01:00
padding: 0px 8px 0 0;
.dialogHeader{
2013-12-12 21:27:35 +01:00
.et2_button_icon{
margin: 4px 4px 0 4px;
2013-12-30 18:34:29 +01:00
.bordered (@gray_0, @gray_0, @gray_0, @gray_0);
2013-12-12 21:27:35 +01:00
.rounded (3px);
2013-12-30 18:34:29 +01:00
background-color: @gray_0;
2013-12-12 21:27:35 +01:00
height: auto;
width: 24px;
}
.selectPathContainer {
overflow: auto;
width: 470px;
2013-12-30 18:34:29 +01:00
margin_top: 0px;
2013-12-12 21:27:35 +01:00
height: 32px;
input {height: 20px;}
2013-11-27 08:21:32 +01:00
}
2013-12-12 21:27:35 +01:00
}
#filemanager-select_apps{
2013-12-30 18:34:29 +01:00
.background_color_15_gray;
2013-12-12 21:27:35 +01:00
.et2_button_icon{
height: auto;
width: 24px;
padding: 10px;
}
}
table#filemanager-select_dir{
2013-11-27 08:21:32 +01:00
.border_normal;
2013-12-30 18:34:29 +01:00
tr:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color_odd;}
2013-12-12 21:27:35 +01:00
}
//Icon in Table
.vfsMimeIcon {width: 16px; height: 16px;}
2013-11-27 08:21:32 +01:00
}
2013-11-18 20:31:54 +01:00
2014-01-18 18:52:26 +01:00
/*// #####################################################*/
/*Dialog filemanager edit POPUP WINDOW*/
2014-01-18 18:52:26 +01:00
div#filemanager-file {margin: 0.5em;}
div#filemanager-file_tabs {
2014-01-18 18:52:26 +01:00
width: 564px;
.et2_tabs{width: 554px;}
2014-01-18 18:52:26 +01:00
img {.dimension_width_height_m;}
span.ui-icon-search {
2014-01-18 18:52:26 +01:00
.Complete_Button_Icon_normal;
position: relative;
top: 3px;
margin-left: 3px;
2014-01-18 18:52:26 +01:00
&:hover {.Complete_Button_Icon_hover;}
&:active {.Complete_Button_Icon_active;}
}
2014-01-18 18:52:26 +01:00
/*eacl*/
#filemanager-file_filemanager-file-eacl{
2014-01-18 18:52:26 +01:00
/*Owner*/
td.filemanager-file_filemanager-file-eaclowner{
2014-01-18 18:52:26 +01:00
span {display: flex; margin-right: 1px;}
span.ui-icon-search {
2014-01-18 18:52:26 +01:00
position: relative;
top: 15px;
margin-left: -3px;
margin-right: 3px;
}
2014-01-18 18:52:26 +01:00
}
2014-01-18 18:52:26 +01:00
}
2014-01-18 18:52:26 +01:00
/*Abonements*/
td.eaclAccount {width: 200px;}
}
/*// #####################################################*/
/*Dialog filemanager upload POPUP WINDOW*/
2014-01-18 18:52:26 +01:00
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;}
2014-01-18 18:52:26 +01:00
}
2014-01-18 18:52:26 +01:00
div.progress {width: 0px;}
}
2014-01-18 18:52:26 +01:00
}
2013-11-18 20:31:54 +01:00
2013-12-12 21:27:35 +01:00
//