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         .date,.time,.ui-datefield-tab {
  11                 display: inline-block;
  12         }
  13
  14         .ui-datefield-tab {
  15                 min-width: 60 * @unit_base;
  16         }
  17 }
  18
  19 .ui-datetime {
  20         margin: 0;
  21         height: 72 * @unit_base;
  22 }
  23
  24 .ui-datetime-text-main {
  25         position: relative;
  26         font-size: @font_size_list_main_text;
  27         top: 28 * @unit_base;
  28         text-overflow: ellipsis;
  29         overflow: hidden;
  30         white-space: nowrap;
  31         max-width: 90%;
  32         padding-top: 0.3em;
  33 }
  34
  35 .ui-datetime-text-main .ui-datefield-period.ui-btn {
  36         margin-top: -0.3em;
  37         height: 56 * @unit_base;
  38         right: auto;
  39         position: relative;
  40 }
  41
  42 .ui-datetime-text-sub {
  43         position: absolute;
  44         top: 10 * @unit_base;
  45         color: @color_list_sub_text_default;
  46         font-size: @font_size_list_sub_text;
  47 }
  48
  49 .ui-datetimepicker-selector {
  50         ul {
  51                 padding: 0;
  52                 display: inline;
  53                 list-style: none;
  54                 vertical-align: middle;
  55                 margin: 0;
  56
  57                 li {
  58                         font-size: 44 * @unit_base;
  59                         float: left;
  60                         padding: 30 * @unit_base 8 * @unit_base 0 8 * @unit_base;
  61                         max-width: 120 * @unit_base;
  62                         min-width: 120 * @unit_base;
  63
  64                         a.ui-link {
  65                                 text-decoration: none;
  66                                 color: @color_ctxpopup_timepicker_text;
  67                         }
  68
  69                         a.ui-link:hover {
  70                                 color: @color_ctxpopup_timepicker_text;
  71                         }
  72                 }
  73
  74                 li.current {
  75                         a.ui-link {
  76                                 color: @color_ctxpopup_timepicker_text_focus;
  77                         }
  78                 }
  79         }
  80 }
  81
  82 .ui-datetimepicker {
  83         left: 0 !important;
  84         padding: 0;
  85
  86         .ui-popupwindow-padding {
  87                 background: @color_timepicker_selector_color !important;
  88                 border-radius: 0 !important;
  89                 -webkit-border-radius: 0 !important;
  90                 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6) !important;
  91                 border-width: 0 !important;
  92                 text-align: center !important;
  93
  94                 div {
  95                         height: 106 * @unit_base;
  96                 }
  97         }
  98 }