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

   1
   2 @import "config.less";
   3
   4 /* dayselector CSS */
   5 .ui-dayselector label {
   6     height: 56 * @unit_base;
   7     width: 64 * @unit_base;
   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-6.ui-checkbox-on {
  49                 .ui-btn-text {
  50                         color: @color_dayselector_Btn_Mon_to_Fri;
  51                 }
  52         }
  53         .ui-dayselector-label-0 {
  54                 .ui-btn-text {
  55                     color: @color_dayselector_Btn_Sun;
  56                 }
  57         }
  58         .ui-checkbox {
  59                 height : 90 * @unit_base;
  60
  61                 .ui-btn {
  62                         width : 94 * @unit_base;
  63                 }
  64                 .ui-btn.ui-corner-left  {
  65                         border-top-left-radius : 5 * @unit_base;
  66                         border-bottom-left-radius : 5 * @unit_base;
  67                 }
  68                 .ui-btn.ui-corner-right {
  69                         border-top-right-radius : 5 * @unit_base;
  70                         border-bottom-right-radius : 5 * @unit_base;
  71                 }
  72         }
  73         .todons-dayselector-disabled .ui-dayselector-label-6 {
  74             color: #121212;
  75         }
  76
  77         .todons-dayselector-disabled .ui-dayselector-label-0 {
  78         color: #363636;
  79         }
  80
  81 }
  82
  83 .ui-dayselector.ui-controlgroup-vertical  {
  84         .ui-checkbox .ui-btn{
  85                 width : 112 * @unit_base;
  86                 .ui-btn-text {
  87                         margin-left : 16 * @unit_base;
  88                 }
  89         }
  90 }