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

   1
   2 @import "config.less";
   3
   4 /* dayselector CSS */
   5 .ui-dayselector label {
   6     height: 56px;
   7     width: 64px;
   8 }
   9
  10 .ui-dayselector  {
  11         display: inline-block;
  12
  13         .ui-btn {
  14                 border-color : @color_dayselector_Btn_border;
  15                 border-style : solid;
  16                 border-width : 1 * @unit_base;
  17                 .ui-btn-inner {
  18                         text-align :center;
  19                         padding : 0.8em 0px;
  20                 }
  21         }
  22         .ui-checkbox-off {
  23                 background : @color_dayselector_Btn_normal;
  24                 .ui-btn-text {
  25                         color : @color_dayselector_Btn_Mon_to_Fri;
  26                 }
  27         }
  28
  29         .ui-checkbox-off.ui-btn-down-s.ui-btn-hover-s {
  30                 background : @color_dayselector_Btn_press;
  31         }
  32
  33         .ui-checkbox-on {
  34                 background : @color_dayselector_Btn_press;
  35                 .ui-btn-text {
  36                         color : @color_dayselector_Btn_Mon_to_Fri;
  37                 }
  38         }
  39
  40         .ui-checkbox-on.ui-btn-down-s.ui-btn-hover-s {
  41                 background : @color_dayselector_Btn_normal;
  42         }
  43         .ui-dayselector-label-6 {
  44                 .ui-btn-text {
  45                 color: @color_dayselector_Btn_Sat;
  46                 }
  47         }
  48         .ui-dayselector-label-0 {
  49                 .ui-btn-text {
  50                     color: @color_dayselector_Btn_Sun;
  51                 }
  52         }
  53         .ui-checkbox {
  54                 height : 90 * @unit_base;
  55
  56                 .ui-btn {
  57                         width : 94 * @unit_base;
  58                 }
  59                 .ui-btn.ui-corner-left  {
  60                         border-top-left-radius : 5 * @unit_base;
  61                         border-bottom-left-radius : 5 * @unit_base;
  62                 }
  63                 .ui-btn.ui-corner-right {
  64                         border-top-right-radius : 5 * @unit_base;
  65                         border-bottom-right-radius : 5 * @unit_base;
  66                 }
  67         }
  68         .todons-dayselector-disabled .ui-dayselector-label-6 {
  69             color: #121212;
  70         }
  71
  72         .todons-dayselector-disabled .ui-dayselector-label-0 {
  73         color: #363636;
  74         }
  75
  76 }
  77
  78 .ui-dayselector.ui-controlgroup-vertical  {
  79         .ui-checkbox .ui-btn{
  80                 width : 100 * @unit_base;
  81                 .ui-btn-text {
  82                         margin-left : 0 * @unit_base;
  83                 }
  84         }
  85 }