2011-08-10 20:48:56 +02: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-02 23:06:23 +01:00
/* FILE MENU */
2011-11-04 03:02:51 +01:00
. actions { padding : .3 em ; float : left ; height : 2 em ; }
2011-11-04 16:16:54 +01:00
. actions input , . actions button , . actions . button { margin : 0 ; }
2011-08-08 12:48:43 +02:00
# file_menu { right : 0 ; position : absolute ; top : 0 ; }
2011-07-28 01:26:26 +02:00
# file_menu a { display : block ; float : left ; background-image : none ; text-decoration : none ; }
2011-10-23 11:40:40 +02:00
. file_upload_form , # file_newfolder_form { display : inline ; float : left ; margin-left : 0 ; }
2011-07-28 01:26:26 +02:00
# fileSelector , # file_upload_submit , # file_newfolder_submit { display : none ; }
2011-08-13 16:54:54 +02:00
. file_upload_wrapper , # file_newfolder_name { background-repeat : no-repeat ; background-position : .5 em .5 em ; padding-left : 2 em ; }
2011-10-23 11:40:40 +02:00
. 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 : 0 ; }
2011-08-12 11:42:41 +02:00
. file_upload_wrapper . file_upload_button_wrapper { position : absolute ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ; cursor : pointer ; z-index : 1000 ; }
2011-11-04 16:16:54 +01:00
# new { float : left ; border-top-right-radius : 0 ; border-bottom-right-radius : 0 ; margin : 0 0 0 1 em ; border-right : none ; z-index : 1010 ; height : 1.3 em ; }
# new . active { border-bottom-left-radius : 0 ; border-bottom : none ; background : #f8f8f8 }
2011-10-23 11:40:40 +02:00
# new > a { padding-left : 1 em ; padding-right : 1 em ; }
2011-11-04 16:16:54 +01:00
# new > ul { display : none ; position : fixed ; text-align : left ; padding : .5 em ; background : #f8f8f8 ; margin-top : 0.075 em ; border : 1 px solid #ddd ; min-width : 7 em ; margin-left : -.5 em ; z-index : -1 ; }
2011-11-04 03:02:51 +01:00
# new > ul > li { margin : .3 em ; padding-left : 2 em ; background-repeat : no-repeat ; cursor : pointer ; padding-bottom : 0.1 em }
2011-10-23 11:40:40 +02:00
# new > ul > li > p { cursor : pointer ; }
2011-11-04 03:02:51 +01:00
# new > ul > li > input { padding : 0.3 em ; margin : -0.3 em ; }
2011-07-28 01:26:26 +02:00
2011-08-21 11:14:57 +02:00
# file_newfolder_name { background-image : url ( '../../core/img/places/folder.svg' ) ; font-weight : normal ; width : 7 em ; }
2011-08-11 00:03:26 +02:00
. file_upload_start , . file_upload_filename { font-size : 1 em ; }
2011-07-28 01:26:26 +02:00
# file_newfolder_submit , # file_upload_submit { width : 3 em ; }
. file_upload_target { display : none ; }
2011-04-17 16:19:21 +02:00
2011-08-11 00:03:26 +02:00
. file_upload_start { opacity : 0 ; filter : alpha ( opacity = 0 ) ; z-index : 1 ; position : absolute ; left : 0 ; top : 0 ; width : 100 % ; cursor : pointer ; }
2011-10-23 21:51:56 +02:00
. file_upload_filename . active { border-bottom-right-radius : 0 }
2012-02-01 20:58:04 +01:00
. file_upload_filename { position : relative ; z-index : 100 ; padding-left : 0.8 em ; padding-right : 0.8 em ; cursor : pointer ; border-top-left-radius : 0 ; border-bottom-left-radius : 0 ; }
. file_upload_filename img { position : absolute ; top : 0.4 em ; left : 0.4 em ; }
2011-10-23 21:51:56 +02:00
2011-08-11 00:03:26 +02:00
2011-08-11 20:59:17 +02:00
. file_upload_form , . file_upload_wrapper , . file_upload_start , . file_upload_filename , # file_upload_submit { cursor : pointer ; }
2011-03-02 23:06:23 +01:00
/* FILE TABLE */
2011-08-20 05:07:58 +02: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 01:26:26 +02:00
table { position : relative ; top : 37 px ; width : 100 % ; }
2011-08-12 01:53:24 +02:00
tbody tr : hover , tbody tr : active , tbody tr . selected { background-color : #f8f8f8 ; height : 1 em ; }
2012-01-14 23:47:31 +01:00
tbody tr { background-color : #fff ; }
2011-08-12 01:53:24 +02:00
tbody tr . selected { background-color : #eee ; }
2011-07-07 00:19:38 +02:00
tbody a { color : #000 ; }
2011-08-23 11:45:28 +02: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 11:51:44 +02:00
tr : hover span . extention { opacity : 1 ; }
2011-08-10 15:10:32 +02: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-10-21 18:12:47 +02:00
div . crumb : first-child { padding-left : 1 em ; }
2011-10-21 19:09:41 +02:00
div . crumb . last { font-weight : bold ; }
2011-07-21 22:01:55 +02:00
table tr . mouseOver td { background-color : #eee ; }
2011-07-30 15:31:11 +02:00
table th { height : 2 em ; padding : 0 .5 em ; color : #999 ; }
2011-07-28 00:21:11 +02:00
table th . name { float : left ; margin-left : .5 em ; }
2011-07-30 15:16:20 +02:00
table th . multiselect { background : #ddd ; color : #000 ; font-weight : bold ; }
2011-07-28 00:21:11 +02:00
table th , table td { border-bottom : 1 px solid #ddd ; text-align : left ; font-weight : normal ; }
2011-08-02 02:29:51 +02: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 11:26:13 +02:00
table th # headerSize , table td . filesize { width : 3 em ; padding : 0 1 em ; text-align : right ; }
2011-07-29 03:09:30 +02:00
table th # headerDate , table td . date { width : 11 em ; padding : 0 .1 em 0 1 em ; text-align : left ; }
2011-07-21 22:01:55 +02:00
table td . selection , table th . selection , table td . fileaction { width : 2 em ; text-align : center ; }
2011-08-02 02:29:51 +02:00
table td . filename a . name { display : block ; height : 1.5 em ; vertical-align : middle ; margin-left : 3 em ; }
2011-07-29 02:47:02 +02:00
table tr [ data-type = "dir" ] td . filename a . name { font-weight : bold ; }
2011-08-12 01:53:24 +02:00
table td . filename a . name input , table td . filename a . name form { width : 100 % ; cursor : text ; }
2011-08-02 02:29:51 +02: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 12:14:55 +02:00
table td . filename . nametext , . modified { float : left ; padding : .3 em 0 ; }
2011-08-02 02:29:51 +02:00
table td . filename . nametext { width : 60 % ; }
2011-07-28 23:24:00 +02:00
table td . filename form { float : left ; font-size : .85 em ; }
2011-08-28 04:16:39 +02: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 01:53:24 +02:00
table thead . fixed { height : 2 em ; }
2011-08-15 23:47:54 +02: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-10-21 18:24:56 +02:00
# fileList tr td . filename > input [ type = "checkbox" ] : hover : first-child { opacity : .8 ; }
2011-08-15 23:47:54 +02:00
# fileList tr td . filename > input [ type = "checkbox" ] : checked : first-child { opacity : 1 ; }
2011-08-13 01:18:02 +02: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 04:16:39 +02:00
# select_all { float : left ; margin : .3 em 0.6 em 0 .5 em ; }
2011-07-29 00:26:23 +02:00
# uploadsize-message , # delete-confirm { display : none ; }
2011-09-28 22:39:15 +02:00
. selectedActions a , # fileList a . action { float : right ; display : inline ; margin : 0 .5 em ; padding : .3 em .3 em 0 .3 em !important ; }
2012-01-15 00:11:26 +01:00
a . action > img { max-height : 16 px ; max-width : 16 px ; }
2011-07-28 12:14:55 +02:00
. selectedActions { display : none ; }
2011-07-22 16:52:35 +02:00
/* add breadcrumb divider to the File item in navigation panel */
2011-10-21 18:12:47 +02: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 ; position : fixed ; }
2011-11-10 16:40:09 +01:00
# navigation > ul > li : first-child + li { padding-top : 2.9 em ; }
2012-01-16 03:06:11 +01:00
# scanning-message { top : 40 % ; left : 40 % ; position : absolute ; display : none }