src/widgets/common/css/jquery.mobile.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         -webkit-transition: opacity 500ms;
  20         -moz-transition: opacity 500ms;
  21         transition: opacity 500ms;
  22 }
  23
  24 .ui-scrollbar-visible {
  25         opacity: 1;
  26 }
  27
  28 .ui-scrollbar-y {
  29         top: 2px;
  30         right: 2px;
  31         bottom: 8px;
  32         width: 5px;
  33 }
  34
  35 .ui-scrollbar-x {
  36         right: 8px;
  37         bottom: 2px;
  38         left: 2px;
  39         height: 5px;
  40 }
  41
  42 .ui-scrollbar-track {
  43         position: relative;
  44         width: 100%;
  45         height: 100%;
  46 }
  47
  48 .ui-scrollbar-thumb {
  49         position: absolute;
  50         top: 0;
  51         left: 0;
  52         background-color: rgba(0, 0, 0, 0.3);
  53         -moz-border-radius: 2px;
  54         -webkit-border-radius: 2px;
  55         border-radius: 2px;
  56 }
  57
  58 .ui-scrollbar-y .ui-scrollbar-thumb {
  59         width: 5px;
  60         height: 100%;
  61 }
  62
  63 .ui-scrollbar-x .ui-scrollbar-thumb {
  64         width: 100%;
  65         height: 5px;
  66 }
  67
  68 /*
  69  * the values below are for the group index
  70  */
  71
  72 /*
  73  * padding here set to zero - otherwise the list scrolls underneith the top heading and can be seen above it
  74  */
  75 .ui-content.ui-scrollview-clip {
  76     padding: 0;
  77 }
  78
  79 /*
  80  * this seems to effect how far the top divider is place wrt to the scrollview
  81  * without this, it is placed too high, so it is clipped in half
  82  */
  83 .ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view {
  84     margin: 0;
  85 }