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

   1 @import "config.less";
   2
   3 .ui-shortcutscroll {
   4         position: absolute;
   5         right: 0*@unit_base;
   6         background-color: @color_shortcutscroll_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         }
  22         li {
  23                 cursor: pointer;
  24                 color: @color_shortcutscroll_rollover_text;
  25                 padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base;
  26                 text-align: center;
  27                 font-size : 16 * @unit_base;
  28                 font-weight : bold;
  29
  30                 border-left-width : 3 * @unit_base;
  31                 border-left-color : @color_shortcutscroll_popup_bg;
  32                 border-left-style : solid;
  33         }
  34 }
  35
  36 .ui-shortcutscroll2 {
  37         position: absolute;
  38         right: 0*@unit_base;
  39         -ms-user-select: none;
  40         -o-user-select: none;
  41         -moz-user-select: none;
  42         -webkit-user-select: none;
  43         user-select: none;
  44         margin:0;
  45         padding-right: 0.08em;
  46         opacity: 1;
  47         ul {
  48                 list-style-type: none;
  49                 margin: 0;
  50                 padding: 0;
  51         }
  52         li {
  53                 cursor: pointer;
  54                 color: @color_shortcutscroll_rollover_text;
  55                 padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base;
  56                 text-align: right;
  57
  58
  59
  60         }
  61 }
  62
  63 .ui-shortcutscroll-bg {
  64         position: absolute;
  65         right: 0*@unit_base;
  66         background-color: @color_shortcutscroll_rollover_bg;
  67         width: 25 * @unit_base;
  68         z-index: 10;
  69         top: 0;
  70 }
  71
  72 .ui-shortcutscroll-popup {
  73         position: absolute;
  74         background: @color_shortcutscroll_popup_bg;
  75         color: @color_shortcutscroll_popup_text;
  76         padding:10*@unit_base 30*@unit_base;
  77         -ms-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow;
  78         -o-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow;
  79         -moz-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow;
  80         -webkit-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow;
  81         box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_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 }
  88
  89 li.ui-shortcutscroll-hover {
  90         color : @color_shortcutscroll_popup_bg;
  91 }
  92
  93 li.ui-shortcutscroll-hover,
  94 li.ui-shortcutscroll-hover-up,
  95 li.ui-shortcutscroll-hover-down {
  96         background : @color_list_bg;
  97
  98         border-style : solid;
  99         border-color : @color_shortcutscroll_popup_bg;
 100         border-width : 0px;
 101         border-right-width : 3 * @unit_base;
 102         border-left-width : 1px;
 103         border-left-color : @color_list_bg;
 104 }
 105
 106 li.ui-shortcutscroll-hover-up {
 107         border-top-width : 3 * @unit_base;
 108 }
 109
 110 li.ui-shortcutscroll-hover-down {
 111         border-bottom-width : 3 * @unit_base;
 112 }