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         -ms-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
  78         -o-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
  79         -moz-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
  80         -webkit-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
  81         box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_fastscroll_popup_shadow;
  82         text-align: center;
  83         font-size: 75*@unit_base;
  84         font-weight: bold;
  85         display:none;
  86         box-sizing:border-box;
  87         left: 50%;
  88         top: 50%;
  89 }
  90
  91 li.ui-fastscroll-hover {
  92         color : @color_fastscroll_popup_bg;
  93 }
  94
  95 li.ui-fastscroll-hover,
  96 li.ui-fastscroll-hover-up,
  97 li.ui-fastscroll-hover-down {
  98         background : @color_list_bg;
  99
 100         border-style : solid;
 101         border-color : @color_fastscroll_popup_bg;
 102         border-width : 0px;
 103         border-right-width : 3 * @unit_base;
 104         border-left-width : 1px;
 105         border-left-color : @color_list_bg;
 106 }
 107
 108 li.ui-fastscroll-hover {
 109         padding-top : @unit_base;
 110         padding-bottom : @unit_base;
 111 }
 112
 113 li.ui-fastscroll-hover-first-item {
 114         padding-top : 2 * @unit_base;
 115 }
 116
 117 li.ui-fastscroll-hover-up {
 118         border-top-width : 3 * @unit_base;
 119         padding-top : 0px;
 120 }
 121
 122 li.ui-fastscroll-hover-down {
 123         border-bottom-width : 3 * @unit_base;
 124         padding-bottom : 0px;
 125 }