From ec31a29b3c0add4ab4adf1ba089282b7024b1eb1 Mon Sep 17 00:00:00 2001 From: Bartek Przybylski Date: Wed, 10 Aug 2011 20:12:42 +0200 Subject: Bug 279826 fix --- files/css/files.css | 4 +++- files/templates/index.php | 29 ++++++++++++++++------------- 2 files changed, 19 insertions(+), 14 deletions(-) (limited to 'files') diff --git a/files/css/files.css b/files/css/files.css index 0ec1698bf3a..004721cff9a 100644 --- a/files/css/files.css +++ b/files/css/files.css @@ -1,9 +1,11 @@ /* FILE MENU */ .actions { padding:.6em; float:right; margin-right:13em; } .actions input { margin:0; padding:.3em; } +.actions div { position: relative; display:inline-block; } #file_menu { right:0; position:absolute; top:0; } #file_menu a { display:block; float:left; background-image:none; text-decoration:none; } -.file_upload_form, #file_newfolder_form { display:inline; } +.file_upload_form { display: inline; z-index: 5;} +#file_newfolder_form { display:inline; z-index: 6;} #fileSelector, #file_upload_submit, #file_newfolder_submit { display:none; } .file_upload_wrapper, #file_newfolder_name { background-repeat:no-repeat; background-position:.5em .3em; padding-left:2em; } .file_upload_wrapper { background:url("../img/file.png"); font-weight:bold; position:relative; top:-1.2em; left:-2em; display:-moz-inline-box; /* fallback for older firefox versions*/ display:inline-block; width:8em; } diff --git a/files/templates/index.php b/files/templates/index.php index 3951787a25d..d9a6c2b4b80 100644 --- a/files/templates/index.php +++ b/files/templates/index.php @@ -1,19 +1,22 @@
-
- - - -
- - -
- -
-
- -
+
+
+ + + +
+ + +
+ +
+
+
+ +
+
-- cgit v1.2.3 From 1dac5bb390852bf679ea02cfb28dc5c7292c537f Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 10 Aug 2011 20:48:56 +0200 Subject: fixed undo notification not showing --- core/css/styles.css | 3 +++ files/css/files.css | 7 ++++--- 2 files changed, 7 insertions(+), 3 deletions(-) (limited to 'files') diff --git a/core/css/styles.css b/core/css/styles.css index 9da216a80d2..273d7443a8b 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -105,3 +105,6 @@ legend { padding:.2em; font-size:1.2em; } li.error { width:640px; margin:4em auto; padding:1em 1em 1em 4em; background:#fee url('../img/task-attention.png') .8em .8em no-repeat; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .hidden{ display:none; } +#notification{ z-index:400; background-color:#fc4; border:0; padding:0 .7em .3em; display:block; position:fixed; left:50%; top:0; +-moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius:1em; border-bottom-left-radius:1em; +-moz-border-radius-bottomright:1em; -webkit-border-bottom-right-radius:1em; border-bottom-right-radius:1em; } diff --git a/files/css/files.css b/files/css/files.css index 004721cff9a..23fdf2ee50e 100644 --- a/files/css/files.css +++ b/files/css/files.css @@ -1,3 +1,7 @@ +/* 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. */ + /* FILE MENU */ .actions { padding:.6em; float:right; margin-right:13em; } .actions input { margin:0; padding:.3em; } @@ -54,6 +58,3 @@ table thead.fixed {height:2em} /* add breadcrumb divider to the File item in navigation panel */ #navigation>ul>li:first-child { background:url('../../core/img/breadcrumb-divider-start.png') no-repeat 12.5em 0px; width:12.5em; padding-right:1em; } -#notification{ z-index:150; background-color:#fc4; border:0; padding:0 .7em .3em; display:block; position:fixed; left:50%; top:0; --moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius:1em; border-bottom-left-radius:1em; --moz-border-radius-bottomright:1em; -webkit-border-bottom-right-radius:1em; border-bottom-right-radius:1em; } -- cgit v1.2.3 From 6af4c2dd0f0e3dce72814ebf34acdc44cf96ec10 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 10 Aug 2011 22:56:44 +0200 Subject: moved search box directly to template --- files/css/files.css | 4 +--- files/templates/index.php | 29 +++++++++++++---------------- 2 files changed, 14 insertions(+), 19 deletions(-) (limited to 'files') diff --git a/files/css/files.css b/files/css/files.css index 23fdf2ee50e..9ec838a8d5d 100644 --- a/files/css/files.css +++ b/files/css/files.css @@ -5,11 +5,9 @@ /* FILE MENU */ .actions { padding:.6em; float:right; margin-right:13em; } .actions input { margin:0; padding:.3em; } -.actions div { position: relative; display:inline-block; } #file_menu { right:0; position:absolute; top:0; } #file_menu a { display:block; float:left; background-image:none; text-decoration:none; } -.file_upload_form { display: inline; z-index: 5;} -#file_newfolder_form { display:inline; z-index: 6;} +.file_upload_form, #file_newfolder_form { display:inline; } #fileSelector, #file_upload_submit, #file_newfolder_submit { display:none; } .file_upload_wrapper, #file_newfolder_name { background-repeat:no-repeat; background-position:.5em .3em; padding-left:2em; } .file_upload_wrapper { background:url("../img/file.png"); font-weight:bold; position:relative; top:-1.2em; left:-2em; display:-moz-inline-box; /* fallback for older firefox versions*/ display:inline-block; width:8em; } diff --git a/files/templates/index.php b/files/templates/index.php index d9a6c2b4b80..3951787a25d 100644 --- a/files/templates/index.php +++ b/files/templates/index.php @@ -1,22 +1,19 @@
-
-
- - - -
- - -
- -
-
-
- -
-
+
+ + + +
+ + +
+ +
+
+ +
-- cgit v1.2.3 From 90136b6e0af9598cf1bae2ad69b7616a79751ea4 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 10 Aug 2011 23:09:29 +0200 Subject: fix search, sane z-indexes --- core/css/styles.css | 8 ++++---- files/css/files.css | 2 +- search/css/results.css | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) (limited to 'files') diff --git a/core/css/styles.css b/core/css/styles.css index 1703dc152f2..5379213648f 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -15,7 +15,7 @@ body { background:#fefefe; font:normal 80%/1.6em "Lucida Grande", Arial, Verdana /* HEADERS */ -#body-user #header, #body-settings #header { position:fixed; top:0; z-index:300; width:100%; height:2.5em; padding:.5em; background:#1d2d44; -moz-box-shadow:0 0 10px #000, inset 0 -2px 10px #222; -webkit-box-shadow:0 0 10px #000, inset 0 -2px 10px #222; box-shadow:0 0 10px #000, inset 0 -2px 10px #222; } +#body-user #header, #body-settings #header { position:fixed; top:0; z-index:100; width:100%; height:2.5em; padding:.5em; background:#1d2d44; -moz-box-shadow:0 0 10px #000, inset 0 -2px 10px #222; -webkit-box-shadow:0 0 10px #000, inset 0 -2px 10px #222; box-shadow:0 0 10px #000, inset 0 -2px 10px #222; } #body-login #header { margin:-2em auto 0; text-align:center; height:10em; -moz-box-shadow:0 0 1em #000; -webkit-box-shadow:0 0 1em #000; box-shadow:0 0 1em #000; background: #1d2d44; /* Old browsers */ @@ -62,7 +62,7 @@ legend { padding:.2em; font-size:1.2em; } .template{display:none;} /* CONTENT ------------------------------------------------------------------ */ -#controls { width:100%; top:3.5em; height:2.8em; margin:0; background:#f7f7f7; border-bottom:1px solid #eee; position:fixed; z-index:200; -moz-box-shadow:0 -3px 7px #000; -webkit-box-shadow:0 -3px 7px #000; box-shadow:0 -3px 7px #000; } +#controls { width:100%; top:3.5em; height:2.8em; margin:0; background:#f7f7f7; border-bottom:1px solid #eee; position:fixed; z-index:50; -moz-box-shadow:0 -3px 7px #000; -webkit-box-shadow:0 -3px 7px #000; box-shadow:0 -3px 7px #000; } #content { margin:3.5em 0 0 12.5em; padding-bottom:10em; } #leftcontent { position:absolute; top:6.5em; width:20em; background:#f8f8f8; height:100%; border-right:1px solid #ddd; } #rightcontent { position:absolute; top:6.5em; left:33em; } @@ -91,7 +91,7 @@ legend { padding:.2em; font-size:1.2em; } #metanav li a img { vertical-align:middle; } /* NAVIGATION ------------------------------------------------------------- */ -#navigation { position:fixed; top:3.5em; float:left; width:12.5em; padding:0; z-index:250; height:100%; background:#eee; border-right: 1px #ccc solid; -moz-box-shadow: -3px 0 7px #000; -webkit-box-shadow: -3px 0 7px #000; box-shadow: -3px 0 7px #000; } } +#navigation { position:fixed; top:3.5em; float:left; width:12.5em; padding:0; z-index:75; height:100%; background:#eee; border-right: 1px #ccc solid; -moz-box-shadow: -3px 0 7px #000; -webkit-box-shadow: -3px 0 7px #000; box-shadow: -3px 0 7px #000; } } #navigation ul { border-top:1px solid #ccc; } #navigation a { display:block; padding:.6em .5em .4em 2.5em; background:1em center no-repeat; border-bottom:1px solid #ddd; border-top:1px solid #fff; text-decoration:none; font-size:1.2em; color:#666; text-shadow:#f8f8f8 0 1px 0; } #navigation a.active, #navigation a:hover, #navigation a:focus, #navigation a.selected { background-color:#ccc; border-top:1px solid #c8c8c8; border-bottom:1px solid #ccc; color:#000; } @@ -105,6 +105,6 @@ legend { padding:.2em; font-size:1.2em; } li.error { width:640px; margin:4em auto; padding:1em 1em 1em 4em; background:#fee url('../img/task-attention.png') .8em .8em no-repeat; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .hidden{ display:none; } -#notification{ z-index:400; background-color:#fc4; border:0; padding:0 .7em .3em; display:block; position:fixed; left:50%; top:0; +#notification{ z-index:101; background-color:#fc4; border:0; padding:0 .7em .3em; display:block; position:fixed; left:50%; top:0; -moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius:1em; border-bottom-left-radius:1em; -moz-border-radius-bottomright:1em; -webkit-border-bottom-right-radius:1em; border-bottom-right-radius:1em; } diff --git a/files/css/files.css b/files/css/files.css index 9ec838a8d5d..692ac3e57ee 100644 --- a/files/css/files.css +++ b/files/css/files.css @@ -43,7 +43,7 @@ table td.filename a, table td.login, table td.logout, table td.download, table t table td.filename .nametext, .modified { float:left; padding:.3em 0; } table td.filename .nametext { width:60%; } table td.filename form { float:left; font-size:.85em; } -table thead.fixed tr{position:fixed; top:6.4em;z-index:100;} +table thead.fixed tr{position:fixed; top:6.4em;z-index:51; -moz-box-shadow:0 -3px 7px #000; -webkit-box-shadow:0 -3px 7px #000; box-shadow:0 -3px 7px #000;} table thead.fixed {height:2em} #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; } diff --git a/search/css/results.css b/search/css/results.css index c3147451e4a..440e68ee48f 100644 --- a/search/css/results.css +++ b/search/css/results.css @@ -1,4 +1,4 @@ -#searchresults { list-style:none; position:fixed; top:3.5em; right:0; z-index:100; background-color:#fff; overflow:hidden; text-overflow:ellipsis; max-height:80%; width:26.5em; padding-bottom:1em; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; -moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius:1em; border-bottom-left-radius:1em; } +#searchresults { list-style:none; position:fixed; top:3.5em; right:0; z-index:75; background-color:#fff; overflow:hidden; text-overflow:ellipsis; max-height:80%; width:26.5em; padding-bottom:1em; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; -moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius:1em; border-bottom-left-radius:1em; } #searchresults li.resultHeader { font-size:1.2em; font-weight:bold; border-bottom:solid 1px #CCC; padding:.2em; background-color:#eee; } #searchresults li.result { margin-left:2em; } #searchresults table { width:100%; table-layout:fixed; top:0; border-spacing:0; } -- cgit v1.2.3 From bdba88d7f6d793113161fde035ee33a223746762 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 10 Aug 2011 23:12:41 +0200 Subject: damn z-index --- files/css/files.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'files') diff --git a/files/css/files.css b/files/css/files.css index 692ac3e57ee..e396bc77d82 100644 --- a/files/css/files.css +++ b/files/css/files.css @@ -43,7 +43,7 @@ table td.filename a, table td.login, table td.logout, table td.download, table t table td.filename .nametext, .modified { float:left; padding:.3em 0; } table td.filename .nametext { width:60%; } table td.filename form { float:left; font-size:.85em; } -table thead.fixed tr{position:fixed; top:6.4em;z-index:51; -moz-box-shadow:0 -3px 7px #000; -webkit-box-shadow:0 -3px 7px #000; box-shadow:0 -3px 7px #000;} +table thead.fixed tr{position:fixed; top:6.4em;z-index:49; -moz-box-shadow:0 -3px 7px #000; -webkit-box-shadow:0 -3px 7px #000; box-shadow:0 -3px 7px #000;} table thead.fixed {height:2em} #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; } -- cgit v1.2.3 From 225d00049123ee69c656729177858108dec81982 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 10 Aug 2011 23:26:25 +0200 Subject: I don't always test my code. But when I do, I do it in production. --- core/css/styles.css | 4 ++-- files/css/files.css | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) (limited to 'files') diff --git a/core/css/styles.css b/core/css/styles.css index 5379213648f..bafce16cc85 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -64,8 +64,8 @@ legend { padding:.2em; font-size:1.2em; } /* CONTENT ------------------------------------------------------------------ */ #controls { width:100%; top:3.5em; height:2.8em; margin:0; background:#f7f7f7; border-bottom:1px solid #eee; position:fixed; z-index:50; -moz-box-shadow:0 -3px 7px #000; -webkit-box-shadow:0 -3px 7px #000; box-shadow:0 -3px 7px #000; } #content { margin:3.5em 0 0 12.5em; padding-bottom:10em; } -#leftcontent { position:absolute; top:6.5em; width:20em; background:#f8f8f8; height:100%; border-right:1px solid #ddd; } -#rightcontent { position:absolute; top:6.5em; left:33em; } +#leftcontent { position:absolute; top:6.4em; width:20em; background:#f8f8f8; height:100%; border-right:1px solid #ddd; } +#rightcontent { position:absolute; top:6.4em; left:33em; } /* LOG IN & INSTALLATION ------------------------------------------------------------ */ #body-login { background:#ddd; } diff --git a/files/css/files.css b/files/css/files.css index e396bc77d82..cbc6795864b 100644 --- a/files/css/files.css +++ b/files/css/files.css @@ -43,7 +43,7 @@ table td.filename a, table td.login, table td.logout, table td.download, table t table td.filename .nametext, .modified { float:left; padding:.3em 0; } table td.filename .nametext { width:60%; } table td.filename form { float:left; font-size:.85em; } -table thead.fixed tr{position:fixed; top:6.4em;z-index:49; -moz-box-shadow:0 -3px 7px #000; -webkit-box-shadow:0 -3px 7px #000; box-shadow:0 -3px 7px #000;} +table thead.fixed tr{position:fixed; top:6.3em; z-index:49; -moz-box-shadow:0 -3px 7px #000; -webkit-box-shadow:0 -3px 7px #000; box-shadow:0 -3px 7px #000;} table thead.fixed {height:2em} #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; } -- cgit v1.2.3 From 1128b15833c463b1734790c44af42e22a5b5d353 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 10 Aug 2011 23:44:18 +0200 Subject: fixed navigation and breadcrumb graphics --- core/css/styles.css | 8 ++-- core/img/breadcrumb-divider-start.png | Bin 495 -> 0 bytes core/img/breadcrumb-divider.png | Bin 1012 -> 0 bytes core/img/breadcrumb-start.png | Bin 0 -> 452 bytes core/img/breadcrumb-start.svg | 71 +++++++++++++++++++++++++++++++ core/img/breadcrumb.png | Bin 0 -> 452 bytes core/img/breadcrumb.svg | 77 ++++++++++++++++++++++++++++++++++ files/css/files.css | 2 +- files/templates/part.breadcrumb.php | 4 +- 9 files changed, 155 insertions(+), 7 deletions(-) delete mode 100644 core/img/breadcrumb-divider-start.png delete mode 100644 core/img/breadcrumb-divider.png create mode 100644 core/img/breadcrumb-start.png create mode 100644 core/img/breadcrumb-start.svg create mode 100644 core/img/breadcrumb.png create mode 100644 core/img/breadcrumb.svg (limited to 'files') diff --git a/core/css/styles.css b/core/css/styles.css index bafce16cc85..36fca06b9d7 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -91,10 +91,10 @@ legend { padding:.2em; font-size:1.2em; } #metanav li a img { vertical-align:middle; } /* NAVIGATION ------------------------------------------------------------- */ -#navigation { position:fixed; top:3.5em; float:left; width:12.5em; padding:0; z-index:75; height:100%; background:#eee; border-right: 1px #ccc solid; -moz-box-shadow: -3px 0 7px #000; -webkit-box-shadow: -3px 0 7px #000; box-shadow: -3px 0 7px #000; } } -#navigation ul { border-top:1px solid #ccc; } -#navigation a { display:block; padding:.6em .5em .4em 2.5em; background:1em center no-repeat; border-bottom:1px solid #ddd; border-top:1px solid #fff; text-decoration:none; font-size:1.2em; color:#666; text-shadow:#f8f8f8 0 1px 0; } -#navigation a.active, #navigation a:hover, #navigation a:focus, #navigation a.selected { background-color:#ccc; border-top:1px solid #c8c8c8; border-bottom:1px solid #ccc; color:#000; } +#navigation { position:fixed; top:3.5em; float:left; width:12.5em; padding:0; z-index:75; height:100%; background:#eee; border-right: 1px #ccc solid; -moz-box-shadow: -3px 0 7px #000; -webkit-box-shadow: -3px 0 7px #000; box-shadow: -3px 0 7px #000; } +#navigation a { display:block; padding:.6em .5em .4em 2.5em; background:#eee 1em center no-repeat; border-bottom:1px solid #ddd; border-top:1px solid #fff; text-decoration:none; font-size:1.2em; color:#666; text-shadow:#f8f8f8 0 1px 0; } +#navigation a.active, #navigation a:hover, #navigation a:focus { background-color:#dbdbdb; border-top:1px solid #d4d4d4; border-bottom:1px solid #ccc; color:#333; } +#navigation a.active { background-color:#ddd; } #navigation #settings { position:absolute; bottom:3.5em; width:100%; } #expand { margin:0 0 .2em 1.2em; cursor:pointer; } #expand+span { position:relative; bottom:.4em; left:.2em; font-size:1.2em; color:#666; text-shadow:#f8f8f8 0 1px 0; } diff --git a/core/img/breadcrumb-divider-start.png b/core/img/breadcrumb-divider-start.png deleted file mode 100644 index 24d1eb40857..00000000000 Binary files a/core/img/breadcrumb-divider-start.png and /dev/null differ diff --git a/core/img/breadcrumb-divider.png b/core/img/breadcrumb-divider.png deleted file mode 100644 index 52742e37238..00000000000 Binary files a/core/img/breadcrumb-divider.png and /dev/null differ diff --git a/core/img/breadcrumb-start.png b/core/img/breadcrumb-start.png new file mode 100644 index 00000000000..a79d675454e Binary files /dev/null and b/core/img/breadcrumb-start.png differ diff --git a/core/img/breadcrumb-start.svg b/core/img/breadcrumb-start.svg new file mode 100644 index 00000000000..4197763dc6c --- /dev/null +++ b/core/img/breadcrumb-start.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/core/img/breadcrumb.png b/core/img/breadcrumb.png new file mode 100644 index 00000000000..b124f349f56 Binary files /dev/null and b/core/img/breadcrumb.png differ diff --git a/core/img/breadcrumb.svg b/core/img/breadcrumb.svg new file mode 100644 index 00000000000..9d522b42b73 --- /dev/null +++ b/core/img/breadcrumb.svg @@ -0,0 +1,77 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/files/css/files.css b/files/css/files.css index cbc6795864b..0d7374696c5 100644 --- a/files/css/files.css +++ b/files/css/files.css @@ -55,4 +55,4 @@ table thead.fixed {height:2em} .selectedActions a:hover, a.file_action:hover { background:#fff; -moz-box-shadow:0 0 10px #fff; -webkit-box-shadow:0 0 10px #fff; box-shadow:0 0 10px #fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* add breadcrumb divider to the File item in navigation panel */ -#navigation>ul>li:first-child { background:url('../../core/img/breadcrumb-divider-start.png') no-repeat 12.5em 0px; width:12.5em; padding-right:1em; } +#navigation>ul>li:first-child { background:url('../../core/img/breadcrumb-start.png') no-repeat 12.5em 0px; width:12.5em; padding-right:1em; } diff --git a/files/templates/part.breadcrumb.php b/files/templates/part.breadcrumb.php index 20c436926c6..96342919df6 100644 --- a/files/templates/part.breadcrumb.php +++ b/files/templates/part.breadcrumb.php @@ -1,5 +1,5 @@ -
")'> +
")'> ">
- \ No newline at end of file + -- cgit v1.2.3 From fa61279e452528fa474b269477eaef05e89a6c02 Mon Sep 17 00:00:00 2001 From: Dawid Opis Date: Thu, 11 Aug 2011 00:03:26 +0200 Subject: fixed upload button overlapping new folder input --- files/css/files.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) (limited to 'files') diff --git a/files/css/files.css b/files/css/files.css index 0d7374696c5..9af064ccbe4 100644 --- a/files/css/files.css +++ b/files/css/files.css @@ -7,17 +7,19 @@ .actions input { margin:0; padding:.3em; } #file_menu { right:0; position:absolute; top:0; } #file_menu a { display:block; float:left; background-image:none; text-decoration:none; } -.file_upload_form, #file_newfolder_form { display:inline; } +.file_upload_form, #file_newfolder_form { display:inline; float: left;} #fileSelector, #file_upload_submit, #file_newfolder_submit { display:none; } .file_upload_wrapper, #file_newfolder_name { background-repeat:no-repeat; background-position:.5em .3em; padding-left:2em; } -.file_upload_wrapper { background:url("../img/file.png"); font-weight:bold; position:relative; top:-1.2em; left:-2em; display:-moz-inline-box; /* fallback for older firefox versions*/ display:inline-block; width:8em; } -.file_upload_start { opacity:0; filter:alpha(opacity=0); } +.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-right:1.5em;} #file_newfolder_name { background-image:url("../img/folder.png"); font-weight:bold; width:8em; } -.file_upload_start, .file_upload_filename { position:absolute; top:0; left:0; font-size:1em; } +.file_upload_start, .file_upload_filename { font-size:1em; } #file_newfolder_submit, #file_upload_submit { width:3em; } .file_upload_target { display:none; } +.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;} + /* FILE TABLE */ span#emptyfolder { position:absolute; margin:10em 0 0 10em; font-size:1.5em; font-weight:bold; color:#888; text-shadow:#fff 0 1px 0; } table { position:relative; top:37px; width:100%; } -- cgit v1.2.3