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-main.ui-datetime-nosubtitle {
  43         top : 0px;
  44 }
  45
  46 .ui-datetime-text-sub {
  47         position: absolute;
  48         top: 10 * @unit_base;
  49         color: @color_list_sub_text_default;
  50         font-size: @font_size_list_sub_text;
  51 }
  52
  53 .ui-datetimepicker-selector {
  54         ul {
  55                 padding: 0;
  56                 display: inline;
  57                 list-style: none;
  58                 vertical-align: middle;
  59                 margin: 0;
  60
  61                 li {
  62                         font-size: 44 * @unit_base;
  63                         float: left;
  64                         padding: 30 * @unit_base 8 * @unit_base 0 8 * @unit_base;
  65                         max-width: 120 * @unit_base;
  66                         min-width: 120 * @unit_base;
  67
  68                         a.ui-link {
  69                                 text-decoration: none;
  70                                 color: @color_ctxpopup_timepicker_text;
  71                         }
  72
  73                         a.ui-link:hover {
  74                                 color: @color_ctxpopup_timepicker_text;
  75                         }
  76                 }
  77
  78                 li.current {
  79                         a.ui-link {
  80                                 color: @color_ctxpopup_timepicker_text_focus;
  81                         }
  82                 }
  83         }
  84 }
  85
  86 .ui-datetimepicker {
  87         left: 0 !important;
  88         padding: 0;
  89
  90         .ui-popupwindow-padding {
  91                 background: @color_timepicker_selector_color !important;
  92                 border-radius: 0 !important;
  93                 -ms-border-radius: 0 !important;
  94                 -o-border-radius: 0 !important;
  95                 -moz-border-radius: 0 !important;
  96                 -webkit-border-radius: 0 !important;
  97                 box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6) !important;
  98                 border-width: 0 !important;
  99                 text-align: center !important;
 100
 101                 div {
 102                         height: 106 * @unit_base;
 103                 }
 104         }
 105 }