From bab4cc8f439ffa18774b7ebea42c1dc5742680d2 Mon Sep 17 00:00:00 2001
From: chemzqm <chemzqm@gmail.com>
Date: Thu, 18 Feb 2016 03:12:00 +0800
Subject: [PATCH] improve css

---
 example/index.html | 5 +++--
 example/index.js   | 1 -
 iscroll.css        | 6 +++---
 lib/handlebar.js   | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/example/index.html b/example/index.html
index 46e16cf..d7bba9f 100644
--- a/example/index.html
+++ b/example/index.html
@@ -6,9 +6,10 @@
     <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1"/>
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <link rel="stylesheet" href="../iscroll.css">
     <style>
       body {
-        font: 500 14px/1.6 "Helvetica Neue", Helvetica, sans-serif;
+        font-family:"Helvetica Neue", Helvetica, sans-serif;
         padding: 0px;
         background-color: #e8e8e8;
         overflow: hidden;
@@ -35,7 +36,7 @@
       .content > li {
         border-bottom: 1px solid #0a0a0a;
         color: #0A0A0A;
-        font-size: 80%;
+        font-size: 12px;
         line-height: 30px;
         padding: 0 5px;
       }
diff --git a/example/index.js b/example/index.js
index e1702ca..606e39d 100644
--- a/example/index.js
+++ b/example/index.js
@@ -1,4 +1,3 @@
-require('../iscroll.css')
 var log = document.getElementById('log')
 document.getElementById('add').addEventListener('click', function(e) {
   var c = el.querySelector('.content')
diff --git a/iscroll.css b/iscroll.css
index 9210b68..7c0d2c2 100644
--- a/iscroll.css
+++ b/iscroll.css
@@ -1,11 +1,11 @@
 .iscroll-handlebar {
   position: absolute;
-  right: 0px;
+  right: 1px;
   top: 0px;
   -webkit-transition: background-color 0.2s ease-out, -webkit-transform 0.1s ease-out,width 0.1s ease-out, height 0.1s ease-out;
   transition: background-color 0.2s ease-out, transform 0.1s ease-out,width 0.1s ease-out, height 0.1s ease-out;
-  width: 4px;
-  border-radius: 2px;
+  width: 2px;
+  border-radius: 1px;
   background-color: rgba(0, 0, 0, 0);
   z-index: 9999;
   height: 0px;
diff --git a/lib/handlebar.js b/lib/handlebar.js
index 6bcf638..b69fb60 100644
--- a/lib/handlebar.js
+++ b/lib/handlebar.js
@@ -24,7 +24,7 @@ function handlebar(scrollable) {
 handlebar.prototype.resize = function (h) {
   var s = this.el.style
   s.height = h + 'px'
-  s.backgroundColor = 'rgba(0,0,0,0.3)'
+  s.backgroundColor = 'rgba(0,0,0,0.5)'
 }
 
 /**