I have with me a Twitter Bootstrap template that has 3 sections-- a admin section, a Shopping cart section, and a website section.
Separately I have a gradient / color generator java script app-- a user can select a color or gradient-- this generator gives as output the CSS for the color/gradient selected by the user...
What I want is this--
(1) user opens a page (any/all pages one at a time) in my bootstrap template.
(2) He selects a specific CSS element in that page.
(3) Now the gradient/color generator pops up and user selects a gradient/color in it.
(4) The generator stores the CSS for that css element and immediately the page is updated with user's choice of gradient (in that specific CSS element).
(5) Some elements require images to be used (and not gradients)-- each such element has a set of images (within one folder--> one folder has all images for one such css element). Now user can select one of these images as well as a css attribute like repeat-x/repeat-y/other attributes applicable to images.... Now that element in the twitter bootstrap page is updated with new css (which also uses the image selected by the user).
The above steps are repeated till a completely new custom Twitter Bootstrap template is generated.
Your JS should send all css variables to my server-side backend where the actual complete template will be generated using those CSS variables. (In client side JS only the element for which user has chosen a gradient/image should be updated so that user can see how it looks).
The twitter bootstrap template is attached with this project request.
The jquery gradient generator is attached with this message.