Permalink
Browse files

Add google-style scrollbar

  • Loading branch information...
1 parent 39bc181 commit 370ee83c373aedd35ca4b5fc570f766f450155b3 @chadoh committed Feb 10, 2013
Showing with 20 additions and 0 deletions.
  1. +19 −0 themes/immerse/public/immerse/stylesheets/scrollbar.css
  2. +1 −0 themes/immerse/views/layout.haml
@@ -0,0 +1,19 @@
+::-webkit-scrollbar {
+ width: 10px;
+ height: 10px;
+}
+::-webkit-scrollbar-track {
+ background: #FFF;
+ -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
+}
+::-webkit-scrollbar-thumb {
+ background: #CCC;
+ -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
+}
+::-webkit-scrollbar-thumb:hover {
+ background: #AAA;
+}
+::-webkit-scrollbar-thumb:active {
+ background: #888;
+ -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
+}
@@ -9,6 +9,7 @@
%title= "#{@page.heading} - chadoh"
%link{ :href => "/css/master.css", :media => "screen", :rel => "stylesheet", :type => "text/css" }
- local_stylesheet_link_tag('local')
+ %link{ :href => "/immerse/stylesheets/scrollbar.css", :media => "screen", :rel => "stylesheet", :type => "text/css" }
%link{ :href => "/articles.xml", :rel => "alternate", :type => "application/atom+xml" }
= haml :analytics, :layout => false
%meta(name="viewport" content="width=device-width, initial-scale=1.0")

0 comments on commit 370ee83

Please sign in to comment.