@import colors

$cancel-button-color = tomato

#post-upload
    form
        width: 100%
        max-width: 40em
        margin: 0 auto
        text-align: left

        &.inactive input[type=submit],
        &.inactive .skip-duplicates
        &.uploading input[type=submit],
        &.uploading .skip-duplicates,
        &:not(.uploading) .cancel
            display: none

    .dropper-container
        margin: 0 auto
        .file-dropper
            font-size: 150%
            padding: 2em

    input[type=submit]
        margin-top: 1em

    .cancel
        margin-top: 1em
        background: $cancel-button-color
        border-color: $cancel-button-color
        &:focus
            border: 2px solid $text-color

    .skip-duplicates
        margin-left: 1em

    .messages
        margin-top: 1em

    .uploadables-container
        line-height: 200%

        li
            margin: 0 0 1.2em 0

        .uploadable
            .file
                overflow: hidden
                white-space: nowrap
                text-align: left
                text-overflow: ellipsis

            .safety
                label
                    margin-right: 1em

            .thumbnail-wrapper
                float: left
                width: 12.5em
                height: 7em
                margin: 0.2em 1em 0 0

                .thumbnail
                    width: 100%
                    height: 100%

            .controls
                float: right
                a
                    color: $inactive-link-color
                    margin-left: 0.5em