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