Green Scroll Bar - Pure CSS3 (from ZIG)

Green Scrollbar. Pure CSS3, no JS. Simple and Cute! Just extracted from ZIG( zzllrr Imager Geek ) http://goo.gl/n8SMk

What is Green Scroll Bar - Pure CSS3 (from ZIG)?

Green Scroll Bar - Pure CSS3 (from ZIG) is a Chrome extension developed by https://sites.google.com/site/zzllrrimager, and its main feature is "Green Scrollbar. Pure CSS3, no JS. Simple and Cute! Just extracted from ZIG( zzllrr Imager Geek ) http://goo.gl/n8SMk".

Extension Screenshots

screenshot

Download Green Scroll Bar - Pure CSS3 (from ZIG) Extension CRX File

Download Green Scroll Bar - Pure CSS3 (from ZIG) extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        A simple Chrome Scroll Bar just extracted from zzllrr Imager. 

*Green and Cute!

*Pure CSS3, no JS(JavaScript)!

*Work well on web pages, iframes, textarea, etc.

Don't go away if you need other scrollbar styles. 
Below are CSS Hack/MOD/DIY Tips.

/* 1. The original CSS of scrollbar from zzllrr imager */

::-webkit-scrollbar{
	background-color:white;  	
	width:10px;
        height:10px;
	-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5) inset;
}
::-webkit-scrollbar-thumb{
        border-radius:5px;
	background-color:white;
	-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5),inset -2px 2px 2px rgba(204,204,204,0.1),inset 2px -2px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover{
	background-color:#a2c437;
}

/* 2. Just go to this extension folder 
(Your-Default-Chrome-Extension-Folder\Default\Extensions\hnnpahlmflcceeadbeollhmmkfhfelnn\1.0.1_0))
       to find the CSS file zzllrrImagerScrollbar.css to modify as you wish. 
*/

/* 3. Go to chrome://extensions/ to disable this extension and then enable it. 
        Over! Nice job!
*/                    

Extension Basic Information

Name Green Scroll Bar - Pure CSS3 (from ZIG) Green Scroll Bar - Pure CSS3 (from ZIG)
ID hnnpahlmflcceeadbeollhmmkfhfelnn
Official URL https://chromewebstore.google.com/detail/green-scroll-bar-pure-css/hnnpahlmflcceeadbeollhmmkfhfelnn
Description Green Scrollbar. Pure CSS3, no JS. Simple and Cute! Just extracted from ZIG( zzllrr Imager Geek ) http://goo.gl/n8SMk
File Size 12.47 KB
Installation Count 537
Current Version 2013.6.27
Last Updated 2013-06-27
Publish Date 2013-06-26
Rating 4.31/5 Total 16 Ratings
Developer https://sites.google.com/site/zzllrrimager
Email [email protected]
Payment Type free
Extension Website https://chrome.google.com/webstore/detail/gfjhimhkjmipphnaminnnnjpnlneeplk
Help Page URL http://weibo.com/zzllrrImager
Privacy Policy Page URL https://sites.google.com/site/zzllrrimager/about
Supported Languages en
manifest.json
{
    "update_url": "http:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Green Scroll Bar - Pure CSS3 (from ZIG)",
    "version": "2013.6.27",
    "description": "Green Scrollbar. Pure CSS3, no JS. Simple and Cute! Just extracted from ZIG( zzllrr Imager Geek ) http:\/\/goo.gl\/n8SMk",
    "icons": {
        "16": "img\/16.jpg",
        "48": "img\/48.jpg",
        "128": "img\/128.gif"
    },
    "content_scripts": [
        {
            "css": [
                "ZIG-Scrollbar.css"
            ],
            "matches": [
                ""
            ],
            "all_frames": true
        }
    ],
    "homepage_url": "https:\/\/chrome.google.com\/webstore\/detail\/gfjhimhkjmipphnaminnnnjpnlneeplk",
    "manifest_version": 2
}