The examples in this box demonstrate how to alter the look of your template, including box border (solid, dotted, dashed, double, groove, inset, outset, and ridge), box-shadow, text shadow, and gradient color. You have my permission to look over any of these by clicking View Source or Edit, and use them for your own templates. Just don't alter mine!
-webkit-radial-gradient can also be -webkit-linear-gradient. Linear gradient may specify the side or corner where you want the gradient to start: -webkit-linear-gradient(left, white, black) or -webkit-linear-gradient(top right, white, black). You can also specify the angle of the gradient axis: -webkit-linear-gradient(135deg, white, black)
This page is using a radial gradient. For more information on gradients, see: 
You can also change the size of your borders by specifying different values: 2px, 4px, 7px, etc.
Colors, by name or number, can be found here: