← Back to branch summary

~johnsca/charms/trusty/cloudfoundry/better-basic-reconciler-status

« back to all changes in this revision

Viewing changes to reconciler/ui/static/semantic/less/elements/reveal.less

  • Committer: Whit Morriss
  • Date: 2014-10-13 06:50:17 UTC
  • mto: (132.2.1 reconciler) (145.1.1 trunk)
  • mto: This revision was merged to the branch mainline in revision 156.
  • Revision ID: whit.morriss@canonical.com-20141013065017-0feo2ku3yllymkol
reorg reconciler

Show diffs side-by-side

added added

removed removed

Lines of Context:
reconciler/ui/static/semantic/less/elements/reveal.less
 
1
/*
 
2
 * # Semantic - Reveal
 
3
 * http://github.com/jlukic/semantic-ui/
 
4
 *
 
5
 *
 
6
 * Copyright 2014 Contributors
 
7
 * Released under the MIT license
 
8
 * http://opensource.org/licenses/MIT
 
9
 *
 
10
 */
 
11
 
 
12
/*******************************
 
13
            Reveal
 
14
*******************************/
 
15
 
 
16
.ui.reveal  {
 
17
  display: inline-block;
 
18
  position: relative !important;
 
19
  z-index: 2 !important;
 
20
  font-size: 0em !important;
 
21
}
 
22
 
 
23
.ui.reveal > .content {
 
24
  font-size: 1rem !important;
 
25
}
 
26
 
 
27
.ui.reveal > .visible.content {
 
28
  -webkit-transition:
 
29
    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
 
30
  ;
 
31
  -moz-transition:
 
32
    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
 
33
  ;
 
34
  transition:
 
35
    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
 
36
  ;
 
37
}
 
38
 
 
39
.ui.reveal > .visible.content {
 
40
  position: absolute !important;
 
41
  top: 0em !important;
 
42
  left: 0em !important;
 
43
  z-index: 4 !important;
 
44
  -webkit-transition:
 
45
    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
 
46
  ;
 
47
  -moz-transition:
 
48
    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
 
49
  ;
 
50
  transition:
 
51
    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
 
52
  ;
 
53
}
 
54
.ui.reveal > .hidden.content {
 
55
  position: relative !important;
 
56
  z-index: 3 !important;
 
57
}
 
58
 
 
59
 
 
60
/*------------------
 
61
   Loose Coupling
 
62
-------------------*/
 
63
 
 
64
.ui.reveal.button {
 
65
  overflow: hidden;
 
66
}
 
67
 
 
68
 
 
69
 
 
70
/*******************************
 
71
              Types
 
72
*******************************/
 
73
 
 
74
 
 
75
/*--------------
 
76
      Slide
 
77
---------------*/
 
78
 
 
79
.ui.slide.reveal {
 
80
  position: relative !important;
 
81
  display: block;
 
82
  overflow: hidden !important;
 
83
 
 
84
  white-space: nowrap;
 
85
}
 
86
 
 
87
.ui.slide.reveal > .content {
 
88
  display: block;
 
89
  float: left;
 
90
 
 
91
  -webkit-box-sizing: border-box;
 
92
  -moz-box-sizing: border-box;
 
93
  -ms-box-sizing: border-box;
 
94
  box-sizing: border-box;
 
95
 
 
96
  margin: 0em;
 
97
  -webkit-transition:
 
98
    top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
 
99
    left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
 
100
    right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
 
101
    bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
 
102
  ;
 
103
  -moz-transition:
 
104
    top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
 
105
    left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
 
106
    right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
 
107
    bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
 
108
  ;
 
109
  transition:
 
110
    top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
 
111
    left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
 
112
    right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
 
113
    bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
 
114
  ;
 
115
}
 
116
.ui.slide.reveal > .visible.content {
 
117
  position: relative !important;
 
118
}
 
119
.ui.slide.reveal > .hidden.content {
 
120
  position: absolute !important;
 
121
  left: 100% !important;
 
122
  width: 100% !important;
 
123
}
 
124
.ui.slide.reveal:hover > .visible.content,
 
125
.ui.slide.reveal:focus > .visible.content, {
 
126
  left: -100% !important;
 
127
}
 
128
.ui.slide.reveal:hover > .hidden.content,
 
129
.ui.slide.reveal:focus > .hidden.content {
 
130
  left: 0% !important;
 
131
}
 
132
 
 
133
.ui.right.slide.reveal > .visible.content {
 
134
  left: 0%;
 
135
}
 
