I have a question about Custom Themes

Question

I have a question about custom themes I was going to try playing with them and use a CSS Gradient Generator from http://www.colorzilla.com/gradient-editor/. I am new to css and html but a friend of mine told me about a generators and it how does the code for you. I tired it out and put it into where I thought it would logically need to go the "My Themes" CSS and nothing happened. I want to use something like this as my code but not sure how to make this work. Any ideas?

background: rgb(102,94,99); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(102,94,99,1) 0%, rgba(221,223,227,1) 50%, rgba(102,94,99,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(102,94,99,1)), color-stop(50%,rgba(221,223,227,1)), color-stop(100%,rgba(102,94,99,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(102,94,99,1) 0%,rgba(221,223,227,1) 50%,rgba(102,94,99,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(102,94,99,1) 0%,rgba(221,223,227,1) 50%,rgba(102,94,99,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(102,94,99,1) 0%,rgba(221,223,227,1) 50%,rgba(102,94,99,1) 100%); /* IE10+ */
background: radial-gradient(center, ellipse cover, rgba(102,94,99,1) 0%,rgba(221,223,227,1) 50%,rgba(102,94,99,1) 100%); /* W3C */
filter: progidXImageTransform.Microsoft.gradient( startColorstr='#665e63', endColorstr='#665e63',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

oh and my website is http://k-ophotography.smugmug.com

Answer 1

The CSS you have included is incomplete and does not appear to be on your site anywhere.

The CSS has to be targeted at a particular object like this:

body {
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(102,94,99,1)), color-stop(50%,rgba(221,223,227,1)), color-stop(100%,rgba(102,94,99,1))); /* Chrome,Safari4+ */
}

You can't just paste in the middle part without the outer part which indicates which object the CSS is targeted for.

FYI, you probably want to put it in the site-wide-customization CSS box and not create a theme. Custom themes are rarely used any more.