|
1 | 1 | /*!
|
2 |
| - * # Semantic UI 2.4.1 - Reveal |
| 2 | + * # Semantic UI 2.5.0 - Reveal |
3 | 3 | * http://github.com/semantic-org/semantic-ui/
|
4 | 4 | *
|
5 | 5 | *
|
|
23 | 23 | top: 0em !important;
|
24 | 24 | left: 0em !important;
|
25 | 25 | z-index: 3 !important;
|
26 |
| - -webkit-transition: all 0.5s ease 0.1s; |
27 | 26 | transition: all 0.5s ease 0.1s;
|
28 | 27 | }
|
29 | 28 | .ui.reveal > .hidden.content {
|
|
58 | 57 | white-space: normal;
|
59 | 58 | float: left;
|
60 | 59 | margin: 0em;
|
61 |
| - -webkit-transition: -webkit-transform 0.5s ease 0.1s; |
62 |
| - transition: -webkit-transform 0.5s ease 0.1s; |
63 | 60 | transition: transform 0.5s ease 0.1s;
|
64 |
| - transition: transform 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s; |
65 | 61 | }
|
66 | 62 | .ui.slide.reveal > .visible.content {
|
67 | 63 | position: relative !important;
|
|
70 | 66 | position: absolute !important;
|
71 | 67 | left: 0% !important;
|
72 | 68 | width: 100% !important;
|
73 |
| - -webkit-transform: translateX(100%) !important; |
74 |
| - transform: translateX(100%) !important; |
| 69 | + transform: translateX(100%) !important; |
75 | 70 | }
|
76 | 71 | .ui.slide.active.reveal > .visible.content,
|
77 | 72 | .ui.slide.reveal:hover > .visible.content {
|
78 |
| - -webkit-transform: translateX(-100%) !important; |
79 |
| - transform: translateX(-100%) !important; |
| 73 | + transform: translateX(-100%) !important; |
80 | 74 | }
|
81 | 75 | .ui.slide.active.reveal > .hidden.content,
|
82 | 76 | .ui.slide.reveal:hover > .hidden.content {
|
83 |
| - -webkit-transform: translateX(0%) !important; |
84 |
| - transform: translateX(0%) !important; |
| 77 | + transform: translateX(0%) !important; |
85 | 78 | }
|
86 | 79 | .ui.slide.right.reveal > .visible.content {
|
87 |
| - -webkit-transform: translateX(0%) !important; |
88 |
| - transform: translateX(0%) !important; |
| 80 | + transform: translateX(0%) !important; |
89 | 81 | }
|
90 | 82 | .ui.slide.right.reveal > .hidden.content {
|
91 |
| - -webkit-transform: translateX(-100%) !important; |
92 |
| - transform: translateX(-100%) !important; |
| 83 | + transform: translateX(-100%) !important; |
93 | 84 | }
|
94 | 85 | .ui.slide.right.active.reveal > .visible.content,
|
95 | 86 | .ui.slide.right.reveal:hover > .visible.content {
|
96 |
| - -webkit-transform: translateX(100%) !important; |
97 |
| - transform: translateX(100%) !important; |
| 87 | + transform: translateX(100%) !important; |
98 | 88 | }
|
99 | 89 | .ui.slide.right.active.reveal > .hidden.content,
|
100 | 90 | .ui.slide.right.reveal:hover > .hidden.content {
|
101 |
| - -webkit-transform: translateX(0%) !important; |
102 |
| - transform: translateX(0%) !important; |
| 91 | + transform: translateX(0%) !important; |
103 | 92 | }
|
104 | 93 | .ui.slide.up.reveal > .hidden.content {
|
105 |
| - -webkit-transform: translateY(100%) !important; |
106 |
| - transform: translateY(100%) !important; |
| 94 | + transform: translateY(100%) !important; |
107 | 95 | }
|
108 | 96 | .ui.slide.up.active.reveal > .visible.content,
|
109 | 97 | .ui.slide.up.reveal:hover > .visible.content {
|
110 |
| - -webkit-transform: translateY(-100%) !important; |
111 |
| - transform: translateY(-100%) !important; |
| 98 | + transform: translateY(-100%) !important; |
112 | 99 | }
|
113 | 100 | .ui.slide.up.active.reveal > .hidden.content,
|
114 | 101 | .ui.slide.up.reveal:hover > .hidden.content {
|
115 |
| - -webkit-transform: translateY(0%) !important; |
116 |
| - transform: translateY(0%) !important; |
| 102 | + transform: translateY(0%) !important; |
117 | 103 | }
|
118 | 104 | .ui.slide.down.reveal > .hidden.content {
|
119 |
| - -webkit-transform: translateY(-100%) !important; |
120 |
| - transform: translateY(-100%) !important; |
| 105 | + transform: translateY(-100%) !important; |
121 | 106 | }
|
122 | 107 | .ui.slide.down.active.reveal > .visible.content,
|
123 | 108 | .ui.slide.down.reveal:hover > .visible.content {
|
124 |
| - -webkit-transform: translateY(100%) !important; |
125 |
| - transform: translateY(100%) !important; |
| 109 | + transform: translateY(100%) !important; |
126 | 110 | }
|
127 | 111 | .ui.slide.down.active.reveal > .hidden.content,
|
128 | 112 | .ui.slide.down.reveal:hover > .hidden.content {
|
129 |
| - -webkit-transform: translateY(0%) !important; |
130 |
| - transform: translateY(0%) !important; |
| 113 | + transform: translateY(0%) !important; |
131 | 114 | }
|
132 | 115 |
|
133 | 116 | /*--------------
|
|
156 | 139 | float: left;
|
157 | 140 | white-space: normal;
|
158 | 141 | margin: 0em;
|
159 |
| - -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; |
160 |
| - transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; |
161 | 142 | transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
|
162 |
| - transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; |
163 | 143 | }
|
164 | 144 | .ui.move.reveal > .visible.content {
|
165 | 145 | position: relative !important;
|
|
171 | 151 | }
|
172 | 152 | .ui.move.active.reveal > .visible.content,
|
173 | 153 | .ui.move.reveal:hover > .visible.content {
|
174 |
| - -webkit-transform: translateX(-100%) !important; |
175 |
| - transform: translateX(-100%) !important; |
| 154 | + transform: translateX(-100%) !important; |
176 | 155 | }
|
177 | 156 | .ui.move.right.active.reveal > .visible.content,
|
178 | 157 | .ui.move.right.reveal:hover > .visible.content {
|
179 |
| - -webkit-transform: translateX(100%) !important; |
180 |
| - transform: translateX(100%) !important; |
| 158 | + transform: translateX(100%) !important; |
181 | 159 | }
|
182 | 160 | .ui.move.up.active.reveal > .visible.content,
|
183 | 161 | .ui.move.up.reveal:hover > .visible.content {
|
184 |
| - -webkit-transform: translateY(-100%) !important; |
185 |
| - transform: translateY(-100%) !important; |
| 162 | + transform: translateY(-100%) !important; |
186 | 163 | }
|
187 | 164 | .ui.move.down.active.reveal > .visible.content,
|
188 | 165 | .ui.move.down.reveal:hover > .visible.content {
|
189 |
| - -webkit-transform: translateY(100%) !important; |
190 |
| - transform: translateY(100%) !important; |
| 166 | + transform: translateY(100%) !important; |
191 | 167 | }
|
192 | 168 |
|
193 | 169 | /*--------------
|
194 | 170 | Rotate
|
195 | 171 | ---------------*/
|
196 | 172 |
|
197 | 173 | .ui.rotate.reveal > .visible.content {
|
198 |
| - -webkit-transition-duration: 0.5s; |
199 |
| - transition-duration: 0.5s; |
200 |
| - -webkit-transform: rotate(0deg); |
201 |
| - transform: rotate(0deg); |
| 174 | + transition-duration: 0.5s; |
| 175 | + transform: rotate(0deg); |
202 | 176 | }
|
203 | 177 | .ui.rotate.reveal > .visible.content,
|
204 | 178 | .ui.rotate.right.reveal > .visible.content {
|
205 |
| - -webkit-transform-origin: bottom right; |
206 |
| - transform-origin: bottom right; |
| 179 | + transform-origin: bottom right; |
207 | 180 | }
|
208 | 181 | .ui.rotate.active.reveal > .visible.content,
|
209 | 182 | .ui.rotate.reveal:hover > .visible.content,
|
210 | 183 | .ui.rotate.right.active.reveal > .visible.content,
|
211 | 184 | .ui.rotate.right.reveal:hover > .visible.content {
|
212 |
| - -webkit-transform: rotate(110deg); |
213 |
| - transform: rotate(110deg); |
| 185 | + transform: rotate(110deg); |
214 | 186 | }
|
215 | 187 | .ui.rotate.left.reveal > .visible.content {
|
216 |
| - -webkit-transform-origin: bottom left; |
217 |
| - transform-origin: bottom left; |
| 188 | + transform-origin: bottom left; |
218 | 189 | }
|
219 | 190 | .ui.rotate.left.active.reveal > .visible.content,
|
220 | 191 | .ui.rotate.left.reveal:hover > .visible.content {
|
221 |
| - -webkit-transform: rotate(-110deg); |
222 |
| - transform: rotate(-110deg); |
| 192 | + transform: rotate(-110deg); |
223 | 193 | }
|
224 | 194 |
|
225 | 195 |
|
|
235 | 205 | left: 0 !important;
|
236 | 206 | right: auto !important;
|
237 | 207 | bottom: auto !important;
|
238 |
| - -webkit-transform: none !important; |
239 |
| - transform: none !important; |
| 208 | + transform: none !important; |
240 | 209 | }
|
241 | 210 | .ui.disabled.reveal:hover > .hidden.hidden.content {
|
242 | 211 | display: none !important;
|
|
270 | 239 | ---------------*/
|
271 | 240 |
|
272 | 241 | .ui.instant.reveal > .content {
|
273 |
| - -webkit-transition-delay: 0s !important; |
274 |
| - transition-delay: 0s !important; |
| 242 | + transition-delay: 0s !important; |
275 | 243 | }
|
276 | 244 |
|
277 | 245 | /*--------------
|
|
0 commit comments