← 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/uncompressed/elements/reveal.css

  • 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/uncompressed/elements/reveal.css
 
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
            Reveal
 
13
*******************************/
 
14
.ui.reveal {
 
15
  display: inline-block;
 
16
  position: relative !important;
 
17
  z-index: 2 !important;
 
18
  font-size: 0em !important;
 
19
}
 
20
.ui.reveal > .content {
 
21
  font-size: 1rem !important;
 
22
}
 
23
.ui.reveal > .visible.content {
 
24
  -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
 
25
  -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
 
26
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
 
27
}
 
28
.ui.reveal > .visible.content {
 
29
  position: absolute !important;
 
30
  top: 0em !important;
 
31
  left: 0em !important;
 
32
  z-index: 4 !important;
 
33
  -webkit-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
 
34
  -moz-transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
 
35
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
 
36
}
 
37
.ui.reveal > .hidden.content {
 
38
  position: relative !important;
 
39
  z-index: 3 !important;
 
40
}
 
41
/*------------------
 
42
   Loose Coupling
 
43
-------------------*/
 
44
.ui.reveal.button {
 
45
  overflow: hidden;
 
46
}
 
47
/*******************************
 
48
              Types
 
49
*******************************/
 
50
/*--------------
 
51
      Slide
 
52
---------------*/
 
53
.ui.slide.reveal {
 
54
  position: relative !important;
 
55
  display: block;
 
56
  overflow: hidden !important;
 
57
  white-space: nowrap;
 
58
}
 
59
.ui.slide.reveal > .content {
 
60
  display: block;
 
61
  float: left;
 
62
  -webkit-box-sizing: border-box;
 
63
  -moz-box-sizing: border-box;
 
64
  -ms-box-sizing: border-box;
 
65
  box-sizing: border-box;
 
66
  margin: 0em;
 
67
  -webkit-transition: top 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, left 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, right 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, bottom 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
 
68
  -moz-transition: top 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, left 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, right 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, bottom 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
 
69
  transition: top 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, left 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, right 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s, bottom 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
 
70
}
 
71
.ui.slide.reveal > .visible.content {
 
72
  position: relative !important;
 
73
}
 
74
.ui.slide.reveal > .hidden.content {
 
75
  position: absolute !important;
 
76
  left: 100% !important;
 
77
  width: 100% !important;
 
78
}
 
79
.ui.slide.reveal:hover > .visible.content,
 
80
.ui.slide.reveal:focus > .visible.content {
 
81
  left: -100% !important;
 
82
}
 
83
.ui.slide.reveal:hover > .hidden.content,
 
84
.ui.slide.reveal:focus > .hidden.content {
 
85
  left: 0% !important;
 
86
}
 
87
.ui.right.slide.reveal > .visible.content {
 
88
  left: 0%;
 
89
}
 
90
.ui.right.slide.reveal > .hidden.content {
 
91
  left: auto !important;
 
92
  right: 100% !important;
 
93
}
 
94
.ui.right.slide.reveal:hover > .visible.content,
 
95
.ui.right.slide.reveal:focus > .visible.content {
 
96
  left: 100% !important;
 
97
  right: auto !important;
 
98
}
 
99
.ui.right.slide.reveal:hover > .hidden.content,
 
100
.ui.right.slide.reveal:focus > .hidden.content {
 
101
  left: auto !important;
 
102
  right: 0% !important;
 
103
}
 
104
.ui.up.slide.reveal > .visible.content {
 
105
  top: 0% !important;
 
106
  left: 0% !important;
 
107
  right: auto !important;
 
108
  bottom: auto !important;
 
109
}
 
110
.ui.up.slide.reveal > .hidden.content {
 
111
  top: 100% !important;
 
112
  left: 0% !important;
 
113
  right: auto !important;
 
114
  bottom: auto !important;
 
115
}
 
116
.ui.slide.up.reveal:hover > .visible.content,
 
117
.ui.slide.up.reveal:focus > .visible.content {
 
118
  top: -100% !important;
 
119
  left: 0% !important;
 
120
}
 
121
.ui.slide.up.reveal:hover > .hidden.content,
 
122
.ui.slide.up.reveal:focus > .hidden.content {
 
123
  top: 0% !important;
 
124
  left: 0% !important;
 
125
}
 
126
.ui.down.slide.reveal > .visible.content {
 
127
  top: auto !important;
 
128
  right: auto !important;
 
129
  bottom: auto !important;
 
130
  bottom: 0% !important;
 
131
}
 
132
.ui.down.slide.reveal > .hidden.content {
 
133
  top: auto !important;
 
134
  right: auto !important;
 
135
  bottom: 100% !important;
 
136
  left: 0% !important;
 
137
}
 
138
.ui.slide.down.reveal:hover > .visible.content,
 
139
.ui.slide.down.reveal:focus > .visible.content {
 
140
  left: 0% !important;
 
141
  bottom: -100% !important;
 
142
}
 
143
.ui.slide.down.reveal:hover > .hidden.content,
 
144
.ui.slide.down.reveal:focus > .hidden.content {
 
145
  left: 0% !important;
 
146
  bottom: 0% !important;
 
147
}
 
148
/*--------------
 
149
      Fade
 
150
---------------*/
 
151
.ui.fade.reveal > .hidden.content {
 
152
  -webkit-transition: opacity 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
 
153
  -moz-transition: opacity 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
 
154
  transition: opacity 0.8s cubic-bezier(0.175, 0.885, 0.32, 1) 0.15s;
 
155
}
 
156
.ui.fade.reveal > .hidden.content {
 
157
  z-index: 5 !important;
 
158
  opacity: 0;
 
159
}
 
