src/themes/tizen/common/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
  12         .ui-btn {
  13                 border-color : @color_dayselector_Btn_border;
  14                 border-style : solid;
  15                 border-width : 1 * @unit_base;
  16                 .ui-btn-inner {
  17                         text-align :center;
  18                         padding : 0.8em 0px;
  19                 }
  20         }
  21         .ui-checkbox-off {
  22                 background : @color_dayselector_Btn_normal;
  23                 .ui-btn-text {
  24                         color : @color_dayselector_Btn_Mon_to_Fri;
  25                 }
  26         }
  27
  28         .ui-checkbox-off.ui-btn-down-s.ui-btn-hover-s {
  29                 background : @color_dayselector_Btn_press;
  30         }
  31
  32         .ui-checkbox-on {
  33                 background : @color_dayselector_Btn_press;
  34                 .ui-btn-text {
  35                         color : @color_dayselector_Btn_Mon_to_Fri;
  36                 }
  37         }
  38
  39         .ui-checkbox-on.ui-btn-down-s.ui-btn-hover-s {
  40                 background : @color_dayselector_Btn_normal;
  41         }
  42         .ui-dayselector-label-saturday {
  43                 .ui-btn-text {
  44                 color: @color_dayselector_Btn_Sat;
  45                 }
  46         }
  47         .ui-dayselector-label-sunday {
  48                 .ui-btn-text {
  49                     color: @color_dayselector_Btn_Sun;
  50                 }
  51         }
  52         .ui-checkbox {
  53                 height : 90 * @unit_base;
  54
  55                 .ui-btn {
  56                         width : 94 * @unit_base;
  57                 }
  58                 .ui-btn.ui-corner-left  {
  59                         border-top-left-radius : 5 * @unit_base;
  60                         border-bottom-left-radius : 5 * @unit_base;
  61                 }
  62                 .ui-btn.ui-corner-right {
  63                         border-top-right-radius : 5 * @unit_base;
  64                         border-bottom-right-radius : 5 * @unit_base;
  65                 }
  66 }
  67
  68 }
  69