src/themes/tizen/common/jquery.mobile.tizen.scrollview.css

   1 @charset "utf-8";
   2
   3 .ui-scrollview-clip {
   4         position: relative;
   5 }
   6
   7 .ui-scrollview-view {
   8 }
   9
  10 .ui-scrolllistview .ui-li-divider {
  11         z-index: 10;
  12 }
  13
  14 .ui-scrollbar {
  15         position: absolute;
  16         overflow: hidden;
  17
  18         opacity: 0;
  19 }
  20
  21 .ui-scrollbar-visible {
  22         opacity: 1;
  23 }
  24
  25 .ui-scrollbar-y {
  26         top: 2px;
  27         right: 2px;
  28         bottom: 8px;
  29         width: 10px;
  30 }
  31
  32 .ui-scrollbar-x {
  33         right: 8px;
  34         bottom: 2px;
  35         left: 2px;
  36         height: 10px;
  37 }
  38
  39 .ui-scrollbar-track {
  40         position: relative;
  41         width: 100%;
  42         height: 100%;
  43 }
  44
  45 .ui-scrollbar-thumb {
  46         position: absolute;
  47         top: 0;
  48         left: 0;
  49         background-color: rgba(64, 64, 64, 0.7);
  50 }
  51
  52 .ui-scrollbar-y .ui-scrollbar-thumb {
  53         width: 10px;
  54         height: 100%;
  55 }
  56
  57 .ui-scrollbar-x .ui-scrollbar-thumb {
  58         width: 100%;
  59         height: 10px;
  60 }
  61
  62 /*
  63  * the values below are for the group index
  64  */
  65
  66 /*
  67  * padding here set to zero - otherwise the list scrolls underneith the top heading and can be seen above it
  68  */
  69 .ui-content.ui-scrollview-clip {
  70         padding: 0;
  71         padding-bottom: 15px;
  72 }
  73 .ui-content.ui-scrollview-clip > div.ui-scrollview-view {
  74         margin: 0;
  75         padding: 15px;
  76 }
  77
  78 /*
  79  * this seems to effect how far the top divider is place wrt to the scrollview
  80  * without this, it is placed too high, so it is clipped in half
  81  */
  82 .ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view {
  83         margin: 0;
  84 }