gerrit.onap Code Review - sdc/sdc-workflow-designer.git/blob

   1 .owl-dateTime-input {
   2   width: 100%;
   3   padding-right: 1.5em; }
   4
   5 .owl-dateTime-cancel {
   6   position: absolute;
   7   top: 50%;
   8   right: .1em;
   9   border-radius: 50%;
  10   transform: translateY(-50%);
  11   cursor: pointer;
  12   color: inherit; }
  13
  14 .owl-dateTime-inputWrapper {
  15   position: relative; }
  16
  17 .owl-dateTime-customTemp {
  18   display: inline-block;
  19   position: relative; }
  20
  21 .owl-dateTime-dialog {
  22   position: absolute; }
  23
  24 .owl-dateTime-dialogHeader {
  25   display: flex;
  26   justify-content: center;
  27   align-items: center;
  28   width: 100%; }
  29
  30 .owl-calendar-wrapper,
  31 .owl-timer-wrapper {
  32   position: relative;
  33   width: 100%;
  34   padding: .2em .5em; }
  35
  36 .owl-calendar-control {
  37   display: flex;
  38   justify-content: space-around;
  39   width: 100%;
  40   height: 2em; }
  41   .owl-calendar-control .owl-calendar-controlNav {
  42     position: relative;
  43     cursor: pointer;
  44     width: 12.5%; }
  45   .owl-calendar-control .owl-calendar-controlContent {
  46     display: flex;
  47     justify-content: center;
  48     align-items: center;
  49     width: 75%;
  50     height: 100%; }
  51
  52 .owl-calendar {
  53   position: relative;
  54   min-height: 13.7em; }
  55   .owl-calendar table {
  56     width: 100%;
  57     border-collapse: collapse; }
  58   .owl-calendar tbody td {
  59     position: relative;
  60     text-align: center; }
  61     .owl-calendar tbody td a {
  62       display: block;
  63       width: 100%;
  64       height: 100%;
  65       text-decoration: none;
  66       color: inherit;
  67       font-size:12px;
  68        }
  69   .owl-calendar .owl-calendar-yearArrow {
  70     position: absolute;
  71     top: 50%;
  72     width: 1.5em;
  73     height: 1.5em;
  74     transform: translateY(-50%);
  75     cursor: pointer; }
  76     .owl-calendar .owl-calendar-yearArrow.left {
  77       left: -.5em; }
  78     .owl-calendar .owl-calendar-yearArrow.right {
  79       right: -.5em; }
  80
  81 .owl-timer-wrapper {
  82   position: relative;
  83   display: flex;
  84   justify-content: center; }
  85   .owl-timer-wrapper .owl-timer {
  86     position: relative;
  87     display: flex;
  88     flex-direction: column;
  89     justify-content: center;
  90     align-items: center;
  91     width: 25%;
  92     height: 100%; }
  93   .owl-timer-wrapper .owl-timer-control {
  94     display: flex;
  95     justify-content: center;
  96     align-items: center;
  97     height: 30%;
  98     width: 100%;
  99     cursor: pointer; }
 100     .owl-timer-wrapper .owl-timer-control .icon:before {
 101       margin: 0; }
 102   .owl-timer-wrapper .owl-timer-input {
 103     width: 60%;
 104     height: 100%; }
 105
 106 /*# sourceMappingURL=picker.component.css.map */
 107 .font-face {
 108   font-weight: normal;
 109   font-style: normal; }
 110 [class^="icon-"]:before, [class*=" icon-"]:before {
 111   font-family: "fontello";
 112   font-style: normal;
 113   font-weight: normal;
 114   speak: none;
 115   display: inline-block;
 116   text-decoration: inherit;
 117   width: 1em;
 118   margin-right: .2em;
 119   text-align: center;
 120   /* opacity: .8; */
 121   /* For safety - reset parent styles, that can break glyph codes*/
 122   font-variant: normal;
 123   text-transform: none;
 124   /* fix buttons height, for twitter bootstrap */
 125   line-height: 1em;
 126   /* Animation center compensation - margins should be symmetric */
 127   /* remove if not needed */
 128   margin-left: .2em;
 129   /* you can be more comfortable with increased icons size */
 130   /* font-size: 120%; */
 131   /* Font smoothing. That was taken from TWBS */
 132   -webkit-font-smoothing: antialiased;
 133   -moz-osx-font-smoothing: grayscale;
 134   /* Uncomment for 3D effect */
 135   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
 136
 137 .icon-cancel:before {
 138   content: '\e802'; }
 139
 140 /* '' */
 141 .icon-up-open:before {
 142   content: '\e805'; }
 143
 144 /* '' */
 145 .icon-down-open:before {
 146   content: '\e80b'; }
 147
 148 /* '' */
 149 .icon-left-open:before {
 150   content: '\e817'; }
 151
 152 /* '' */
 153 .icon-right-open:before {
 154   content: '\e818'; }
 155
 156 /* '' */
 157 .owl-widget,
 158 .owl-widget * {
 159   box-sizing: border-box; }
 160
 161 .owl-widget {
 162   font-size: 1em; }
 163
 164 .owl-state-focus {
 165   box-shadow: 0px 0px 5px #1f89ce; }
 166
 167 .owl-corner-all {
 168   border-radius: 3px; }
 169
 170 .owl-corner-top {
 171   border-top-left-radius: 3px;
 172   border-top-right-radius: 3px; }
 173
 174 .owl-state-default {
 175   border: 1px solid #d6d6d6;
 176   background: #ffffff;
 177   color: #555555; }
 178
 179 .owl-inputtext {
 180   margin: 0;
 181   outline: medium none;
 182   padding: .25em;
 183   background: #ffffff;
 184   color: #222222;
 185   transition: .2s; }
 186   .owl-inputtext:focus, .owl-inputtext.owl-state-focus {
 187     box-shadow: 0 0 5px #1f89ce; }
 188
 189 .owl-dateTime {
 190   display: inline-block;
 191   position: relative;
 192   width: 100%; }
 193   .owl-dateTime.owl-dateTime-inline {
 194     width: auto; }
 195     .owl-dateTime.owl-dateTime-inline .owl-dateTime-dialog {
 196       position: relative;
 197       z-index: auto; }
 198
 199 .owl-dateTime-dialog {
 200   width: 300px;
 201   user-select: none;
 202   z-index: 99999; }
 203
 204 .owl-dateTime-dialogHeader {
 205   height: 2.5em;
 206   padding: .25em;
 207   background-color: rgba(0, 0, 0, 0.1);
 208   overflow-y: auto; }
 209
 210 .owl-calendar-control .owl-calendar-controlNav .nav-prev,
 211 .owl-calendar-control .owl-calendar-controlNav .nav-next {
 212   position: absolute;
 213   top: 50%;
 214   right: auto;
 215   bottom: auto;
 216   left: 50%;
 217   transform: translate(-50%, -50%); }
 218   .owl-calendar-control .owl-calendar-controlNav .nav-prev:before,
 219   .owl-calendar-control .owl-calendar-controlNav .nav-next:before {
 220     content: " ";
 221     border-top: .5em solid transparent;
 222     border-bottom: .5em solid transparent;
 223     border-right: 0.75em solid #000000;
 224     width: 0;
 225     height: 0;
 226     display: block;
 227     margin: 0 auto; }
 228 .owl-calendar-control .owl-calendar-controlNav .nav-next:before {
 229   border-right: 0;
 230   border-left: 0.75em solid #000000; }
 231 .owl-calendar-control .owl-calendar-controlContent .month-control,
 232 .owl-calendar-control .owl-calendar-controlContent .year-control {
 233   display: inline-block;
 234   cursor: pointer;
 235   transition: transform 200ms ease; }
 236   .owl-calendar-control .owl-calendar-controlContent .month-control:hover,
 237   .owl-calendar-control .owl-calendar-controlContent .year-control:hover {
 238     transform: scale(1.2); }
 239 .owl-calendar-control .owl-calendar-controlContent .month-control {
 240   font-size: 1em;
 241   margin-right: .8rem;
 242   font-weight: 700; }
 243 .owl-calendar-control .owl-calendar-controlContent .year-control {
 244   font-size: .8em;
 245   font-style: italic;
 246   color: #999; }
 247
 248
 249 .owl-calendar tbody td .owl-calendar-selected {
 250   background-color: #00abff;
 251   color: #FFFFFF; }
 252 .owl-calendar tbody td.owl-calendar-invalid {
 253   color: #acacac; }
 254 .owl-calendar tbody td.owl-calendar-outFocus {
 255   color: #dddddd; }
 256 .owl-calendar tbody td.owl-calendar-hidden {
 257   visibility: hidden; }
 258 .owl-calendar tbody td:not(.owl-calendar-selected):not(.owl-calendar-invalid):hover {
 259   background-color: #bae4ff;
 260   color: #000000; }
 261
 262 .owl-years td.owl-year,
 263 .owl-years td.owl-month,
 264 .owl-months td.owl-year,
 265 .owl-months td.owl-month {
 266   font-size: 1.2em;
 267   height: 2.5em;
 268   width: 33.33%;
 269   line-height: 2.5em; }
 270
 271 .owl-weekdays th.owl-weekday {
 272   height: 1em;
 273   line-height: 2em;
 274   text-align: center;
 275   font-size: .7em;
 276   color: #999; }
 277
 278 .owl-days td.owl-day {
 279   height: 2em;
 280   width: calc(100% / 7);
 281   line-height: 2em; }
 282   .owl-days td.owl-day.owl-day-today:before {
 283     content: '';
 284     display: block;
 285     position: absolute;
 286     right: 2px;
 287     top: 2px;
 288     border-top: 0.5em solid #21a7ff;
 289     border-left: .5em solid transparent;
 290   }
 291
 292 .owl-timer-wrapper {
 293   height: 5.4em;
 294   background-color: rgba(0, 0, 0, 0.1); }
 295   .owl-timer-wrapper .owl-timer-text {
 296     display: flex;
 297     justify-content: center;
 298     align-items: center;
 299     width: 100%;
 300     height: 40%;
 301     font-size: 1.5em; }
 302   .owl-timer-wrapper .owl-meridian-btn {
 303     font-size: .8em;
 304     color: #00abff;
 305     background-image: none;
 306     background-color: transparent;
 307     border-color: #00abff; }
 308     .owl-timer-wrapper .owl-meridian-btn:hover {
 309       color: #FFFFFF;
 310       background-color: #00abff;
 311       border-color: #00abff; }
 312
 313 .owl-timer-divider {
 314   display: inline-block;
 315   align-self: flex-end;
 316   position: absolute;
 317   width: .6em;
 318   height: 100%;
 319   left: -.3em; }
 320   .owl-timer-divider .owl-timer-dot {
 321     display: block;
 322     width: .3em;
 323     height: .3em;
 324     position: absolute;
 325     left: 50%;
 326     border-radius: 50%;
 327     transform: translateX(-50%); }
 328     .owl-timer-divider .owl-timer-dot.dot-top {
 329       top: 38%; }
 330     .owl-timer-divider .owl-timer-dot.dot-bottom {
 331       bottom: 38%; }
 332 .owl-icon{
 333   position: absolute;
 334   top: 50%;
 335   right: .1em;
 336   border-radius: 50%;
 337   -webkit-transform: translateY(-50%);
 338   transform: translateY(-50%);
 339   cursor: pointer;
 340   color: #9a9a9a;
 341 }
 342 .plx-btn{color: #00abff;
 343 min-width: 80px;
 344 letter-spacing: 1px;
 345 padding: 0px 16px;
 346 height: 32px;
 347 font-size: 12px;
 348 cursor: pointer;
 349 text-align: center;
 350 white-space: nowrap;
 351 margin-right: 10px;
 352 vertical-align: middle;
 353 border: 1px solid #d9d9d9;
 354 background-color: #fff;
 355 border-radius: 3px;
 356 line-height: 30px;
 357 }
 358 .plx-btn-xs{
 359   height: 24px;
 360   padding: 0px 12px;
 361   min-width: 60px;
 362   margin-right: 5px;
 363   line-height: 22px;
 364 }
 365 /*# sourceMappingURL=picker.css.map */
 366