lots of small style fixes for the file list

1 files changed, 13 insertions, 52 deletions

diff --git a/files/css/files.css b/files/css/files.css
index 590c7bac364..c00b595fd2f 100644
--- a/files/css/files.css
+++ b/files/css/files.css
@@ -17,7 +17,6 @@
 
 .file_upload_form, #file_newfolder_form {
 	display: inline;
-	margin-left:3em;
 }
 
 #fileSelector, #file_upload_submit, #file_newfolder_submit {
@@ -37,14 +36,14 @@
 
 #file_newfolder_name {
 	background-image:url("../img/folder.png"); font-weight:bold;
-	width: 14em;
+	width: 11em;
 }
 
 .file_upload_start, .file_upload_filename{
 	position:absolute;
 	top:0px;
 	left:0px;
-	width:30ex;
+	width:11em;
 	font-size: 0.9em;
 }
 
@@ -54,7 +53,7 @@
 	left:-2em;
 	display: -moz-inline-box; /* fallback for older firefox versions*/
 	display: inline-block;
-	width:30ex;
+	width:12em;
 }
 
 #file_newfolder_submit, #file_upload_submit {
@@ -76,39 +75,6 @@ table {
 tbody tr:hover, tbody tr:active, tbody tr.selected { background-color:#eee; }
 tbody a { color:#000; }
 
-table td.filesize, table td.date
-{
-    width: 7em;
-    padding: 0.5em 1em;
-    text-align: right;
-}
-#headerSize{
-	text-align:right;
-}
-
-table td.date
-{
-    width: 11em;
-}
-
-table td.selection, table th.selection, table td.fileaction
-{
-    width: 2em;
-    text-align: center;
-}
-
-td.filename{
-	position:relative;
-}
-
-.dropArrow{
-	height:16px;
-	width:16px;
-	display: -moz-inline-box; /* fallback for older firefox versions*/
-	display: inline-block;
-	background-image:url('../img/drop-arrow.png');
-}
-
 span.extention{
 	color:#999;
 }
@@ -118,23 +84,23 @@ div.crumb{
 	display:block;
 	background-repeat:no-repeat;
 	background-position:right 0px;
-	font-size:20px;
+	font-weight:bold;
 	padding-top:8px;
 	padding-left:8px;
 	height:28px; /*36-8*/
 }
 
 table tr.mouseOver td { background-color:#eee; }
-table th, table td { padding:0; border-bottom:1px solid #ddd; text-align:left; font-style:italic; }
-table th { padding:0.5em; }
+table th { padding:.5em; }
+table th .name { float:left; margin-left:.5em; }
+table th, table td { border-bottom:1px solid #ddd; text-align:left; font-weight:normal; }
 table td { border-bottom:1px solid #eee; font-style:normal; }
-table td.date { width:11em; }
+table th#headerSize, table td.filesize, table th#headerDate, table td.date { width:4em; padding:0 1em; text-align:right; cursor:help; }
 table td.selection, table th.selection, table td.fileaction { width:2em; text-align:center; }
 table td.filename a { display:block; background-image:url('../img/file.png'); text-decoration:none; }
-table td.filename a, table td.login, table td.logout, table td.download, table td.upload, table td.create, table td.delete { padding:0.5em 0.5em 0.5em 3em; background-position:1em center; background-repeat:no-repeat; }
+table td.filename a, table td.login, table td.logout, table td.download, table td.upload, table td.create, table td.delete { padding:.5em .5em .5em 3em; background-position:1em center; background-repeat:no-repeat; }
 table td.filename a:hover, table td.filename a:focus { outline:0; }
 table td.filename a:active { outline:0; }
-table em { font-weight:bold; }
 table td.filename a.folder-up { background-image:url('../img/back.png'); font-style:italic; }
 table td.filename a.folder { background-image:url('../img/folder.png'); }
 table td.filename a.folder-home { background-image:url('../img/home.png'); }
@@ -151,16 +117,11 @@ table td.download { background-image:url('../img/download.png'); }
 table td.upload { background-image:url('../img/upload.png'); }
 table td.create { background-image:url('../img/folder-new.png'); }
 table td.delete { background-image:url('../img/delete.png'); }
-#fileList tr input[type=checkbox] { display:none; float:left; margin:0.7em; margin-left:1em; }
-#fileList tr input[type=checkbox]:checked { display:inline; }
-#fileList tr:hover input[type=checkbox] { display:inline; }
-#fileList tr:hover td.filename a{background-image:none !important}
-#fileList tr.selected td.filename a{background-image:none !important}
+#fileList tr input[type=checkbox] { display:none; float:left; margin:.7em 0 0 1em; /* bigger clickable area doesn’t work in FF width:2.8em; height:2.4em;*/ }
+#fileList tr input[type=checkbox]:checked, #fileList tr:hover input[type=checkbox] { display:inline; }
+#fileList tr.selected td.filename a, #fileList tr:hover td.filename a{background-image:none !important}
 #select_all{float:left; margin:0.2em; margin-left:0.6em; }
-#selectedActions{
-	float:right;
-	display:none;
-}
+#selectedActions { float:right; display:none; }
 #uploadsize-message{display:none}
 
 /* add breadcrumb divider to the File item in navigation panel */