CSS for files in file listing, with edit/delete overlay.

This commit is contained in:
Victoria Wang 2014-04-16 22:27:23 -07:00
parent 7d1e9d5b4f
commit 7b6f796ecb

View file

@ -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;