From 7b6f796ecbaf9a360411b2a8899e5c731c00995d Mon Sep 17 00:00:00 2001
From: Victoria Wang <violasongoo@gmail.com>
Date: Wed, 16 Apr 2014 22:27:23 -0700
Subject: [PATCH] CSS for files in file listing, with edit/delete overlay.

---
 .../css/_project-sass/_project-Main.scss      | 50 +++++++++++++++++--
 1 file changed, 47 insertions(+), 3 deletions(-)

diff --git a/public/assets/css/_project-sass/_project-Main.scss b/public/assets/css/_project-sass/_project-Main.scss
index b0802894..42bf0572 100644
--- a/public/assets/css/_project-sass/_project-Main.scss
+++ b/public/assets/css/_project-sass/_project-Main.scss
@@ -82,6 +82,7 @@
 .files .breadcrumbs {
   float: left;
   font-weight:bold;
+  margin-top: 4px;
 }
 .files .actions {
   float: right;
@@ -114,14 +115,57 @@
   -moz-border-radius: 8px;
   border-radius: 8px;
   background: url(../img/drag-drop.png) no-repeat center center;
-  min-height: 200px;
+  min-height: 300px;
 }
 .file {
   float: left;
-  width: 105px;
-  height: 105px;
+//  width: 115px;
+  padding: 5px;
   margin-right: 20px;
   margin-bottom: 30px;
+  text-align: center;
+  display:block;position:relative;
+}
+.file .title {
+  font-weight: bold;
+  font-size: 12px;
+  color: #666;
+  text-decoration: none;
+}
+.html-thumbnail {
+  -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
+  -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
+  box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
+  font-size: 11px;
+  margin-top: 5px;
+  margin-left: 10px;
+  display:block;position:relative;
+}
+.overlay a {
+  color: white;
+  text-decoration: none;
+}
+.overlay {
+  position:absolute;
+  top:0;
+  width:0;
+  width:100%;
+  height:100%;
+  background-color:rgba(0, 0, 0, 0.5);
+  display:none;
+}
+.file > .overlay {
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+  padding-top: 15px;
+  background-color:rgba(0, 0, 0, 0.15);
+}
+.overlay i {
+  font-weight: bold;
+}
+.filehover:hover .overlay, .fileimagehover:hover .overlay {
+    display:block;
 }
 .site-actions {
   float: left;