2011-08-10 22:48:56 +04:00
/ * Copyright ( c ) 2011 , Jan-Christoph Borchardt
This file is licensed under the Affero General Public License version 3 or later .
See the COPYING-README file . * /
2011-03-03 01:06:23 +03:00
/* FILE MENU */
2011-08-13 18:54:54 +04:00
. actions { padding : .3 em ; float : left ; }
. actions input { margin : 0 ; }
2011-08-08 14:48:43 +04:00
# file_menu { right : 0 ; position : absolute ; top : 0 ; }
2011-07-28 03:26:26 +04:00
# file_menu a { display : block ; float : left ; background-image : none ; text-decoration : none ; }
2011-08-11 02:03:26 +04:00
. file_upload_form , # file_newfolder_form { display : inline ; float : left ; }
2011-07-28 03:26:26 +04:00
# fileSelector , # file_upload_submit , # file_newfolder_submit { display : none ; }
2011-08-13 18:54:54 +04:00
. file_upload_wrapper , # file_newfolder_name { background-repeat : no-repeat ; background-position : .5 em .5 em ; padding-left : 2 em ; }
. file_upload_wrapper { font-weight : bold ; display : -moz- inline - box ; /* fallback for older firefox versions*/ display : inline-block ; padding-left : 0 ; overflow : hidden ; position : relative ; margin : .1 em 1 em ; }
2011-08-12 13:42:41 +04:00
. file_upload_wrapper . file_upload_button_wrapper { position : absolute ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ; cursor : pointer ; z-index : 1000 ; }
2011-07-28 03:26:26 +04:00
2011-08-21 13:14:57 +04:00
# file_newfolder_name { background-image : url ( '../../core/img/places/folder.svg' ) ; font-weight : normal ; width : 7 em ; }
2011-08-11 02:03:26 +04:00
. file_upload_start , . file_upload_filename { font-size : 1 em ; }
2011-07-28 03:26:26 +04:00
# file_newfolder_submit , # file_upload_submit { width : 3 em ; }
. file_upload_target { display : none ; }
2011-04-17 18:19:21 +04:00
2011-08-11 02:03:26 +04:00
. file_upload_start { opacity : 0 ; filter : alpha ( opacity = 0 ) ; z-index : 1 ; position : absolute ; left : 0 ; top : 0 ; width : 100 % ; cursor : pointer ; }
. file_upload_filename { z-index : 100 ; cursor : pointer ; }
2011-08-11 22:59:17 +04:00
. file_upload_form , . file_upload_wrapper , . file_upload_start , . file_upload_filename , # file_upload_submit { cursor : pointer ; }
2011-03-03 01:06:23 +03:00
/* FILE TABLE */
2011-08-20 07:07:58 +04:00
# emptyfolder { position : absolute ; margin : 10 em 0 0 10 em ; font-size : 1.5 em ; font-weight : bold ; color : #888 ; text-shadow : #fff 0 1 px 0 ; }
2011-07-28 03:26:26 +04:00
table { position : relative ; top : 37 px ; width : 100 % ; }
2011-08-12 03:53:24 +04:00
tbody tr : hover , tbody tr : active , tbody tr . selected { background-color : #f8f8f8 ; height : 1 em ; }
tbody tr . selected { background-color : #eee ; }
2011-07-07 02:19:38 +04:00
tbody a { color : #000 ; }
2011-08-23 13:45:28 +04:00
span . extention , td . date { color : #999 ; }
span . extention { opacity : 0 ; -webkit- transition : opacity 500 ms ; -moz- transition : opacity 500 ms ; -o- transition : opacity 500 ms ; transition : opacity 500 ms ; }
2011-08-12 13:51:44 +04:00
tr : hover span . extention { opacity : 1 ; }
2011-08-10 17:10:32 +04:00
div . crumb { float : left ; display : block ; background : no-repeat right 0 ; padding : .75 em 1.5 em 0 1 em ; height : 2.9 em ; }
2011-08-02 05:59:25 +04:00
div . crumb : first-child { padding-left : 1.5 em ; }
2011-07-30 14:55:12 +04:00
div . crumb : last-child { font-weight : bold ; }
2011-07-22 00:01:55 +04:00
table tr . mouseOver td { background-color : #eee ; }
2011-07-30 17:31:11 +04:00
table th { height : 2 em ; padding : 0 .5 em ; color : #999 ; }
2011-07-28 02:21:11 +04:00
table th . name { float : left ; margin-left : .5 em ; }
2011-07-30 17:16:20 +04:00
table th . multiselect { background : #ddd ; color : #000 ; font-weight : bold ; }
2011-07-28 02:21:11 +04:00
table th , table td { border-bottom : 1 px solid #ddd ; text-align : left ; font-weight : normal ; }
2011-08-02 04:29:51 +04:00
table td { border-bottom : 1 px solid #eee ; font-style : normal ; background-position : 1 em .5 em ; background-repeat : no-repeat ; }
2011-08-12 13:26:13 +04:00
table th # headerSize , table td . filesize { width : 3 em ; padding : 0 1 em ; text-align : right ; }
2011-07-29 05:09:30 +04:00
table th # headerDate , table td . date { width : 11 em ; padding : 0 .1 em 0 1 em ; text-align : left ; }
2011-07-22 00:01:55 +04:00
table td . selection , table th . selection , table td . fileaction { width : 2 em ; text-align : center ; }
2011-08-02 04:29:51 +04:00
table td . filename a . name { display : block ; height : 1.5 em ; vertical-align : middle ; margin-left : 3 em ; }
2011-07-29 04:47:02 +04:00
table tr [ data-type = "dir" ] td . filename a . name { font-weight : bold ; }
2011-08-12 03:53:24 +04:00
table td . filename a . name input , table td . filename a . name form { width : 100 % ; cursor : text ; }
2011-08-02 04:29:51 +04:00
table td . filename a , table td . login , table td . logout , table td . download , table td . upload , table td . create , table td . delete { padding : .2 em .5 em .5 em 0 ; }
2011-07-28 14:14:55 +04:00
table td . filename . nametext , . modified { float : left ; padding : .3 em 0 ; }
2011-08-02 04:29:51 +04:00
table td . filename . nametext { width : 60 % ; }
2011-07-29 01:24:00 +04:00
table td . filename form { float : left ; font-size : .85 em ; }
2011-08-28 06:16:39 +04:00
table thead . fixed tr { position : fixed ; top : 6.5 em ; z-index : 49 ; -moz- box-shadow : 0 -3 px 7 px #ddd ; -webkit- box-shadow : 0 -3 px 7 px #ddd ; box-shadow : 0 -3 px 7 px #ddd ; }
2011-08-12 03:53:24 +04:00
table thead . fixed { height : 2 em ; }
2011-08-16 01:47:54 +04:00
# fileList tr td . filename > input [ type = checkbox ] : first-child { opacity : 0 ; float : left ; margin : .7 em 0 0 1 em ; /* bigger clickable area doesn’ t work in FF width:2.8em; height:2.4em;*/ -webkit- transition : opacity 500 ms ; -moz- transition : opacity 500 ms ; -o- transition : opacity 500 ms ; transition : opacity 500 ms ; }
2011-08-18 14:54:10 +04:00
# fileList tr : hover td . filename > input [ type = "checkbox" ] : first-child { opacity : .8 ; }
2011-08-16 01:47:54 +04:00
# fileList tr td . filename > input [ type = "checkbox" ] : checked : first-child { opacity : 1 ; }
2011-08-13 03:18:02 +04:00
# fileList tr td . filename { -webkit- transition : background-image 500 ms ; -moz- transition : background-image 500 ms ; -o- transition : background-image 500 ms ; transition : background-image 500 ms ; }
2011-08-28 06:16:39 +04:00
# select_all { float : left ; margin : .3 em 0.6 em 0 .5 em ; }
2011-07-29 02:26:23 +04:00
# uploadsize-message , # delete-confirm { display : none ; }
2011-08-13 07:27:50 +04:00
. selectedActions a , a . action { float : right ; display : inline ; margin : 0 .5 em ; padding : .3 em .3 em 0 .3 em !important ; }
2011-07-28 14:14:55 +04:00
. selectedActions { display : none ; }
2011-07-22 18:52:35 +04:00
/* add breadcrumb divider to the File item in navigation panel */
2011-08-11 20:59:01 +04:00
# navigation > ul > li : first-child { background : url ( '../../core/img/breadcrumb-start.svg' ) no-repeat 12.5 em 0 px ; width : 12.5 em ; padding-right : 1 em ; }