Green Scrollbar. Pure CSS3, no JS. Simple and Cute! Just extracted from ZIG( zzllrr Imager Geek ) http://goo.gl/n8SMk
Green Scroll Bar - Pure CSS3 (from ZIG) Extension
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{
\tbackground-color:white; \t
\twidth:10px;
height:10px;
\t-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5) inset;
}
::-webkit-scrollbar-thumb{
border-radius:5px;
\tbackground-color:white;
\t-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{
\tbackground-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!
*/
Read more
*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{
\tbackground-color:white; \t
\twidth:10px;
height:10px;
\t-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5) inset;
}
::-webkit-scrollbar-thumb{
border-radius:5px;
\tbackground-color:white;
\t-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{
\tbackground-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!
*/
Source 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}
Read more