src/themes/tizen/common/jquery.mobile.tizen.datetimepicker.less

   1 @import "config.less";
   2
   3 .ui-datefield {
   4         .ui-datefield-seperator {
   5                 display: inline-block;
   6                 min-width: 30 * @unit_base;
   7                 text-align: center;
   8         }
   9
  10         .ui-datefield-selected {
  11                 color: @color_timepicker_selector_color;
  12         }
  13
  14         .date,.time,.ui-datefield-tab {
  15                 display: inline-block;
  16         }
  17
  18         .ui-datefield-tab {
  19                 min-width: 60 * @unit_base;
  20         }
  21 }
  22
  23 .ui-li-text-main .ui-datefield-period.ui-btn {
  24         margin-top: -0.3em;
  25         height: 56 * @unit_base;
  26
  27         .ui-btn-inner.ui-btn-hastxt {
  28                 padding-top: 0;
  29                 padding-bottom: 0;
  30         }
  31 }
  32
  33 .ui-datetimepicker-selector {
  34         ul {
  35                 padding: 0;
  36                 display: inline;
  37                 list-style: none;
  38                 vertical-align: middle;
  39                 margin: 0;
  40
  41                 li {
  42                         font-size: 44 * @unit_base;
  43                         float: left;
  44                         padding: 30 * @unit_base 8 * @unit_base 0 8 * @unit_base;
  45                         max-width: 200 * @unit_base;
  46                         min-width: 200 * @unit_base;
  47
  48                         a.ui-link {
  49                                 text-decoration: none;
  50                                 color: @color_ctxpopup_timepicker_text;
  51                         }
  52
  53                         a.ui-link:hover {
  54                                 color: @color_ctxpopup_timepicker_text;
  55                         }
  56                 }
  57
  58                 li.current {
  59                         a.ui-link {
  60                                 color: @color_ctxpopup_timepicker_text_focus;
  61                         }
  62                 }
  63         }
  64 }
  65
  66 .ui-datetimepicker {
  67         left: 0 !important;
  68         padding: 0;
  69
  70         .ui-popupwindow-padding {
  71                 background: @color_timepicker_selector_color !important;
  72                 border-radius: 0 !important;
  73                 -webkit-border-radius: 0 !important;
  74                 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6) !important;
  75                 border-width: 0 !important;
  76                 text-align: center !important;
  77
  78                 div {
  79                         height: 106 * @unit_base;
  80                 }
  81         }
  82 }
  83