div#c-uploads { div#a-new { .artist-commentary { margin-top: 1em; margin-left: 1em; } div#upload-guide-notice { margin-bottom: 2em; } ul#links { margin-bottom: 1em; } label[for="upload_as_pending"] { display: inline; } fieldset.ratings { label { display: inline; } } textarea { margin-bottom: 0.25em; } .hint { display: block; } div.field_with_errors { display: inline; } #filedropzone { border: 4px dashed #DDD; padding: 0; min-height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 4px; .placeholder { font-style: italic; color: #333; height: 100%; } &.error { border-color: darken(#f2dede, 30%); background-color: #f2dede; } &.success { border-color: darken(#dff0d8, 30%); background-color: #dff0d8; } } .dz-preview { margin-bottom: 1em; } .dz-progress { height: 20px; width: 300px; border: 1px solid #CCC; .dz-upload { background-color: #F5F5FF; display: block; height: 20px; } } } div#a-index { .info { margin-right: 1.5em; } } div.upload-preview { display: inline-block; > a { width: 154px; height: 154px; margin: 0 10px 10px 0; display: inline-block; img { margin: auto; border: 2px solid transparent; max-width: 154px; max-height: 154px; } } .caption-top { font-size: 0.8em; margin-bottom: 0; } } }