client/css/post-upload.styl


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84

@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
        list-style-type: none
        margin: 0
        padding: 0

        li
            margin: 0 0 1.2em 0

        .uploadable
            .file
                margin: 0.3em 0
                overflow: hidden
                white-space: nowrap
                text-align: left
                text-overflow: ellipsis

            .anonymous
                margin: 0.3em 0

            .safety
                margin: 0.3em 0
                label
                    display: inline-block
                    margin-right: 1em

            .options div
                display: inline-block
                margin: 0 1em 0 0

            .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