mui-rails 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,10 @@
1
+ /*!
2
+ * =====================================================
3
+ * Ratchet v2.0.2 (http://goratchet.com)
4
+ * Copyright 2014 Connor Sears
5
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
6
+ *
7
+ * v2.0.2 designed by @connors.
8
+ * =====================================================
9
+ */
10
+ !function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},b=function(b){var c=a(b.target);return c&&c.hash?document.querySelector(c.hash):void 0};window.addEventListener("touchend",function(a){var c=b(a);c&&(c&&c.classList.contains("modal")&&c.classList.toggle("active"),a.preventDefault())})}(),!function(){"use strict";var a,b=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},c=function(){a.style.display="none",a.removeEventListener("webkitTransitionEnd",c)},d=function(){var b=document.createElement("div");return b.classList.add("backdrop"),b.addEventListener("touchend",function(){a.addEventListener("webkitTransitionEnd",c),a.classList.remove("visible"),a.parentNode.removeChild(d)}),b}(),e=function(c){var d=b(c.target);if(d&&d.hash&&!(d.hash.indexOf("/")>0)){try{a=document.querySelector(d.hash)}catch(e){a=null}if(null!==a&&a&&a.classList.contains("popover"))return a}},f=function(a){var b=e(a);b&&(b.style.display="block",b.offsetHeight,b.classList.add("visible"),b.parentNode.appendChild(d))};window.addEventListener("touchend",f)}(),!function(){"use strict";function a(){f[p.id]=document.body.cloneNode(!0)}var b,c=function(){},d=20,e=sessionStorage,f={},g={"slide-in":"slide-out","slide-out":"slide-in",fade:"fade"},h={bartab:".bar-tab",barnav:".bar-nav",barfooter:".bar-footer",barheadersecondary:".bar-header-secondary"},i=function(a,b){p.id=a.id,b&&(a=l(a.id)),e[a.id]=JSON.stringify(a),window.history.replaceState(a.id,a.title,a.url)},j=function(){var a=p.id,b=JSON.parse(e.cacheForwardStack||"[]"),c=JSON.parse(e.cacheBackStack||"[]");for(c.push(a);b.length;)delete e[b.shift()];for(;c.length>d;)delete e[c.shift()];window.history.pushState(null,"",l(p.id).url),e.cacheForwardStack=JSON.stringify(b),e.cacheBackStack=JSON.stringify(c)},k=function(a,b){var c="forward"===b,d=JSON.parse(e.cacheForwardStack||"[]"),f=JSON.parse(e.cacheBackStack||"[]"),g=c?f:d,h=c?d:f;p.id&&g.push(p.id),h.pop(),e.cacheForwardStack=JSON.stringify(d),e.cacheBackStack=JSON.stringify(f)},l=function(a){return JSON.parse(e[a]||null)||{}},m=function(a){var c=u(a.target);if(!(!c||a.which>1||a.metaKey||a.ctrlKey||b||location.protocol!==c.protocol||location.host!==c.host||!c.hash&&/#/.test(c.href)||c.hash&&c.href.replace(c.hash,"")===location.href.replace(location.hash,"")||"push"===c.getAttribute("data-ignore")))return c},n=function(a){var b=m(a);b&&(a.preventDefault(),p({url:b.href,hash:b.hash,timeout:b.getAttribute("data-timeout"),transition:b.getAttribute("data-transition")}))},o=function(a){var b,c,d,i,j,m,n,o,q=a.state;if(q&&e[q]){if(j=p.id<q?"forward":"back",k(q,j),d=l(q),i=f[q],d.title&&(document.title=d.title),"back"===j?(n=JSON.parse("back"===j?e.cacheForwardStack:e.cacheBackStack),o=l(n[n.length-1])):o=d,"back"===j&&!o.id)return p.id=q;if(m="back"===j?g[o.transition]:o.transition,!i)return p({id:d.id,url:d.url,title:d.title,timeout:d.timeout,transition:m,ignorePush:!0});if(o.transition){d=w(d,".content",i.cloneNode(!0));for(b in h)h.hasOwnProperty(b)&&(c=document.querySelector(h[b]),d[b]?s(d[b],c):c&&c.parentNode.removeChild(c))}s((d.contents||i).cloneNode(!0),document.querySelector(".content"),m,function(){t()}),p.id=q,document.body.offsetHeight}},p=function(b){var d,e=p.xhr;b.container=b.container||b.transition?document.querySelector(".content"):document.body;for(d in h)h.hasOwnProperty(d)&&(b[d]=b[d]||document.querySelector(h[d]));e&&e.readyState<4&&(e.onreadystatechange=c,e.abort()),e=new XMLHttpRequest,e.open("GET",b.url,!0),e.setRequestHeader("X-PUSH","true"),e.onreadystatechange=function(){b._timeout&&clearTimeout(b._timeout),4===e.readyState&&(200===e.status?q(e,b):r(b.url))},p.id||i({id:+new Date,url:window.location.href,title:document.title,timeout:b.timeout,transition:b.transition}),a(),b.timeout&&(b._timeout=setTimeout(function(){e.abort("timeout")},b.timeout)),e.send(),e.readyState&&!b.ignorePush&&j()},q=function(a,b){var c,d,e=x(a,b);if(!e.contents)return v(b.url);if(e.title&&(document.title=e.title),b.transition)for(c in h)h.hasOwnProperty(c)&&(d=document.querySelector(h[c]),e[c]?s(e[c],d):d&&d.parentNode.removeChild(d));s(e.contents,b.container,b.transition,function(){i({id:b.id||+new Date,url:e.url,title:e.title,timeout:b.timeout,transition:b.transition},b.id),t()}),!b.ignorePush&&window._gaq&&_gaq.push(["_trackPageview"]),!b.hash},r=function(a){throw new Error("Could not get: "+a)},s=function(a,b,c,d){var e,f,g;if(c?(e=/in$/.test(c),"fade"===c&&(b.classList.add("in"),b.classList.add("fade"),a.classList.add("fade")),/slide/.test(c)&&(a.classList.add("sliding-in",e?"right":"left"),a.classList.add("sliding"),b.classList.add("sliding")),b.parentNode.insertBefore(a,b)):b?b.innerHTML=a.innerHTML:a.classList.contains("content")?document.body.appendChild(a):document.body.insertBefore(a,document.querySelector(".content")),c||d&&d(),"fade"===c){b.offsetWidth,b.classList.remove("in");var h=function(){b.removeEventListener("webkitTransitionEnd",h),a.classList.add("in"),a.addEventListener("webkitTransitionEnd",i)},i=function(){a.removeEventListener("webkitTransitionEnd",i),b.parentNode.removeChild(b),a.classList.remove("fade"),a.classList.remove("in"),d&&d()};b.addEventListener("webkitTransitionEnd",h)}if(/slide/.test(c)){var j=function(){a.removeEventListener("webkitTransitionEnd",j),a.classList.remove("sliding","sliding-in"),a.classList.remove(g),b.parentNode.removeChild(b),d&&d()};b.offsetWidth,g=e?"right":"left",f=e?"left":"right",b.classList.add(f),a.classList.remove(g),a.addEventListener("webkitTransitionEnd",j)}},t=function(){var a=new CustomEvent("push",{detail:{state:l(p.id)},bubbles:!0,cancelable:!0});window.dispatchEvent(a)},u=function(a){for(var b,c=document.querySelectorAll("a");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},v=function(a){window.history.replaceState(null,"","#"),window.location.replace(a)},w=function(a,b,c){var d,e={};for(d in a)a.hasOwnProperty(d)&&(e[d]=a[d]);return Object.keys(h).forEach(function(a){var b=c.querySelector(h[a]);b&&b.parentNode.removeChild(b),e[a]=b}),e.contents=c.querySelector(b),e},x=function(a,b){var c,d,e={},f=a.responseText;if(e.url=b.url,!f)return e;/<html/i.test(f)?(c=document.createElement("div"),d=document.createElement("div"),c.innerHTML=f.match(/<head[^>]*>([\s\S.]*)<\/head>/i)[0],d.innerHTML=f.match(/<body[^>]*>([\s\S.]*)<\/body>/i)[0]):(c=d=document.createElement("div"),c.innerHTML=f),e.title=c.querySelector("title");var g="innerText"in e.title?"innerText":"textContent";return e.title=e.title&&e.title[g].trim(),b.transition?e=w(e,".content",d):e.contents=d,e};window.addEventListener("touchstart",function(){b=!1}),window.addEventListener("touchmove",function(){b=!0}),window.addEventListener("touchend",n),window.addEventListener("click",function(a){m(a)&&a.preventDefault()}),window.addEventListener("popstate",o),window.PUSH=p}(),!function(){"use strict";var a=function(a){for(var b,c=document.querySelectorAll(".segmented-control .control-item");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchend",function(b){var c,d,e,f=a(b.target),g="active",h="."+g;if(f&&(c=f.parentNode.querySelector(h),c&&c.classList.remove(g),f.classList.add(g),f.hash&&(e=document.querySelector(f.hash)))){d=e.parentNode.querySelectorAll(h);for(var i=0;i<d.length;i++)d[i].classList.remove(g);e.classList.add(g)}}),window.addEventListener("click",function(b){a(b.target)&&b.preventDefault()})}(),!function(){"use strict";var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o=function(a){for(var b,c=document.querySelectorAll(".slider > .slide-group");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a},p=function(){if("webkitTransform"in c.style){var a=c.style.webkitTransform.match(/translate3d\(([^,]*)/),b=a?a[1]:0;return parseInt(b,10)}},q=function(a){var b=a?0>d?"ceil":"floor":"round";k=Math[b](p()/(m/c.children.length)),k+=a,k=Math.min(k,0),k=Math.max(-(c.children.length-1),k)},r=function(f){if(c=o(f.target)){var k=c.querySelector(".slide");m=k.offsetWidth*c.children.length,l=void 0,j=c.offsetWidth,i=1,g=-(c.children.length-1),h=+new Date,a=f.touches[0].pageX,b=f.touches[0].pageY,d=0,e=0,q(0),c.style["-webkit-transition-duration"]=0}},s=function(h){h.touches.length>1||!c||(n||(a+=h.touches[0].pageX-a-1),d=h.touches[0].pageX-a,e=h.touches[0].pageY-b,a=h.touches[0].pageX,b=h.touches[0].pageY,"undefined"==typeof l&&n&&(l=Math.abs(e)>Math.abs(d)),l||(f=d/i+p(),h.preventDefault(),i=0===k&&d>0?a/j+1.25:k===g&&0>d?Math.abs(a)/j+1.25:1,c.style.webkitTransform="translate3d("+f+"px,0,0)",n=!0))},t=function(a){c&&!l&&(n=!1,q(+new Date-h<1e3&&Math.abs(d)>15?0>d?-1:1:0),f=k*j,c.style["-webkit-transition-duration"]=".2s",c.style.webkitTransform="translate3d("+f+"px,0,0)",a=new CustomEvent("slide",{detail:{slideNumber:Math.abs(k)},bubbles:!0,cancelable:!0}),c.parentNode.dispatchEvent(a))};window.addEventListener("touchstart",r),window.addEventListener("touchmove",s),window.addEventListener("touchend",t)}(),!function(){"use strict";var a={},b=!1,c=!1,d=!1,e=function(a){for(var b,c=document.querySelectorAll(".toggle");a&&a!==document;a=a.parentNode)for(b=c.length;b--;)if(c[b]===a)return a};window.addEventListener("touchstart",function(c){if(c=c.originalEvent||c,d=e(c.target)){var f=d.querySelector(".toggle-handle"),g=d.clientWidth,h=f.clientWidth,i=d.classList.contains("active")?g-h:0;a={pageX:c.touches[0].pageX-i,pageY:c.touches[0].pageY},b=!1}}),window.addEventListener("touchmove",function(e){if(e=e.originalEvent||e,!(e.touches.length>1)&&d){var f=d.querySelector(".toggle-handle"),g=e.touches[0],h=d.clientWidth,i=f.clientWidth,j=h-i;if(b=!0,c=g.pageX-a.pageX,!(Math.abs(c)<Math.abs(g.pageY-a.pageY))){if(e.preventDefault(),0>c)return f.style.webkitTransform="translate3d(0,0,0)";if(c>j)return f.style.webkitTransform="translate3d("+j+"px,0,0)";f.style.webkitTransform="translate3d("+c+"px,0,0)",d.classList[c>h/2-i/2?"add":"remove"]("active")}}}),window.addEventListener("touchend",function(a){if(d){var e=d.querySelector(".toggle-handle"),f=d.clientWidth,g=e.clientWidth,h=f-g,i=!b&&!d.classList.contains("active")||b&&c>f/2-g/2;e.style.webkitTransform=i?"translate3d("+h+"px,0,0)":"translate3d(0,0,0)",d.classList[i?"add":"remove"]("active"),a=new CustomEvent("toggle",{detail:{isActive:i},bubbles:!0,cancelable:!0}),d.dispatchEvent(a),b=!1,d=!1}})}();
@@ -0,0 +1,622 @@
1
+ /*!
2
+ * =====================================================
3
+ * Ratchet v2.0.2 (http://goratchet.com)
4
+ * Copyright 2014 Connor Sears
5
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
6
+ *
7
+ * v2.0.2 designed by @connors.
8
+ * =====================================================
9
+ */
10
+
11
+ body {
12
+ font-family: "Roboto", sans-serif;
13
+ font-size: 18px;
14
+ line-height: 22px;
15
+ color: #222;
16
+ }
17
+
18
+ a {
19
+ color: #33b5e5;
20
+ }
21
+ a:active {
22
+ color: #1a9bcb;
23
+ }
24
+
25
+ .content {
26
+ background-color: #f2f2f2;
27
+ }
28
+
29
+ .bar-nav ~ .content {
30
+ padding-top: 50px;
31
+ }
32
+
33
+ .bar-header-secondary ~ .content {
34
+ padding-top: 100px;
35
+ }
36
+
37
+ .bar-tab ~ .content {
38
+ padding-top: 50px;
39
+ padding-bottom: 0;
40
+ }
41
+
42
+ .bar-footer ~ .content {
43
+ padding-bottom: 50px;
44
+ }
45
+
46
+ .bar-footer-secondary ~ .content {
47
+ padding-bottom: 100px;
48
+ }
49
+
50
+ .btn {
51
+ padding: 8px 15px;
52
+ font-size: 14px;
53
+ color: #222;
54
+ background-color: #cecece;
55
+ border: 0;
56
+ border-radius: 2px;
57
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .25);
58
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .25);
59
+ }
60
+ .btn:active, .btn.active {
61
+ color: #222;
62
+ background-color: #999;
63
+ border: 0;
64
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
65
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
66
+ }
67
+
68
+ .btn-primary {
69
+ color: #fff;
70
+ background-color: #33b5e5;
71
+ border: 0;
72
+ }
73
+ .btn-primary:active, .btn-primary.active {
74
+ color: #fff;
75
+ background-color: #1a9bcb;
76
+ border: 0;
77
+ }
78
+
79
+ .btn-positive {
80
+ color: #fff;
81
+ background-color: #9c0;
82
+ border: 0;
83
+ }
84
+ .btn-positive:active, .btn-positive.active {
85
+ color: #fff;
86
+ background-color: #739900;
87
+ border: 0;
88
+ }
89
+
90
+ .btn-negative {
91
+ color: #fff;
92
+ background-color: #f44;
93
+ border: 0;
94
+ }
95
+ .btn-negative:active, .btn-negative.active {
96
+ color: #fff;
97
+ background-color: #f11;
98
+ border: 0;
99
+ }
100
+
101
+ .btn-outlined {
102
+ background-color: transparent;
103
+ border: 1px solid #999;
104
+ -webkit-box-shadow: none;
105
+ box-shadow: none;
106
+ }
107
+ .btn-outlined.btn-primary {
108
+ color: #33b5e5;
109
+ border: 1px solid #33b5e5;
110
+ }
111
+ .btn-outlined.btn-primary:active {
112
+ background-color: #33b5e5;
113
+ border: 1px solid #33b5e5;
114
+ }
115
+ .btn-outlined.btn-positive {
116
+ color: #9c0;
117
+ border: 1px solid #9c0;
118
+ }
119
+ .btn-outlined.btn-positive:active {
120
+ background-color: #9c0;
121
+ border: 1px solid #9c0;
122
+ }
123
+ .btn-outlined.btn-negative {
124
+ color: #f44;
125
+ border: 1px solid #f44;
126
+ }
127
+ .btn-outlined.btn-negative:active {
128
+ background-color: #f44;
129
+ border: 1px solid #f44;
130
+ }
131
+ .btn-outlined:active {
132
+ background-color: #999;
133
+ border: 1px solid #999;
134
+ -webkit-box-shadow: none;
135
+ box-shadow: none;
136
+ }
137
+ .btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active {
138
+ color: #fff;
139
+ -webkit-box-shadow: none;
140
+ box-shadow: none;
141
+ }
142
+
143
+ .btn-link {
144
+ color: #33b5e5;
145
+ background-color: transparent;
146
+ border: none;
147
+ -webkit-box-shadow: none;
148
+ box-shadow: none;
149
+ }
150
+ .btn-link:active, .btn-link.active {
151
+ color: #1a9bcb;
152
+ background-color: transparent;
153
+ -webkit-box-shadow: none;
154
+ box-shadow: none;
155
+ }
156
+
157
+ .btn-block {
158
+ padding: 15px 0;
159
+ font-size: 18px;
160
+ }
161
+
162
+ .btn .badge {
163
+ background-color: rgba(0, 0, 0, .15);
164
+ }
165
+ .btn .badge.badge-inverted {
166
+ background-color: transparent;
167
+ }
168
+ .btn:active .badge {
169
+ color: #fff;
170
+ }
171
+
172
+ .bar {
173
+ height: 50px;
174
+ background-color: #ddd;
175
+ border-bottom: 1px solid #b1b1b1;
176
+ -webkit-box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, .07);
177
+ box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, .07);
178
+ }
179
+ .bar.bar-header-secondary {
180
+ top: 50px;
181
+ }
182
+ .bar.bar-footer-secondary {
183
+ bottom: 50px;
184
+ }
185
+ .bar.bar-footer-secondary-tab {
186
+ bottom: 50px;
187
+ }
188
+ .bar .bar-footer,
189
+ .bar .bar-footer-secondary,
190
+ .bar .bar-footer-secondary-tab {
191
+ border-top: 1px solid #b1b1b1;
192
+ border-bottom: 0;
193
+ -webkit-box-shadow: inset 0 -2px 0 #33b5e5;
194
+ box-shadow: inset 0 -2px 0 #33b5e5;
195
+ }
196
+
197
+ .bar-tab {
198
+ top: 0;
199
+ bottom: auto;
200
+ height: 50px;
201
+ border-top: 0;
202
+ }
203
+ .bar-tab .tab-item {
204
+ color: #929292;
205
+ }
206
+ .bar-tab .tab-item.active {
207
+ color: #33b5e5;
208
+ -webkit-box-shadow: inset 0 -2px 0 #33b5e5;
209
+ box-shadow: inset 0 -2px 0 #33b5e5;
210
+ }
211
+ .bar-tab .tab-item:active {
212
+ color: #929292;
213
+ background-color: #78c6e3;
214
+ }
215
+ .bar-tab .tab-item .icon {
216
+ top: 3px;
217
+ padding-top: 0;
218
+ padding-bottom: 0;
219
+ }
220
+
221
+ .title {
222
+ position: static;
223
+ padding-left: 15px;
224
+ font-size: 18px;
225
+ line-height: 49px;
226
+ text-align: left;
227
+ }
228
+
229
+ .bar .btn {
230
+ top: 7px;
231
+ padding-top: 10px;
232
+ padding-bottom: 10px;
233
+ }
234
+ .bar .btn-link {
235
+ top: 0;
236
+ padding: 0;
237
+ font-size: 18px;
238
+ line-height: 49px;
239
+ color: #33b5e5;
240
+ }
241
+ .bar .btn-link:active, .bar .btn-link.active {
242
+ color: #1a9bcb;
243
+ }
244
+ .bar .btn-link .icon {
245
+ top: 2px;
246
+ padding: 0;
247
+ }
248
+ .bar .btn-block {
249
+ top: 4px;
250
+ }
251
+
252
+ .bar .segmented-control {
253
+ top: 7px;
254
+ }
255
+
256
+ .bar .icon {
257
+ padding-top: 13px;
258
+ padding-bottom: 13px;
259
+ }
260
+ .bar .title .icon {
261
+ padding: 0;
262
+ }
263
+ .bar .title .icon.icon-caret {
264
+ top: 10px;
265
+ color: #777;
266
+ }
267
+
268
+ .bar input[type="search"] {
269
+ height: 35px;
270
+ }
271
+
272
+ .badge.badge-inverted {
273
+ color: #999;
274
+ background-color: transparent;
275
+ }
276
+
277
+ .badge-primary {
278
+ color: #fff;
279
+ background-color: #33b5e5;
280
+ }
281
+ .badge-primary.badge-inverted {
282
+ color: #33b5e5;
283
+ background-color: transparent;
284
+ }
285
+
286
+ .badge-positive {
287
+ color: #fff;
288
+ background-color: #9c0;
289
+ }
290
+ .badge-positive.badge-inverted {
291
+ color: #9c0;
292
+ background-color: transparent;
293
+ }
294
+
295
+ .badge-negative {
296
+ color: #fff;
297
+ background-color: #f44;
298
+ }
299
+ .badge-negative.badge-inverted {
300
+ color: #f44;
301
+ background-color: transparent;
302
+ }
303
+
304
+ .card {
305
+ background-color: transparent;
306
+ border-color: #d9d9d9;
307
+ border-radius: 2px;
308
+ }
309
+
310
+ .table-view {
311
+ background-color: transparent;
312
+ }
313
+ .table-view .table-view-cell {
314
+ border-bottom: 1px solid #d9d9d9;
315
+ }
316
+ .table-view .table-view-cell:last-child {
317
+ background-image: none;
318
+ }
319
+ .table-view .table-view-cell > a:not(.btn):active {
320
+ color: inherit;
321
+ background-color: #e0e0e0;
322
+ }
323
+ .table-view .table-view-cell > a:not(.btn):active .icon {
324
+ color: #fff;
325
+ }
326
+ .table-view .table-view-divider {
327
+ padding-top: 25px;
328
+ font-size: 12px;
329
+ font-weight: bold;
330
+ text-transform: uppercase;
331
+ background-color: transparent;
332
+ border-top: 0;
333
+ border-bottom: 2px solid #a9a9a9;
334
+ }
335
+
336
+ .table-view-cell .navigate-left > .btn,
337
+ .table-view-cell .navigate-left > .badge,
338
+ .table-view-cell .navigate-left > .toggle,
339
+ .table-view-cell .navigate-right > .btn,
340
+ .table-view-cell .navigate-right > .badge,
341
+ .table-view-cell .navigate-right > .toggle,
342
+ .table-view-cell .push-left > .btn,
343
+ .table-view-cell .push-left > .badge,
344
+ .table-view-cell .push-left > .toggle,
345
+ .table-view-cell .push-right > .btn,
346
+ .table-view-cell .push-right > .badge,
347
+ .table-view-cell .push-right > .toggle,
348
+ .table-view-cell > a .navigate-left > .btn,
349
+ .table-view-cell > a .navigate-left > .badge,
350
+ .table-view-cell > a .navigate-left > .toggle,
351
+ .table-view-cell > a .navigate-right > .btn,
352
+ .table-view-cell > a .navigate-right > .badge,
353
+ .table-view-cell > a .navigate-right > .toggle,
354
+ .table-view-cell > a .push-left > .btn,
355
+ .table-view-cell > a .push-left > .badge,
356
+ .table-view-cell > a .push-left > .toggle,
357
+ .table-view-cell > a .push-right > .btn,
358
+ .table-view-cell > a .push-right > .badge,
359
+ .table-view-cell > a .push-right > .toggle {
360
+ right: 15px;
361
+ }
362
+
363
+ select,
364
+ textarea,
365
+ input[type="text"],
366
+ input[type="search"],
367
+ input[type="password"],
368
+ input[type="datetime"],
369
+ input[type="datetime-local"],
370
+ input[type="date"],
371
+ input[type="month"],
372
+ input[type="time"],
373
+ input[type="week"],
374
+ input[type="number"],
375
+ input[type="email"],
376
+ input[type="url"],
377
+ input[type="tel"],
378
+ input[type="color"],
379
+ .input-group {
380
+ height: 40px;
381
+ padding: 10px 15px;
382
+ border: 1px solid rgba(0, 0, 0, .2);
383
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
384
+ box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
385
+ }
386
+
387
+ input[type="search"] {
388
+ border-radius: 2px;
389
+ }
390
+
391
+ select,
392
+ textarea,
393
+ .input-group {
394
+ height: auto;
395
+ }
396
+
397
+ .input-group {
398
+ padding: 0;
399
+ border: 0;
400
+ }
401
+
402
+ .input-group input {
403
+ border: 0;
404
+ border-bottom: 1px solid #d9d9d9;
405
+ -webkit-box-shadow: none;
406
+ box-shadow: none;
407
+ }
408
+
409
+ .input-group input:last-child {
410
+ background-image: none;
411
+ }
412
+
413
+ .input-row {
414
+ height: 40px;
415
+ border-bottom: 1px solid #d9d9d9;
416
+ }
417
+
418
+ .input-row label {
419
+ padding-top: 10px;
420
+ padding-bottom: 10px;
421
+ }
422
+
423
+ .input-row label + input {
424
+ background-image: none;
425
+ border-bottom: 0;
426
+ }
427
+
428
+ .segmented-control {
429
+ font-size: 14px;
430
+ background-color: #cecece;
431
+ border: 0;
432
+ border-radius: 2px;
433
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
434
+ box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
435
+ }
436
+ .segmented-control .control-item {
437
+ padding-top: 10px;
438
+ padding-bottom: 10px;
439
+ color: #222;
440
+ border-left: 1px solid #999;
441
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
442
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
443
+ }
444
+ .segmented-control .control-item:first-child {
445
+ border-left-width: 0;
446
+ }
447
+ .segmented-control .control-item:active, .segmented-control .control-item.active {
448
+ background-color: #999;
449
+ }
450
+
451
+ .segmented-control-primary {
452
+ border: 0;
453
+ }
454
+ .segmented-control-primary .control-item {
455
+ color: #fff;
456
+ border-color: inherit;
457
+ }
458
+ .segmented-control-primary .control-item:active, .segmented-control-primary .control-item.active {
459
+ color: #fff;
460
+ background-color: #33b5e5;
461
+ }
462
+
463
+ .segmented-control-positive {
464
+ border: 0;
465
+ }
466
+ .segmented-control-positive .control-item {
467
+ color: #fff;
468
+ border-color: inherit;
469
+ }
470
+ .segmented-control-positive .control-item:active, .segmented-control-positive .control-item.active {
471
+ color: #fff;
472
+ background-color: #9c0;
473
+ }
474
+
475
+ .segmented-control-negative {
476
+ border: 0;
477
+ }
478
+ .segmented-control-negative .control-item {
479
+ color: #fff;
480
+ border-color: inherit;
481
+ }
482
+ .segmented-control-negative .control-item:active, .segmented-control-negative .control-item.active {
483
+ color: #fff;
484
+ background-color: #f44;
485
+ }
486
+
487
+ .popover {
488
+ top: 47px;
489
+ left: 15px;
490
+ width: 200px;
491
+ margin-left: 0;
492
+ border: 1px solid #9b9b9b;
493
+ border-radius: 0;
494
+ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
495
+ box-shadow: 0 0 3px rgba(0, 0, 0, .2);
496
+ -webkit-transition: -webkit-transform .1s ease-in-out, opacity .2s ease-in-out;
497
+ -moz-transition: -moz-transform .1s ease-in-out, opacity .2s ease-in-out;
498
+ transition: transform .1s ease-in-out, opacity .2s ease-in-out;
499
+ -webkit-transform: scale(.75);
500
+ -ms-transform: scale(.75);
501
+ transform: scale(.75);
502
+ }
503
+ .popover:before {
504
+ display: none;
505
+ }
506
+ .popover.visible {
507
+ -webkit-transform: scale(1);
508
+ -ms-transform: scale(1);
509
+ transform: scale(1);
510
+ }
511
+
512
+ .backdrop {
513
+ background-color: transparent;
514
+ }
515
+
516
+ .popover .bar {
517
+ border-radius: 0;
518
+ }
519
+ .popover .bar-nav ~ .table-view {
520
+ padding-top: 50px;
521
+ }
522
+
523
+ .popover .table-view {
524
+ border-radius: 12px;
525
+ }
526
+
527
+ .toggle {
528
+ width: 104px;
529
+ height: 28px;
530
+ background-color: #d7d7d7;
531
+ border: 2px solid #d7d7d7;
532
+ border-radius: 0;
533
+ }
534
+ .toggle .toggle-handle {
535
+ top: 0;
536
+ left: 0;
537
+ width: 50px;
538
+ height: 24px;
539
+ background-color: #bebebe;
540
+ border: 1px solid #b5b5b5;
541
+ border-radius: 2px;
542
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1);
543
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1);
544
+ }
545
+ .toggle:before {
546
+ top: 1px;
547
+ right: auto;
548
+ left: 11px;
549
+ z-index: 3;
550
+ color: #fff;
551
+ }
552
+ .toggle.active {
553
+ background-color: #d7d7d7;
554
+ border: 2px solid #d7d7d7;
555
+ }
556
+ .toggle.active .toggle-handle {
557
+ margin-right: 2px;
558
+ background-color: #33b5e5;
559
+ border-color: #33b5e5;
560
+ -webkit-transform: translate3d(50px, 0, 0);
561
+ -ms-transform: translate3d(50px, 0, 0);
562
+ transform: translate3d(50px, 0, 0);
563
+ }
564
+ .toggle.active:before {
565
+ right: 14px;
566
+ left: auto;
567
+ color: #fff;
568
+ }
569
+
570
+ .navigate-left:after,
571
+ .push-left:after {
572
+ content: '';
573
+ }
574
+
575
+ .navigate-right:after,
576
+ .push-right:after {
577
+ content: '';
578
+ }
579
+
580
+ .icon-caret:before {
581
+ content: '\e800';
582
+ }
583
+
584
+ .icon-down:before,
585
+ .icon-down-nav:before {
586
+ content: '\e801';
587
+ }
588
+
589
+ .icon-download:before {
590
+ content: '\e802';
591
+ }
592
+
593
+ .icon-left:before,
594
+ .icon-left-nav:before {
595
+ content: '\e803';
596
+ }
597
+
598
+ .icon-more-vertical:before {
599
+ content: '\e804';
600
+ }
601
+
602
+ .icon-more:before {
603
+ content: '\e805';
604
+ }
605
+
606
+ .icon-right:before,
607
+ .icon-right-nav:before {
608
+ content: '\e806';
609
+ }
610
+
611
+ .icon-search:before {
612
+ content: '\e807';
613
+ }
614
+
615
+ .icon-share:before {
616
+ content: '\e808';
617
+ }
618
+
619
+ .icon-up:before,
620
+ .icon-up-nav:before {
621
+ content: '\e809';
622
+ }