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

   1 @import "config.less";
   2
   3 .ui-fastscroll {
   4         position: absolute;
   5         right: 0*@unit_base;
   6         background-color: @color_fastscroll_rollover_bg;
   7         width: 25*@unit_base;
   8         -ms-user-select: none;
   9         -o-user-select: none;
  10         -moz-user-select: none;
  11         -webkit-user-select: none;
  12         user-select:none;
  13         margin:0;
  14         padding-right: 0.08em;
  15         opacity: 1;
  16         ul {
  17                 list-style-type: none;
  18                 margin: 0;
  19                 padding: 0;
  20         }
  21         li {
  22                 cursor: pointer;
  23                 color: @color_fastscroll_rollover_text;
  24                 padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base;
  25                 text-align: center;
  26                 vertical-align: middle;
  27                 font-size : 16 * @unit_base;
  28                 font-weight : bold;
  29
  30                 border-left-width : 3 * @unit_base;
  31                 border-left-color : @color_fastscroll_popup_bg;
  32                 border-left-style : solid;
  33
  34                 border-top-width : 3 * @unit_base;
  35                 border-top-color : @color_fastscroll_rollover_bg;
  36         }
  37 }
  38
  39 .ui-fastscroll2 {
  40         position: absolute;
  41         right: 0*@unit_base;
  42         -ms-user-select: none;
  43         -o-user-select: none;
  44         -moz-user-select: none;
  45         -webkit-user-select: none;
  46         user-select: none;
  47         margin:0;
  48         padding-right: 0.08em;
  49         opacity: 1;
  50         ul {
  51                 list-style-type: none;
  52                 margin: 0;
  53                 padding: 0;
  54         }
  55         li {
  56                 cursor: pointer;
  57                 color: @color_fastscroll_rollover_text;
  58                 padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base;
  59                 text-align: right;
  60         }
  61 }
  62
  63 .ui-fastscroll-bg {
  64         position: absolute;
  65         right: 0*@unit_base;
  66         background-color: @color_fastscroll_rollover_bg;
  67         width: 25 * @unit_base;
  68         z-index: 10;
  69         top: 0;
  70 }
  71
  72 .ui-fastscroll-popup {
  73         position: absolute;
  74         background: @color_fastscroll_popup_bg;
  75         color: @color_fastscroll_popup_text;
  76         padding:10*@unit_base 30*@unit_base;
  77         border: 1px solid @color_fastscroll_popup_border;
  78         border-radius: .1em;
  79         box-shadow: -2px -2px 2px #fff, 8*@unit_base 10*@unit_base 4*@unit_base @color_fastscroll_popup_shadow;
  80         text-shadow: 0px -2px -2px @color_fastscroll_popup_shadow;
  81         text-align: center;
  82         font-size: 75*@unit_base;
  83         font-weight: bold;
  84         display:none;
  85         box-sizing:border-box;
  86         left: 50%;
  87         top: 50%;
  88 }
  89
  90 li.ui-fastscroll-hover,
  91 li.ui-fastscroll-hover-down {
  92         border-style : solid;
  93         border-color : @color_fastscroll_popup_bg;
  94         border-width : 0px;
  95
  96         padding-top : 0px;
  97         padding-bottom : 0px;
  98 }
  99
 100 li.ui-fastscroll-hover {
 101         background : @color_list_bg;
 102         color : @color_fastscroll_popup_bg;
 103
 104         border-top-width : 3 * @unit_base;
 105         border-right-width : 3 * @unit_base;
 106         border-left-width : 1px;
 107         border-left-color : @color_list_bg;
 108 }
 109
 110 li.ui-fastscroll-hover-first-item {
 111         border-top-width : 0px;
 112         padding-top : 1.5 * @unit_base;
 113         padding-bottom : 1.5 * @unit_base;
 114 }
 115
 116 li.ui-fastscroll-hover-down {
 117         border-top-width : 3 * @unit_base;
 118         border-left-width : 3 * @unit_base;
 119         padding-bottom : 2 * @unit_base;
 120 }