git.roojs.org Git - bootswatch/blob - custom/bootstrap-datetimepicker.css

   1 /*!
   2  * Datetimepicker for Bootstrap v3
   3  * https://github.com/Eonasdan/bootstrap-datetimepicker/
   4  */
   5 .bootstrap-datetimepicker-widget {
   6   top: 0;
   7   left: 0;
   8   width: 250px;
   9   padding: 4px;
  10   margin-top: 1px;
  11   z-index: 99999 !important;
  12   border-radius: 4px;
  13 }
  14 .bootstrap-datetimepicker-widget.timepicker-sbs {
  15   width: 600px;
  16 }
  17 .bootstrap-datetimepicker-widget.bottom:before {
  18   content: '';
  19   display: inline-block;
  20   border-left: 7px solid transparent;
  21   border-right: 7px solid transparent;
  22   border-bottom: 7px solid #ccc;
  23   border-bottom-color: rgba(0, 0, 0, 0.2);
  24   position: absolute;
  25   top: -7px;
  26   left: 7px;
  27 }
  28 .bootstrap-datetimepicker-widget.bottom:after {
  29   content: '';
  30   display: inline-block;
  31   border-left: 6px solid transparent;
  32   border-right: 6px solid transparent;
  33   border-bottom: 6px solid white;
  34   position: absolute;
  35   top: -6px;
  36   left: 8px;
  37 }
  38 .bootstrap-datetimepicker-widget.top:before {
  39   content: '';
  40   display: inline-block;
  41   border-left: 7px solid transparent;
  42   border-right: 7px solid transparent;
  43   border-top: 7px solid #ccc;
  44   border-top-color: rgba(0, 0, 0, 0.2);
  45   position: absolute;
  46   bottom: -7px;
  47   left: 6px;
  48 }
  49 .bootstrap-datetimepicker-widget.top:after {
  50   content: '';
  51   display: inline-block;
  52   border-left: 6px solid transparent;
  53   border-right: 6px solid transparent;
  54   border-top: 6px solid white;
  55   position: absolute;
  56   bottom: -6px;
  57   left: 7px;
  58 }
  59 .bootstrap-datetimepicker-widget .dow {
  60   width: 14.2857%;
  61 }
  62 .bootstrap-datetimepicker-widget.pull-right:before {
  63   left: auto;
  64   right: 6px;
  65 }
  66 .bootstrap-datetimepicker-widget.pull-right:after {
  67   left: auto;
  68   right: 7px;
  69 }
  70 .bootstrap-datetimepicker-widget > ul {
  71   list-style-type: none;
  72   margin: 0;
  73 }
  74 .bootstrap-datetimepicker-widget .timepicker-hour,
  75 .bootstrap-datetimepicker-widget .timepicker-minute,
  76 .bootstrap-datetimepicker-widget .timepicker-second {
  77   width: 100%;
  78   font-weight: bold;
  79   font-size: 1.2em;
  80 }
  81 .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  82   width: 4px;
  83   padding: 0;
  84   margin: 0;
  85 }
  86 .bootstrap-datetimepicker-widget .datepicker > div {
  87   display: none;
  88 }
  89 .bootstrap-datetimepicker-widget .picker-switch {
  90   text-align: center;
  91 }
  92 .bootstrap-datetimepicker-widget table {
  93   width: 100%;
  94   margin: 0;
  95 }
  96 .bootstrap-datetimepicker-widget td,
  97 .bootstrap-datetimepicker-widget th {
  98   text-align: center;
  99   width: 20px;
 100   height: 20px;
 101   border-radius: 4px;
 102 }
 103 .bootstrap-datetimepicker-widget td.day:hover,
 104 .bootstrap-datetimepicker-widget td.hour:hover,
 105 .bootstrap-datetimepicker-widget td.minute:hover,
 106 .bootstrap-datetimepicker-widget td.second:hover {
 107   background: #eeeeee;
 108   cursor: pointer;
 109 }
 110 .bootstrap-datetimepicker-widget td.old,
 111 .bootstrap-datetimepicker-widget td.new {
 112   color: #999999;
 113 }
 114 .bootstrap-datetimepicker-widget td.today {
 115   position: relative;
 116 }
 117 .bootstrap-datetimepicker-widget td.today:before {
 118   content: '';
 119   display: inline-block;
 120   border-left: 7px solid transparent;
 121   border-bottom: 7px solid #428bca;
 122   border-top-color: rgba(0, 0, 0, 0.2);
 123   position: absolute;
 124   bottom: 4px;
 125   right: 4px;
 126 }
 127 .bootstrap-datetimepicker-widget td.active,
 128 .bootstrap-datetimepicker-widget td.active:hover {
 129   background-color: #428bca;
 130   color: #fff;
 131   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 132 }
 133 .bootstrap-datetimepicker-widget td.active.today:before {
 134   border-bottom-color: #fff;
 135 }
 136 .bootstrap-datetimepicker-widget td.disabled,
 137 .bootstrap-datetimepicker-widget td.disabled:hover {
 138   background: none;
 139   color: #999999;
 140   cursor: not-allowed;
 141 }
 142 .bootstrap-datetimepicker-widget td span {
 143   display: block;
 144   width: 47px;
 145   height: 54px;
 146   line-height: 54px;
 147   float: left;
 148   margin: 2px;
 149   cursor: pointer;
 150   border-radius: 4px;
 151 }
 152 .bootstrap-datetimepicker-widget td span:hover {
 153   background: #eeeeee;
 154 }
 155 .bootstrap-datetimepicker-widget td span.active {
 156   background-color: #428bca;
 157   color: #fff;
 158   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 159 }
 160 .bootstrap-datetimepicker-widget td span.old {
 161   color: #999999;
 162 }
 163 .bootstrap-datetimepicker-widget td span.disabled,
 164 .bootstrap-datetimepicker-widget td span.disabled:hover {
 165   background: none;
 166   color: #999999;
 167   cursor: not-allowed;
 168 }
 169 .bootstrap-datetimepicker-widget th.switch {
 170   width: 145px;
 171 }
 172 .bootstrap-datetimepicker-widget th.next,
 173 .bootstrap-datetimepicker-widget th.prev {
 174   font-size: 21px;
 175 }
 176 .bootstrap-datetimepicker-widget th.disabled,
 177 .bootstrap-datetimepicker-widget th.disabled:hover {
 178   background: none;
 179   color: #999999;
 180   cursor: not-allowed;
 181 }
 182 .bootstrap-datetimepicker-widget thead tr:first-child th {
 183   cursor: pointer;
 184 }
 185 .bootstrap-datetimepicker-widget thead tr:first-child th:hover {
 186   background: #eeeeee;
 187 }
 188 .input-group.date .input-group-addon span {
 189   display: block;
 190   cursor: pointer;
 191   width: 16px;
 192   height: 16px;
 193 }
 194 .bootstrap-datetimepicker-widget.left-oriented:before {
 195   left: auto;
 196   right: 6px;
 197 }
 198 .bootstrap-datetimepicker-widget.left-oriented:after {
 199   left: auto;
 200   right: 7px;
 201 }
 202 .bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
 203   padding: 0px !important;
 204 }