136
.ui.right.slide.reveal > .hidden.content {
 
137
  left: auto !important;
 
138
  right: 100% !important;
 
139
}
 
140
.ui.right.slide.reveal:hover > .visible.content,
 
141
.ui.right.slide.reveal:focus > .visible.content {
 
142
  left: 100% !important;
 
143
  right: auto !important;
 
144
}
 
145
.ui.right.slide.reveal:hover > .hidden.content,
 
146
.ui.right.slide.reveal:focus > .hidden.content {
 
147
  left: auto !important;
 
148
  right: 0% !important;
 
149
}
 
150
 
 
151
.ui.up.slide.reveal > .visible.content {
 
152
  top: 0% !important;
 
153
  left: 0% !important;
 
154
  right: auto !important;
 
155
  bottom: auto !important;
 
156
}
 
157
.ui.up.slide.reveal > .hidden.content {
 
158
  top: 100% !important;
 
159
  left: 0% !important;
 
160
  right: auto !important;
 
161
  bottom: auto !important;
 
162
}
 
163
.ui.slide.up.reveal:hover > .visible.content,
 
164
.ui.slide.up.reveal:focus > .visible.content {
 
165
  top: -100% !important;
 
166
  left: 0% !important;
 
167
}
 
168
.ui.slide.up.reveal:hover > .hidden.content,
 
169
.ui.slide.up.reveal:focus > .hidden.content {
 
170
  top: 0% !important;
 
171
  left: 0% !important;
 
172
}
 
173
 
 
174
.ui.down.slide.reveal > .visible.content {
 
175
  top: auto !important;
 
176
  right: auto !important;
 
177
  bottom: auto !important;
 
178
  bottom: 0% !important;
 
179
}
 
180
.ui.down.slide.reveal > .hidden.content {
 
181
  top: auto !important;
 
182
  right: auto !important;
 
183
  bottom: 100% !important;
 
184
  left: 0% !important;
 
185
}
 
186
.ui.slide.down.reveal:hover > .visible.content,
 
187
.ui.slide.down.reveal:focus > .visible.content {
 
188
  left: 0% !important;
 
189
  bottom: -100% !important;
 
190
}
 
191
.ui.slide.down.reveal:hover > .hidden.content,
 
192
.ui.slide.down.reveal:focus > .hidden.content {
 
193
  left: 0% !important;
 
194
  bottom: 0% !important;
 
195
}
 
196
 
 
197
 
 
198
 
 
199
/*--------------
 
200
      Fade
 
201
---------------*/
 
202
 
 
203
.ui.fade.reveal > .hidden.content {
 
204
  -webkit-transition:
 
205
    opacity 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
 
206
  ;
 
207
  -moz-transition:
 
208
    opacity 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
 
209
  ;
 
210
  transition:
 
211
    opacity 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
 
212
  ;
 
213
}
 
214
 
 
215
.ui.fade.reveal > .hidden.content {
 
216
  z-index: 5 !important;
 
217
  opacity: 0;
 
218
}
 
219
.ui.fade.reveal:hover > .hidden.content {
 
220
  opacity: 1;
 
221
}
 
222
 
 
223
/*--------------
 
224
      Move
 
225
---------------*/
 
226
 
 
227
.ui.move.reveal > .visible.content,
 
228
.ui.move.left.reveal > .visible.content {
 
229
  left: auto !important;
 
230
  top: auto !important;
 
231
  bottom: auto !important;
 
232
  right: 0% !important;
 
233
}
 
234
.ui.move.reveal:hover > .visible.content,
 
235
.ui.move.left.reveal:hover > .visible.content,
 
236
.ui.move.reveal:focus > .visible.content,
 
237
.ui.move.left.reveal:focus > .visible.content {
 
238
  right: 100% !important;
 
239
}
 
240
 
 
241
.ui.move.right.reveal > .visible.content {
 
242
  right: auto !important;
 
243
  top: auto !important;
 
244
  bottom: auto !important;
 
245
  left: 0% !important;
 
246
}
 
247
.ui.move.right.reveal:hover > .visible.content,
 
248
.ui.move.right.reveal:focus > .visible.content {
 
249
  left: 100% !important;
 
250
}
 
251
 
 
252
.ui.move.up.reveal > .visible.content {
 
253
  right: auto !important;
 
254
  left: auto !important;
 
255
  top: auto !important;
 
256
 
 
257
  bottom: 0% !important;
 
258
}
 