160
.ui.fade.reveal:hover > .hidden.content {
 
161
  opacity: 1;
 
162
}
 
163
/*--------------
 
164
      Move
 
165
---------------*/
 
166
.ui.move.reveal > .visible.content,
 
167
.ui.move.left.reveal > .visible.content {
 
168
  left: auto !important;
 
169
  top: auto !important;
 
170
  bottom: auto !important;
 
171
  right: 0% !important;
 
172
}
 
173
.ui.move.reveal:hover > .visible.content,
 
174
.ui.move.left.reveal:hover > .visible.content,
 
175
.ui.move.reveal:focus > .visible.content,
 
176
.ui.move.left.reveal:focus > .visible.content {
 
177
  right: 100% !important;
 
178
}
 
179
.ui.move.right.reveal > .visible.content {
 
180
  right: auto !important;
 
181
  top: auto !important;
 
182
  bottom: auto !important;
 
183
  left: 0% !important;
 
184
}
 
185
.ui.move.right.reveal:hover > .visible.content,
 
186
.ui.move.right.reveal:focus > .visible.content {
 
187
  left: 100% !important;
 
188
}
 
189
.ui.move.up.reveal > .visible.content {
 
190
  right: auto !important;
 
191
  left: auto !important;
 
192
  top: auto !important;
 
193
  bottom: 0% !important;
 
194
}
 
195
.ui.move.up.reveal:hover > .visible.content,
 
196
.ui.move.up.reveal:focus > .visible.content {
 
197
  bottom: 100% !important;
 
198
}
 
199
.ui.move.down.reveal > .visible.content {
 
200
  right: auto !important;
 
201
  left: auto !important;
 
202
  top: 0% !important;
 
203
  bottom: auto !important;
 
204
}
 
205
.ui.move.down.reveal:hover > .visible.content,
 
206
.ui.move.down.reveal:focus > .visible.content {
 
207
  top: 100% !important;
 
208
}
 
209
/*--------------
 
210
     Rotate
 
211
---------------*/
 
212
.ui.rotate.reveal > .visible.content {
 
213
  -webkit-transition-duration: 0.8s;
 
214
  -moz-transition-duration: 0.8s;
 
215
  transition-duration: 0.8s;
 
216
  -webkit-transform: rotate(0deg);
 
217
  -moz-transform: rotate(0deg);
 
218
  -ms-transform: rotate(0deg);
 
219
  transform: rotate(0deg);
 
220
}
 
221
.ui.rotate.reveal > .visible.content,
 
222
.ui.rotate.right.reveal > .visible.content {
 
223
  -webkit-transform-origin: bottom right;
 
224
  -moz-transform-origin: bottom right;
 
225
  -ms-transform-origin: bottom right;
 
226
  transform-origin: bottom right;
 
227
}
 
228
.ui.rotate.reveal:hover > .visible.content,
 
229
.ui.rotate.right.reveal:hover > .visible.content,
 
230
.ui.rotate.reveal:focus > .visible.content,
 
231
.ui.rotate.right.reveal:focus > .visible.content {
 
232
  -webkit-transform: rotate(110deg);
 
233
  -moz-transform: rotate(110deg);
 
234
  -ms-transform: rotate(110deg);
 
235
  transform: rotate(110deg);
 
236
}
 
237
.ui.rotate.left.reveal > .visible.content {
 
238
  -webkit-transform-origin: bottom left;
 
239
  -moz-transform-origin: bottom left;
 
240
  -ms-transform-origin: bottom left;
 
241
  transform-origin: bottom left;
 
242
}
 
243
.ui.rotate.left.reveal:hover > .visible.content,
 
244
.ui.rotate.left.reveal:focus > .visible.content {
 
245
  -webkit-transform: rotate(-110deg);
 
246
  -moz-transform: rotate(-110deg);
 
247
  -ms-transform: rotate(-110deg);
 
248
  transform: rotate(-110deg);
 
249
}
 
250
/*******************************
 
251
              States
 
252
*******************************/
 
253
.ui.disabled.reveal {
 
254
  opacity: 1 !important;
 
255
}
 
256
.ui.disabled.reveal > .content {
 
257
  -webkit-transition: none !important;
 
258
  -moz-transition: none !important;
 
259
  transition: none !important;
 
260
}
 
261
.ui.disabled.reveal:hover > .visible.content,
 
262
.ui.disabled.reveal:focus > .visible.content {
 
263
  position: static !important;
 
264
  display: block !important;
 
265
  opacity: 1 !important;
 
266
  top: 0 !important;
 
267
  left: 0 !important;
 
268
  right: auto !important;
 
269
  bottom: auto !important;
 
270
  -webkit-transform: none !important;
 
271
     -moz-transform: none !important;
 
272
      -ms-transform: none !important;
 
273
          transform: none !important;
 
274
}
 
275
.ui.disabled.reveal:hover > .hidden.content,
 
276
.ui.disabled.reveal:focus > .hidden.content {
 
277
  display: none !important;
 
278
}
 
279
/*******************************
 
280
           Variations
 
281
*******************************/
 
282
/*--------------
 
283
     Masked
 
284
---------------*/
 
285
.ui.masked.reveal {
 
286
  overflow: hidden;
 
287
}
 
288
/*--------------
 
289
     Instant
 
290
---------------*/
 
291
.ui.instant.reveal > .content {
 
292
  -webkit-transition-delay: 0s !important;
 
293
  -moz-transition-delay: 0s !important;
 
294
  transition-delay: 0s !important;
 
295
}