zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-25 01:32:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source
This commit is contained in:
Victoria Wang 2014-04-16 22:27:23 -07:00
parent 7d1e9d5b4f
commit 7b6f796ecb
1 changed files with 47 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
public/assets/css/_project-sass/_project-Main.scss
View file

@ -82,6 +82,7 @@
.files .breadcrumbs { .files .breadcrumbs {
float: left; float: left;
font-weight:bold; font-weight:bold;
margin-top: 4px;
} }
.files .actions { .files .actions {
float: right; float: right;
@ -114,14 +115,57 @@
-moz-border-radius: 8px; -moz-border-radius: 8px;
border-radius: 8px; border-radius: 8px;
background: url(../img/drag-drop.png) no-repeat center center; background: url(../img/drag-drop.png) no-repeat center center;
min-height: 200px; min-height: 300px;
} }
.file { .file {
float: left; float: left;
width: 105px; // width: 115px;
height: 105px; padding: 5px;
margin-right: 20px; margin-right: 20px;
margin-bottom: 30px; 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 { .site-actions {
float: left; float: left;