extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-07 16:44:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

filemanager - less

Browse Source 
nextmatch header:

Upload: active state color

Position : filemanager_navigation
This commit is contained in:
Stefan Reinhardt 2014-04-29 07:55:28 +00:00
parent abe0a62f58
commit e3fd528994
2 changed files with 41 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
filemanager/templates/pixelegg/app.css
View File

@ -128,6 +128,7 @@ input.displayNone {
div.filemanager_navigation { div.filemanager_navigation {
position: relative; position: relative;
width: 100%; width: 100%;
margin-top: -12px !important;
} }
div.filemanager_navigation img { div.filemanager_navigation img {
width: 16px; width: 16px;
@ -207,32 +208,31 @@ div.filemanager_navigation > label > input {
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
border: none; border: none;
cursor: pointer;
} }
#filemanager-index .et2_file input#filemanager-index_upload { #filemanager-index .et2_file:hover {
color: #ffffff;
background-color: #0c5da5;
}
#filemanager-index .et2_file input#filemanager-index_upload:hover {
background-color: #66a1d2 !important;
color: #ffc200;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 10px;
border-radius: 3px;
border-top-left-radius: 10px;
}
#filemanager-index .et2_file input#filemanager-index_upload:active {
background-color: #1aa200 !important; background-color: #1aa200 !important;
} }
#filemanager-index .et2_file .et2_file_span { #filemanager-index .et2_file:active {
background-color: #1aa200 !important;
}
#filemanager-index .et2_file span.et2_file_span {
background-size: 20px 20px; background-size: 20px 20px;
padding: 3px 5px 3px 10px; padding: 3px 5px 3px 10px;
height: 16px; height: 16px;
border: 2px solid transparent; border: 2px solid transparent;
width: auto;
}
#filemanager-index .et2_file input#filemanager-index_upload {
color: #ffffff;
cursor: pointer;
background-color: transparent;
}
#filemanager-index .et2_file input#filemanager-index_upload:hover {
background-color: #1aa200 !important;
}
#filemanager-index .et2_file input#filemanager-index_upload:active {
background-color: #1aa200 !important;
} }
#filemanager-index .et2_file div.progress { #filemanager-index .et2_file div.progress {
z-index: 1; z-index: 1;

27
filemanager/templates/pixelegg/app.less
View File

@ -34,6 +34,7 @@
div.filemanager_navigation { div.filemanager_navigation {
position: relative; position: relative;
width: 100%; width: 100%;
margin-top: -12px !important;
img { img {
@ -110,22 +111,38 @@ div.filemanager_navigation > label > input {
.et2_file{ .et2_file{
.rounded(3px); .rounded(3px);
border: none; 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 { input#filemanager-index_upload {
color: @gray_0; color: @gray_0;
background-color: @egw_color_2_a; cursor: pointer;
background-color: transparent;
&:hover {background-color: @color_positive_action_active !important;}
&:active {background-color: @color_positive_action_active !important;}
&:hover {.Complete_Button_add_only_plus_hover;}
&:active {background-color: @color_positive_action_active !important;}
} }
.et2_file_span {background-size: 20px 20px; padding: 3px 5px 3px 10px; height: 16px; border: 2px solid transparent;} // Progress Bar
div.progress {z-index: 1;} div.progress {z-index: 1;}
} }
// Tarp
#filemanager-index_tarp { #filemanager-index_tarp {
width: 32px !important; width: 32px !important;
height: 32px !important; height: 32px !important;