259
.ui.move.up.reveal:hover > .visible.content,
 
260
.ui.move.up.reveal:focus > .visible.content {
 
261
  bottom: 100% !important;
 
262
}
 
263
 
 
264
.ui.move.down.reveal > .visible.content {
 
265
  right: auto !important;
 
266
  left: auto !important;
 
267
  bottom: auto !important;
 
268
 
 
269
  top: 0% !important;
 
270
  bottom: auto !important;
 
271
}
 
272
.ui.move.down.reveal:hover > .visible.content,
 
273
.ui.move.down.reveal:focus > .visible.content {
 
274
  top: 100% !important;
 
275
}
 
276
 
 
277
 
 
278
/*--------------
 
279
     Rotate
 
280
---------------*/
 
281
 
 
282
.ui.rotate.reveal > .visible.content {
 
283
  -webkit-transition-duration: 0.8s;
 
284
  -moz-transition-duration: 0.8s;
 
285
  transition-duration: 0.8s;
 
286
 
 
287
  -webkit-transform: rotate(0deg);
 
288
  -moz-transform: rotate(0deg);
 
289
  -ms-transform: rotate(0deg);
 
290
  transform: rotate(0deg);
 
291
}
 
292
 
 
293
.ui.rotate.reveal > .visible.content,
 
294
.ui.rotate.right.reveal > .visible.content {
 
295
  -webkit-transform-origin: bottom right;
 
296
  -moz-transform-origin: bottom right;
 
297
  -ms-transform-origin: bottom right;
 
298
  transform-origin: bottom right;
 
299
}
 
300
.ui.rotate.reveal:hover > .visible.content,
 
301
.ui.rotate.right.reveal:hover > .visible.content,
 
302
.ui.rotate.reveal:focus > .visible.content,
 
303
.ui.rotate.right.reveal:focus > .visible.content {
 
304
  -webkit-transform: rotate(110deg);
 
305
  -moz-transform: rotate(110deg);
 
306
  -ms-transform: rotate(110deg);
 
307
  transform: rotate(110deg);
 
308
}
 
309
 
 
310
.ui.rotate.left.reveal > .visible.content {
 
311
  -webkit-transform-origin: bottom left;
 
312
  -moz-transform-origin: bottom left;
 
313
  -ms-transform-origin: bottom left;
 
314
  transform-origin: bottom left;
 
315
}
 
316
.ui.rotate.left.reveal:hover > .visible.content,
 
317
.ui.rotate.left.reveal:focus > .visible.content {
 
318
  -webkit-transform: rotate(-110deg);
 
319
  -moz-transform: rotate(-110deg);
 
320
  -ms-transform: rotate(-110deg);
 
321
  transform: rotate(-110deg);
 
322
}
 
323
 
 
324
/*******************************
 
325
              States
 
326
*******************************/
 
327
 
 
328
.ui.disabled.reveal {
 
329
  opacity: 1 !important;
 
330
}
 
331
.ui.disabled.reveal > .content {
 
332
  -webkit-transition: none !important;
 
333
  -moz-transition: none !important;
 
334
  transition: none !important;
 
335
}
 
336
.ui.disabled.reveal:hover > .visible.content,
 
337
.ui.disabled.reveal:focus > .visible.content {
 
338
  position: static !important;
 
339
  display: block !important;
 
340
  opacity: 1 !important;
 
341
  top: 0 !important;
 
342
  left: 0 !important;
 
343
  right: auto !important;
 
344
  bottom: auto !important;
 
345
  -webkit-transform: none !important;
 
346
     -moz-transform: none !important;
 
347
      -ms-transform: none !important;
 
348
          transform: none !important;
 
349
}
 
350
.ui.disabled.reveal:hover > .hidden.content,
 
351
.ui.disabled.reveal:focus > .hidden.content {
 
352
  display: none !important;
 
353
}
 
354
 
 
355
 
 
356
/*******************************
 
357
           Variations
 
358
*******************************/
 
359
 
 
360
/*--------------
 
361
     Masked
 
362
---------------*/
 
363
 
 
364
.ui.masked.reveal {
 
365
  overflow: hidden;
 
366
}
 
367
 
 
368
/*--------------
 
369
     Instant
 
370
---------------*/
 
371
 
 
372
.ui.instant.reveal > .content {
 
373
  -webkit-transition-delay: 0s !important;
 
374
  -moz-transition-delay: 0s !important;
 
375
  transition-delay: 0s !important;
 
376
}
 
 
b'\\ No newline at end of file'