mui-rails 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +29 -0
- data/Rakefile +1 -0
- data/lib/mui-rails.rb +1 -0
- data/lib/mui/rails.rb +8 -0
- data/lib/mui/rails/version.rb +5 -0
- data/mui-rails.gemspec +23 -0
- data/vendor/assets/fonts/ratchicons.eot +0 -0
- data/vendor/assets/fonts/ratchicons.svg +61 -0
- data/vendor/assets/fonts/ratchicons.ttf +0 -0
- data/vendor/assets/fonts/ratchicons.woff +0 -0
- data/vendor/assets/javascripts/ratchet.js +964 -0
- data/vendor/assets/javascripts/ratchet.min.js +10 -0
- data/vendor/assets/stylesheets/ratchet-theme-android.css +622 -0
- data/vendor/assets/stylesheets/ratchet-theme-android.min.css +9 -0
- data/vendor/assets/stylesheets/ratchet-theme-ios.css +470 -0
- data/vendor/assets/stylesheets/ratchet-theme-ios.min.css +9 -0
- data/vendor/assets/stylesheets/ratchet.css +1434 -0
- data/vendor/assets/stylesheets/ratchet.min.css +9 -0
- metadata +93 -0
@@ -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
|
+
}
|