arnaucube
arnaucube/socketioMEANseedPublic Self-hosted repository
socketioMEANseed/www/bower_components/angular-material/modules/js/button/button.css
www/bower_components/angular-material/modules/js/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; } }