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 
@import "basic"
23 
 
24 
@keyframes loading
25 
  from
26 
    background-position: 0 -400px
27 
  to
28 
    background-position: -7px -400px
29 
 
30 
.dropzone
31 
  border 1px solid rgba(0, 0, 0, 0.03)
32 
  min-height 360px
33 
  border-radius 3px
34 
  background rgba(0, 0, 0, 0.03)
35 
 
36 
  padding 23px
37 
 
38 
  .dz-default.dz-message
39 
    opacity 1
40 
    transition opacity 0.3s ease-in-out
41 
 
42 
    image "../images/spritemap.png" 428px 406px
43 
    background-repeat no-repeat
44 
    background-position 0 0
45 
 
46 
    position absolute
47 
    width 428px
48 
    height 123px
49 
    margin-left -(@width / 2)
50 
    margin-top -(@height / 2)
51 
    top 50%
52 
    left 50%
53 
    span
54 
      display none
55 
 
56 
  &.dz-square
57 
    .dz-default.dz-message
58 
      background-position 0 -123px
59 
      width 268px
60 
      margin-left -(@width / 2)
61 
      height 174px
62 
      margin-top -(@height / 2)
63 
 
64 
  &.dz-drag-hover
65 
    .dz-message
66 
      opacity 0.15
67 
 
68 
  &.dz-started
69 
    .dz-message
70 
      display block
71 
      opacity 0 // Rather fade out nicely
72 
 
73 
 
74 
.dropzone
75 
.dropzone-previews
76 
 
77 
  .dz-preview
78 
    box-shadow 1px 1px 4px rgba(0, 0, 0, 0.16)
79 
    font-size 14px
80 
 
81 
 
82 
    .dz-details
83 
 
84 
      // Not implemented yet. This is the CSS definition of the file
85 
      // content as text.
86 
      // .content
87 
      //   font-size 3px
88 
      //   white-space pre
89 
      //   position absolute
90 
      //   top 5px
91 
      //   left 12px
92 
      //   right 19px
93 
      //   bottom 5px
94 
      //   overflow hidden
95 
      //   line-height 100%
96 
      //   cursor default
97 
      //   word-wrap break-word
98 
 
99 
    &.dz-image-preview
100 
      &:hover
101 
        .dz-details
102 
          img
103 
            display block
104 
            opacity 0.1
105 
 
106 
    &.dz-success
107 
      .dz-success-mark
108 
        opacity 1
109 
    &.dz-error
110 
      .dz-error-mark
111 
        opacity 1
112 
      .dz-progress .dz-upload
113 
        background #EE1E2D
114 
 
115 
    .dz-error-mark
116 
    .dz-success-mark
117 
      display block
118 
      opacity 0 // Fade in / out
119 
      transition opacity 0.4s ease-in-out
120 
      image "../images/spritemap.png" 428px 406px
121 
      background-repeat no-repeat
122 
 
123 
      span
124 
        display none
125 
    .dz-error-mark
126 
      background-position -268px -123px
127 
    .dz-success-mark
128 
      background-position -268px -163px
129 
 
130 
 
131 
 
132 
    .dz-progress
133 
      .dz-upload
134 
        animation loading 0.4s linear infinite
135 
        transition width 0.3s ease-in-out
136 
        border-radius 2px
137 
        position absolute
138 
        top 0
139 
        left 0
140 
        width 0%
141 
        height 100%
142 
 
143 
        image "../images/spritemap.png" 428px 406px
144 
        background-repeat repeat-x
145 
        background-position 0px -400px
146 
 
147 
 
148 
    &.dz-success
149 
      .dz-progress
150 
        display block
151 
        opacity 0
152 
        transition opacity 0.4s ease-in-out
153 
 
154 
 
155 
    // Disabled for now until I find a better way to cope with long filenames
156 
    // .filename
157 
    //   span
158 
    //     overflow ellipsis
159 
 
160 
    .dz-error-message
161 
      display block
162 
      opacity 0 // Rather fade in / out
163 
      transition opacity 0.3s ease-in-out
164 
 
165 
    &:hover.dz-error
166 
      .dz-error-message
167 
        opacity 1
168 
 
169 
  a.dz-remove
170 
    background-image linear-gradient(top, #fafafa, #eee)
171 
    border-radius 2px
172 
    border 1px solid #eee
173 
    text-decoration none
174 
    display block
175 
    padding 4px 5px
176 
    text-align center
177 
    color #aaa
178 
    margin-top 26px
179 
    &:hover
180 
      color #666