#main #content .box .lolita-file-upload-form {padding: 20px 0 0 0;} .filelist {padding: 6% 1% 6% 6%; overflow: hidden;} .filelist .filelist-container {overflow: hidden;} .filelist .file-item { float: left; width: 26%; margin-right: 5%; margin-bottom: 20px; padding: 1%; background-color: #e9e9e9; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); } .filelist .file-item .window {overflow: hidden; height: 200px; background: #f9f9f9; border: 3px solid #e9e9e9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position: relative; } .filelist .file-item .window:hover {border-color: #887bd4; height: 200px;} .filelist .file-item .window .links {display: none; position: absolute; top: 80px; padding: 10px 0; text-align: center; width: 100%; background: #f6f6f6;} .filelist .file-item .window .links .edit_link {margin-right: 10px; background: image-url("lolita/upload/edit.png") no-repeat left center; padding-left: 15px;} .filelist .file-item .window .links .delete_link {background: image-url("lolita/upload/delete.png") no-repeat left center; padding-left: 15px;} .filelist .file-item .window:hover .links {display: block;} .filelist .file-item img {max-width: 100%;} .filelist .file-item p {height: 40px; line-height: 20px; text-align: center; margin: 5px 0; color: #777;} #main #content .box .edit-file-form {} #main #content .box .edit-file-form .file-editor { background: #e9e9e9; padding: 20px 20px 10px 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); } #main #content .box .edit-file-form .file-editor .editable-image {width: 35%; float: left;} #main #content .box .edit-file-form .file-editor .fields {width: 60%; float: right;} #main #content .box .edit-file-form .file-editor .fields label {width: 20%; display: inline-block;} #main #content .box .edit-file-form .file-editor .fields input, #main #content .box .edit-file-form .file-editor .fields textarea {width: 70%; border: 1px solid #cdcdcd; padding: 3px 10px; color: #494949; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #main #content .box .edit-file-form .file-editor .action-links {clear: both; padding-top: 20px; overflow: hidden;} #main #content .box .edit-file-form .file-editor .action-links .navigation { float: left; .back {margin-right: 15px; padding-left: 15px; background: image-url("lolita/upload/back.png") no-repeat left center;} .previous {padding-left: 15px; margin-right: 10px; background: image-url("lolita/upload/prev.png") no-repeat left center} .next {padding-right: 15px; background: image-url("lolita/upload/next.png") no-repeat right center} } #main #content .box .edit-file-form .file-editor .action-links .actions { float: right; .delete {padding-left: 15px; margin-right: 10px; background: image-url("lolita/upload/delete.png") no-repeat left center} .save {padding-left: 15px; background: image-url("lolita/upload/save.png") no-repeat left center} }