socketioMEANseed/www/bower_components/angular-material/modules/closure/button/button.css
www/bower_components/angular-material/modules/closure/button/button.cssRaw
1/*!
2 * Angular Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.1.3
6 */
7button.md-button::-moz-focus-inner {
8 border: 0; }
9
10.md-button {
11 display: inline-block;
12 position: relative;
13 cursor: pointer;
14 /** Alignment adjustments */
15 min-height: 36px;
16 min-width: 88px;
17 line-height: 36px;
18 vertical-align: middle;
19 -webkit-box-align: center;
20 -webkit-align-items: center;
21 align-items: center;
22 text-align: center;
23 border-radius: 2px;
24 box-sizing: border-box;
25 /* Reset default button appearance */
26 -webkit-user-select: none;
27 -moz-user-select: none;
28 -ms-user-select: none;
29 user-select: none;
30 outline: none;
31 border: 0;
32 /** Custom styling for button */
33 padding: 0 6px;
34 margin: 6px 8px;
35 background: transparent;
36 color: currentColor;
37 white-space: nowrap;
38 /* Uppercase text content */
39 text-transform: uppercase;
40 font-weight: 500;
41 font-size: 14px;
42 font-style: inherit;
43 font-variant: inherit;
44 font-family: inherit;
45 text-decoration: none;
46 overflow: hidden;
47 -webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
48 transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
49 .md-dense > .md-button:not(.md-dense-disabled),
50 .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
51 min-height: 32px; }
52 .md-dense > .md-button:not(.md-dense-disabled),
53 .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
54 line-height: 32px; }
55 .md-dense > .md-button:not(.md-dense-disabled),
56 .md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled) {
57 font-size: 13px; }
58 .md-button:focus {
59 outline: none; }
60 .md-button:hover, .md-button:focus {
61 text-decoration: none; }
62 .md-button.ng-hide, .md-button.ng-leave {
63 -webkit-transition: none;
64 transition: none; }
65 .md-button.md-cornered {
66 border-radius: 0; }
67 .md-button.md-icon {
68 padding: 0;
69 background: none; }
70 .md-button.md-raised:not([disabled]) {
71 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
72 .md-button.md-icon-button {
73 margin: 0 6px;
74 height: 40px;
75 min-width: 0;
76 line-height: 24px;
77 padding: 8px;
78 width: 40px;
79 border-radius: 50%; }
80 .md-button.md-icon-button .md-ripple-container {
81 border-radius: 50%;
82 background-clip: padding-box;
83 overflow: hidden;
84 -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
85 .md-button.md-fab {
86 z-index: 20;
87 line-height: 56px;
88 min-width: 0;
89 width: 56px;
90 height: 56px;
91 vertical-align: middle;
92 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
93 border-radius: 50%;
94 background-clip: padding-box;
95 overflow: hidden;
96 -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
97 transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
98 -webkit-transition-property: background-color, box-shadow, -webkit-transform;
99 transition-property: background-color, box-shadow, -webkit-transform;
100 transition-property: background-color, box-shadow, transform;
101 transition-property: background-color, box-shadow, transform, -webkit-transform; }
102 .md-button.md-fab.md-fab-bottom-right {
103 top: auto;
104 right: 20px;
105 bottom: 20px;
106 left: auto;
107 position: absolute; }
108 .md-button.md-fab.md-fab-bottom-left {
109 top: auto;
110 right: auto;
111 bottom: 20px;
112 left: 20px;
113 position: absolute; }
114 .md-button.md-fab.md-fab-top-right {
115 top: 20px;
116 right: 20px;
117 bottom: auto;
118 left: auto;
119 position: absolute; }
120 .md-button.md-fab.md-fab-top-left {
121 top: 20px;
122 right: auto;
123 bottom: auto;
124 left: 20px;
125 position: absolute; }
126 .md-button.md-fab .md-ripple-container {
127 border-radius: 50%;
128 background-clip: padding-box;
129 overflow: hidden;
130 -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
131 .md-button.md-fab.md-mini {
132 line-height: 40px;
133 width: 40px;
134 height: 40px; }
135 .md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
136 -webkit-transition: none;
137 transition: none; }
138 .md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
139 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
140 .md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
141 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
142 .md-button .md-ripple-container {
143 border-radius: 2px;
144 background-clip: padding-box;
145 overflow: hidden;
146 -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
147
148.md-button.md-icon-button md-icon,
149button.md-button.md-fab md-icon {
150 display: block; }
151
152.md-toast-open-top .md-button.md-fab-top-left,
153.md-toast-open-top .md-button.md-fab-top-right {
154 -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
155 transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
156 -webkit-transform: translate3d(0, 42px, 0);
157 transform: translate3d(0, 42px, 0); }
158 .md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
159 .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
160 .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
161 -webkit-transform: translate3d(0, 41px, 0);
162 transform: translate3d(0, 41px, 0); }
163
164.md-toast-open-bottom .md-button.md-fab-bottom-left,
165.md-toast-open-bottom .md-button.md-fab-bottom-right {
166 -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
167 transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
168 -webkit-transform: translate3d(0, -42px, 0);
169 transform: translate3d(0, -42px, 0); }
170 .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
171 .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
172 .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
173 -webkit-transform: translate3d(0, -43px, 0);
174 transform: translate3d(0, -43px, 0); }
175
176.md-button-group {
177 display: -webkit-box;
178 display: -webkit-flex;
179 display: flex;
180 -webkit-box-flex: 1;
181 -webkit-flex: 1;
182 flex: 1;
183 width: 100%; }
184 .md-button-group > .md-button {
185 -webkit-box-flex: 1;
186 -webkit-flex: 1;
187 flex: 1;
188 display: block;
189 overflow: hidden;
190 width: 0;
191 border-width: 1px 0px 1px 1px;
192 border-radius: 0;
193 text-align: center;
194 text-overflow: ellipsis;
195 white-space: nowrap; }
196 .md-button-group > .md-button:first-child {
197 border-radius: 2px 0px 0px 2px; }
198 .md-button-group > .md-button:last-child {
199 border-right-width: 1px;
200 border-radius: 0px 2px 2px 0px; }
201
202@media screen and (-ms-high-contrast: active) {
203 .md-button.md-raised,
204 .md-button.md-fab {
205 border: 1px solid #fff; } }