<!-- Beginning of JavaScript CSS-Coder Applet

// Copyright Robert J. Wellock 1999-2002, All Rights Reserved.

function generate() {
// Declare CSS Variables:


if (document.data.slector.value == "") 
        {
        alert("Por favor ¡ escoge un selector ! \no escribe otro en la casilla naranja\nRecuerda que tambien puedes usar \nnombres de clases comenzando con un punto:\n \".miclase\"");
        return false;
        }

//main selector
mainslector=document.data.slector.value

//propiedades color

if (document.data.bcolor.value != "") 
{backcolor="background-color : "+document.data.bcolor.value+"; "}
else {backcolor =""}
if (document.data.bimage.value != "") 
{backimage="background-image : "+document.data.bimage.value+"; "}
else {backimage =""}
if (document.data.bimgrpt.value != "") 
{backimgrepeat="background-repeat : "+document.data.bimgrpt.value+"; "}
else {backimgrepeat =""}
if (document.data.battch.value != "") 
{backattach="background-attachment : "+document.data.battch.value+"; "}
else {backattach =""}
if (document.data.bposit.value != "") 
{backposition="background-position : "+document.data.bposit.value+"; "}
else {backposition =""}
if (document.data.mcolor.value != "") 
{maincolor= "color : "+document.data.mcolor.value+"; "}
else {maincolor= ""}

//fuentes
if (document.data.fstyle.value != "") 
{fontstyle= "font-style : "+document.data.fstyle.value+"; "}
else {fontstyle= ""}
if (document.data.ffamily.value != "")
{fontfamily="font-family : "+document.data.ffamily.value+"; "}
else {fontfamily= ""}
if (document.data.fvariant.value != "")
{fontvariant="font-variant : "+document.data.fvariant.value+"; "}
else {fontvariant= ""}
if (document.data.fweight.value != "")
{fontweight="font-weight : "+document.data.fweight.value+"; "}
else {fontweight= ""}
if (document.data.fsize.value != "")
{fontsize="font-size : "+document.data.fsize.value+"; "}
else {fontsize= ""}

// propiedades de texto

if (document.data.wspacing.value != "")
{wordspacing="word-spacing : "+document.data.wspacing.value+"; "}
else {wordspacing= ""}
if (document.data.lspacing.value != "")
{letterspacing="letter-spacing : "+document.data.lspacing.value+"; "}
else {letterspacing= ""}
if (document.data.tdecoration.value != "")
{textdecoration="text-decoration : "+document.data.tdecoration.value+"; "}
else {textdecoration= ""}
if (document.data.valign.value != "")
{verticalalign="vertical-align : "+document.data.valign.value+"; "}
else {verticalalign= ""}
if (document.data.ttransform.value != "")
{texttransform="text-transform : "+document.data.ttransform.value+"; "}
else {texttransform= ""}
if (document.data.talign.value != "")
{textalign="text-align : "+document.data.talign.value+"; "}
else {textalign= ""}
if (document.data.tindent.value != "")
{textindent="text-indent : "+document.data.tindent.value+"; "}
else {textindent= ""}
if (document.data.lheight.value != "")
{lineheight="line-height : "+document.data.lheight.value+"; "}
else {lineheight= ""}
if (document.data.lstylet.value != "")
{liststylet="list-style-type : "+document.data.lstylet.value+"; "}
else {liststylet= ""}
if (document.data.lstylep.value != "")
{liststylep="list-style-position : "+document.data.lstylep.value+"; "}
else {liststylep= ""}
if (document.data.limage.value != "")
{listimage="list-style-image : "+document.data.limage.value+"; "}
else {listimage= ""}

lb="{"
rb="}"

output=""+mainslector+" "+lb+" "+maincolor+backcolor+backimage+backimgrepeat+backattach+backposition+fontstyle+fontfamily+fontvariant+fontweight+fontsize+wordspacing+letterspacing+textdecoration+verticalalign+texttransform+textalign+textindent+lineheight+liststylep+liststylet+listimage+rb


document.data.output.value = output
}




// End of JavaScript -->