Shoutbox

I was wondering if any one could make a style sheet generator?

heres what style looks like

code:

---

body {
    background-color: rgb(255,255,255);
    background-image: url(images/styles/style6/style6_background.gif);
    background-position: top left;
    background-repeat: repeat-x;
    background-attachment: fixed;
    filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
    }
table, tr, td #main_search {
    background-color: transparent;
    border: 0px;
    }
table table {
    border: 0px;
    }
table table table table{
    border:0px;
    }
table table table {
    border-width: 0px;
    border-color: rgb(102,102,102);
    border-style: solid;
    background-color: transparent;
    }
table table table td {
    background-color: transparent;
    filter:alpha(100);
    -moz-opacity:1;
    opacity:1;
    -khtml-opacity:1;
    }
table table table table td {
    filter:none;
    }
body, div, span, td, p, strong, b, u {
    font-family: Verdana;
    font-size: 12px;
    color: rgb(0, 0, 0);
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    }
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
    color: rgb(108, 62, 12);
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    }
a.navbar:hover, a.man:hover, a:hover {
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
    }
   

table table table table {
    margin: 2px;
}
table table table table {
    border-style: 0px;
               }           
.table2top {
    background: #9D4F00;
    background-repeat: repeat;
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.table2left {
    background: #FFFFFF;
    background-repeat: repeat-y;
}

.table2topr {
    background: #9D4F00;
    background-repeat: no-repeat;
}

.table2topl {
    background:  #9D4F00;
    background-repeat: no-repeat;
}

.table2right {
    background: #FFFFFF;
    background-repeat: repeat-y;
}

.table2bottoml {
    background: #FFFFFF;
    background-repeat: no-repeat;
}

.table2bottomr {
    background: #FFFFFF;
    background-repeat: no-repeat;
}
.table2bottom {
    background: #FFFFFF;
    background-repeat: repeat-x;
}

.table2bg {
    background-color: #FFFFFF;
}

.table2toptr{
    height:26px;
}

.table2bottomtr{
   height:10px;
}



.table3top {
    background: #9D4F00;
    background-repeat: repeat;
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.table3left {
    background: #FFFFFF;
    background-repeat: repeat-y;
}

.table3topr {
    background: #9D4F00;
    background-repeat: no-repeat;
}

.table3topl {
    background:  #9D4F00;
    background-repeat: no-repeat;
}

.table3right {
    background: #FFFFFF;
    background-repeat: repeat-y;
}

.table3bottoml {
    background: #FFFFFF;
    background-repeat: no-repeat;
}

.table3bottomr {
    background: #FFFFFF;
    background-repeat: no-repeat;
}
.table3bottom {
    background: #FFFFFF;
    background-repeat: repeat-x;
}

.table3bg {
    background-color: #FFFFFF;
}

.table3toptr{
    height:26px;
}

.table3bottomtr{
   height:10px;
}
h1 { color: #000000; }

---

so i was wondering for every piece of style code could you put the same options in a script? Also have it so you can pick the colour from we colour chart.
or you enter in the hex code the colour will appear to show you what it looks like. then generaters the code and shows you preview?