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

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