src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/plugins/timepicker/bootstrap-timepicker.css

   1 /*!
   2  * Timepicker Component for Twitter Bootstrap
   3  *
   4  * Copyright 2013 Joris de Wit
   5  *
   6  * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
   7  *
   8  * For the full copyright and license information, please view the LICENSE
   9  * file that was distributed with this source code.
  10  */
  11 .bootstrap-timepicker {
  12   position: relative;
  13 }
  14 .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  15   left: auto;
  16   right: 0;
  17 }
  18 .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  19   left: auto;
  20   right: 12px;
  21 }
  22 .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  23   left: auto;
  24   right: 13px;
  25 }
  26 .bootstrap-timepicker .add-on {
  27   cursor: pointer;
  28 }
  29 .bootstrap-timepicker .add-on i {
  30   display: inline-block;
  31   width: 16px;
  32   height: 16px;
  33 }
  34 .bootstrap-timepicker-widget.dropdown-menu {
  35   padding: 2px 3px 2px 2px;
  36 }
  37 .bootstrap-timepicker-widget.dropdown-menu.open {
  38   display: inline-block;
  39 }
  40 .bootstrap-timepicker-widget.dropdown-menu:before {
  41   border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  42   border-left: 7px solid transparent;
  43   border-right: 7px solid transparent;
  44   content: "";
  45   display: inline-block;
  46   left: 9px;
  47   position: absolute;
  48   top: -7px;
  49 }
  50 .bootstrap-timepicker-widget.dropdown-menu:after {
  51   border-bottom: 6px solid #FFFFFF;
  52   border-left: 6px solid transparent;
  53   border-right: 6px solid transparent;
  54   content: "";
  55   display: inline-block;
  56   left: 10px;
  57   position: absolute;
  58   top: -6px;
  59 }
  60 .bootstrap-timepicker-widget a.btn,
  61 .bootstrap-timepicker-widget input {
  62   border-radius: 4px;
  63 }
  64 .bootstrap-timepicker-widget table {
  65   width: 100%;
  66   margin: 0;
  67 }
  68 .bootstrap-timepicker-widget table td {
  69   text-align: center;
  70   height: 30px;
  71   margin: 0;
  72   padding: 2px;
  73 }
  74 .bootstrap-timepicker-widget table td:not(.separator) {
  75   min-width: 30px;
  76 }
  77 .bootstrap-timepicker-widget table td span {
  78   width: 100%;
  79 }
  80 .bootstrap-timepicker-widget table td a {
  81   border: 1px transparent solid;
  82   width: 100%;
  83   display: inline-block;
  84   margin: 0;
  85   padding: 8px 0;
  86   outline: 0;
  87   color: #333;
  88 }
  89 .bootstrap-timepicker-widget table td a:hover {
  90   text-decoration: none;
  91   background-color: #eee;
  92   -webkit-border-radius: 4px;
  93   -moz-border-radius: 4px;
  94   border-radius: 4px;
  95   border-color: #ddd;
  96 }
  97 .bootstrap-timepicker-widget table td a i {
  98   margin-top: 2px;
  99 }
 100 .bootstrap-timepicker-widget table td input {
 101   width: 25px;
 102   margin: 0;
 103   text-align: center;
 104 }
 105 .bootstrap-timepicker-widget .modal-content {
 106   padding: 4px;
 107 }
 108 @media (min-width: 767px) {
 109   .bootstrap-timepicker-widget.modal {
 110     width: 200px;
 111     margin-left: -100px;
 112   }
 113 }
 114 @media (max-width: 767px) {
 115   .bootstrap-timepicker {
 116     width: 100%;
 117   }
 118   .bootstrap-timepicker .dropdown-menu {
 119     width: 100%;
 120   }
 121 }