Change scrollbar sizes in firefox

I needed to change the size of all of the scrollbars in firefox to make touchscreen scrolling work nicely. I wanted nice big, fat, finger-sized scrollbars. I eventually figured it out, but the directions were sparse, so i thought I would paste my approach here.

Find the firefox profile. Mine was here:

/home/crazy/.mozilla/firefox/9ipm15p4.touchscreen

Go into the chrome directory and create userContent.css:


scrollbar[orient="vertical"] scrollbarbutton,
scrollbar[orient="vertical"] slider,
scrollbar[orient="horizontal"] scrollbarbutton,
scrollbar[orient="horizontal"] slider{
height: 40px !important;
width: 40px !important;
}


Phat scrollbars!