gerrit.onap Code Review - vnfsdk/refrepo.git/blob

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v1.1.3
   6  */
   7 /** Styles for mdCalendar. */
   8 md-calendar {
   9   font-size: 13px;
  10   -webkit-user-select: none;
  11      -moz-user-select: none;
  12       -ms-user-select: none;
  13           user-select: none; }
  14
  15 .md-calendar-scroll-mask {
  16   display: inline-block;
  17   overflow: hidden;
  18   height: 308px; }
  19   .md-calendar-scroll-mask .md-virtual-repeat-scroller {
  20     overflow-y: scroll;
  21     -webkit-overflow-scrolling: touch; }
  22     .md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
  23       display: none; }
  24   .md-calendar-scroll-mask .md-virtual-repeat-offsetter {
  25     width: 100%; }
  26
  27 .md-calendar-scroll-container {
  28   box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
  29   display: inline-block;
  30   height: 308px;
  31   width: 346px; }
  32
  33 .md-calendar-date {
  34   height: 44px;
  35   width: 44px;
  36   text-align: center;
  37   padding: 0;
  38   border: none;
  39   box-sizing: content-box; }
  40   .md-calendar-date:first-child {
  41     padding-left: 16px; }
  42     [dir=rtl] .md-calendar-date:first-child {
  43       padding-left: 0;
  44       padding-right: 16px; }
  45   .md-calendar-date:last-child {
  46     padding-right: 16px; }
  47     [dir=rtl] .md-calendar-date:last-child {
  48       padding-right: 0;
  49       padding-left: 16px; }
  50   .md-calendar-date.md-calendar-date-disabled {
  51     cursor: default; }
  52
  53 .md-calendar-date-selection-indicator {
  54   -webkit-transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  55   transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  56   border-radius: 50%;
  57   display: inline-block;
  58   width: 40px;
  59   height: 40px;
  60   line-height: 40px; }
  61   .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
  62     cursor: pointer; }
  63
  64 .md-calendar-month-label {
  65   height: 44px;
  66   font-size: 14px;
  67   font-weight: 500;
  68   padding: 0 0 0 24px; }
  69   [dir=rtl] .md-calendar-month-label {
  70     padding: 0 24px 0 0; }
  71   md-calendar-month .md-calendar-month-label:not(.md-calendar-month-label-disabled) {
  72     cursor: pointer; }
  73   .md-calendar-month-label md-icon {
  74     -webkit-transform: rotate(180deg);
  75             transform: rotate(180deg); }
  76     [dir=rtl] .md-calendar-month-label md-icon {
  77       -webkit-transform: none;
  78               transform: none; }
  79   .md-calendar-month-label span {
  80     vertical-align: middle; }
  81
  82 .md-calendar-day-header {
  83   table-layout: fixed;
  84   border-spacing: 0;
  85   border-collapse: collapse; }
  86   .md-calendar-day-header th {
  87     height: 40px;
  88     width: 44px;
  89     text-align: center;
  90     padding: 0;
  91     border: none;
  92     box-sizing: content-box;
  93     font-weight: normal; }
  94     .md-calendar-day-header th:first-child {
  95       padding-left: 16px; }
  96       [dir=rtl] .md-calendar-day-header th:first-child {
  97         padding-left: 0;
  98         padding-right: 16px; }
  99     .md-calendar-day-header th:last-child {
 100       padding-right: 16px; }
 101       [dir=rtl] .md-calendar-day-header th:last-child {
 102         padding-right: 0;
 103         padding-left: 16px; }
 104
 105 .md-calendar {
 106   table-layout: fixed;
 107   border-spacing: 0;
 108   border-collapse: collapse; }
 109   .md-calendar tr:last-child td {
 110     border-bottom-width: 1px;
 111     border-bottom-style: solid; }
 112   .md-calendar:first-child {
 113     border-top: 1px solid transparent; }
 114   .md-calendar tbody, .md-calendar td, .md-calendar tr {
 115     vertical-align: middle;
 116     box-sizing: content-box; }
 117
 118 /** Styles for mdDatepicker. */
 119 md-datepicker {
 120   white-space: nowrap;
 121   overflow: hidden;
 122   vertical-align: middle; }
 123
 124 .md-inline-form md-datepicker {
 125   margin-top: 12px; }
 126
 127 .md-datepicker-button {
 128   display: inline-block;
 129   box-sizing: border-box;
 130   background: none;
 131   vertical-align: middle;
 132   position: relative; }
 133   .md-datepicker-button:before {
 134     top: 0;
 135     left: 0;
 136     bottom: 0;
 137     right: 0;
 138     position: absolute;
 139     content: '';
 140     speak: none; }
 141
 142 .md-datepicker-input {
 143   font-size: 14px;
 144   box-sizing: border-box;
 145   border: none;
 146   box-shadow: none;
 147   outline: none;
 148   background: transparent;
 149   min-width: 120px;
 150   max-width: 328px;
 151   padding: 0 0 5px; }
 152   .md-datepicker-input::-ms-clear {
 153     display: none; }
 154
 155 ._md-datepicker-floating-label > md-datepicker {
 156   overflow: visible; }
 157   ._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
 158     border: none; }
 159   ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
 160     float: left;
 161     margin-top: -12px;
 162     top: 9.5px; }
 163     [dir=rtl] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
 164       float: right; }
 165
 166 ._md-datepicker-floating-label .md-input {
 167   float: none; }
 168
 169 ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
 170   right: 18px;
 171   left: auto;
 172   width: calc(100% - 84px); }
 173   [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
 174     right: auto; }
 175   [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
 176     left: 18px; }
 177
 178 ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
 179   margin-left: 64px; }
 180   [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
 181     margin-left: auto;
 182     margin-right: 64px; }
 183
 184 ._md-datepicker-has-triangle-icon {
 185   padding-right: 18px;
 186   margin-right: -18px; }
 187   [dir=rtl] ._md-datepicker-has-triangle-icon {
 188     padding-right: 0;
 189     padding-left: 18px; }
 190   [dir=rtl] ._md-datepicker-has-triangle-icon {
 191     margin-right: auto;
 192     margin-left: -18px; }
 193
 194 .md-datepicker-input-container {
 195   position: relative;
 196   border-bottom-width: 1px;
 197   border-bottom-style: solid;
 198   display: inline-block;
 199   width: auto; }
 200   .md-icon-button + .md-datepicker-input-container {
 201     margin-left: 12px; }
 202     [dir=rtl] .md-icon-button + .md-datepicker-input-container {
 203       margin-left: auto;
 204       margin-right: 12px; }
 205   .md-datepicker-input-container.md-datepicker-focused {
 206     border-bottom-width: 2px; }
 207
 208 .md-datepicker-is-showing .md-scroll-mask {
 209   z-index: 99; }
 210
 211 .md-datepicker-calendar-pane {
 212   position: absolute;
 213   top: 0;
 214   left: -100%;
 215   z-index: 100;
 216   border-width: 1px;
 217   border-style: solid;
 218   background: transparent;
 219   -webkit-transform: scale(0);
 220           transform: scale(0);
 221   -webkit-transform-origin: 0 0;
 222           transform-origin: 0 0;
 223   -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
 224   transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
 225   transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
 226   transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }
 227   .md-datepicker-calendar-pane.md-pane-open {
 228     -webkit-transform: scale(1);
 229             transform: scale(1); }
 230
 231 .md-datepicker-input-mask {
 232   height: 40px;
 233   width: 340px;
 234   position: relative;
 235   overflow: hidden;
 236   background: transparent;
 237   pointer-events: none;
 238   cursor: text; }
 239
 240 .md-datepicker-calendar {
 241   opacity: 0;
 242   -webkit-transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1);
 243   transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1); }
 244   .md-pane-open .md-datepicker-calendar {
 245     opacity: 1; }
 246   .md-datepicker-calendar md-calendar:focus {
 247     outline: none; }
 248
 249 .md-datepicker-expand-triangle {
 250   position: absolute;
 251   top: 50%;
 252   left: 50%;
 253   -webkit-transform: translate(-50%, -50%);
 254           transform: translate(-50%, -50%);
 255   width: 0;
 256   height: 0;
 257   border-left: 5px solid transparent;
 258   border-right: 5px solid transparent;
 259   border-top: 5px solid; }
 260
 261 .md-datepicker-triangle-button {
 262   position: absolute;
 263   right: 0;
 264   bottom: -2.5px;
 265   -webkit-transform: translateX(45%);
 266           transform: translateX(45%); }
 267   [dir=rtl] .md-datepicker-triangle-button {
 268     right: auto;
 269     left: 0; }
 270   [dir=rtl] .md-datepicker-triangle-button {
 271     -webkit-transform: translateX(-45%);
 272             transform: translateX(-45%); }
 273
 274 .md-datepicker-triangle-button.md-button.md-icon-button {
 275   height: 36px;
 276   width: 36px;
 277   position: absolute;
 278   padding: 8px; }
 279
 280 md-datepicker[disabled] .md-datepicker-input-container {
 281   border-bottom-color: transparent; }
 282
 283 md-datepicker[disabled] .md-datepicker-triangle-button {
 284   display: none; }
 285
 286 .md-datepicker-open {
 287   overflow: hidden; }
 288   .md-datepicker-open .md-datepicker-input-container,
 289   .md-datepicker-open input.md-input {
 290     border-bottom-color: transparent; }
 291   .md-datepicker-open .md-datepicker-triangle-button,
 292   .md-datepicker-open.md-input-has-value > label,
 293   .md-datepicker-open.md-input-has-placeholder > label {
 294     display: none; }
 295
 296 .md-datepicker-pos-adjusted .md-datepicker-input-mask {
 297   display: none; }
 298
 299 .md-datepicker-calendar-pane .md-calendar {
 300   -webkit-transform: translateY(-85px);
 301           transform: translateY(-85px);
 302   -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
 303   transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
 304   transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
 305   transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
 306   -webkit-transition-delay: 0.125s;
 307           transition-delay: 0.125s; }
 308
 309 .md-datepicker-calendar-pane.md-pane-open .md-calendar {
 310   -webkit-transform: translateY(0);
 311           transform: translateY(0); }