Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
/* The MIT License */
2 
// Copyright (c) 2012 Matias Meno <m@tias.me>
3 
// Permission is hereby granted, free of charge, to any person obtaining a copy of
4 
// this software and associated documentation files (the "Software"), to deal in
5 
// the Software without restriction, including without limitation the rights to
6 
// use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
7 
// of the Software, and to permit persons to whom the Software is furnished to do
8 
// so, subject to the following conditions:
9 
 
10 
// The above copyright notice and this permission notice shall be included in all
11 
// copies or substantial portions of the Software.
12 
 
13 
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14 
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15 
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16 
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17 
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18 
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
19 
// SOFTWARE.
20 
 
21 
@import "nib"
22 
 
23 
.dropzone
24 
.dropzone *
25 
.dropzone-previews
26 
.dropzone-previews *
27 
  box-sizing border-box
28 
 
29 
 
30 
.dropzone
31 
  position relative
32 
  border 1px solid rgba(0, 0, 0, 0.08)
33 
  background rgba(0, 0, 0, 0.02)
34 
  padding 1em
35 
 
36 
  &.dz-clickable
37 
    cursor pointer
38 
    .dz-message
39 
    .dz-message span
40 
      cursor pointer
41 
    *
42 
      cursor default
43 
 
44 
  .dz-message
45 
    opacity 1
46 
 
47 
  &.dz-drag-hover
48 
    border-color rgba(0, 0, 0, 0.15)
49 
    background rgba(0, 0, 0, 0.04)
50 
 
51 
  &.dz-started
52 
    .dz-message
53 
      display none
54 
 
55 
.dropzone
56 
.dropzone-previews
57 
  .dz-preview
58 
    background rgba(255, 255, 255, 0.8)
59 
    position relative
60 
    display inline-block
61 
    margin 17px
62 
 
63 
    vertical-align top
64 
 
65 
    border 1px solid #acacac
66 
 
67 
    padding 6px 6px 6px 6px
68 
 
69 
    &.dz-file-preview
70 
      [data-dz-thumbnail]
71 
        display none
72 
 
73 
    .dz-details
74 
      width 100px
75 
      height @width
76 
      position relative
77 
      background #ebebeb
78 
      padding 5px
79 
      margin-bottom 22px
80 
 
81 
      .dz-filename
82 
        overflow hidden
83 
        height 100%
84 
 
85 
 
86 
      img
87 
        absolute top left
88 
        width @width
89 
        height @width
90 
 
91 
      .dz-size
92 
        absolute bottom -28px left 3px
93 
        height 28px
94 
        line-height @height
95 
 
96 
 
97 
    &.dz-error
98 
      .dz-error-mark
99 
        display block
100 
    &.dz-success
101 
      .dz-success-mark
102 
        display block
103 
 
104 
 
105 
    &:hover
106 
      .dz-details
107 
        img
108 
          display none
109 
 
110 
 
111 
    .dz-success-mark
112 
    .dz-error-mark
113 
      display none
114 
      position absolute
115 
 
116 
      width 40px
117 
      height 40px
118 
 
119 
      font-size 30px
120 
      text-align center
121 
      right -10px
122 
      top -10px
123 
 
124 
    .dz-success-mark
125 
      color #8CC657
126 
    .dz-error-mark
127 
      color #EE162D
128 
 
129 
 
130 
    .dz-progress
131 
      position absolute
132 
      top 100px
133 
      left 6px
134 
      right 6px
135 
      height 6px
136 
      background #d7d7d7
137 
      display none
138 
 
139 
      .dz-upload
140 
        display block
141 
        position absolute
142 
        top 0
143 
        bottom 0
144 
        left 0
145 
        width 0%
146 
        background-color #8CC657
147 
 
148 
 
149 
    &.dz-processing
150 
      .dz-progress
151 
        display block
152 
 
153 
 
154 
    .dz-error-message
155 
      display none
156 
      absolute top -5px left -20px
157 
      background rgba(245, 245, 245, 0.8)
158 
      padding 8px 10px
159 
      color #800
160 
      min-width 140px
161 
      max-width 500px
162 
      z-index 500
163 
    &:hover.dz-error
164 
      .dz-error-message
165 
        display block