<!-- 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.mcolor.value != "") 
{maincolor= "color : "+document.data.mcolor.value+"; "}
else {maincolor= ""}

// margenes
if (document.data.marg.value != "") 
{margin= "margin : "+document.data.marg.value+"; "}
else {margin= ""}

if (document.data.margt.value != "") 
{margint= "margin-top : "+document.data.margt.value+"; "}
else {margint= ""}

if (document.data.margr.value != "") 
{marginr= "margin-right : "+document.data.margr.value+"; "}
else {marginr= ""}

if (document.data.margb.value != "") 
{marginb= "margin-bottom : "+document.data.margb.value+"; "}
else {marginb= ""}

if (document.data.margl.value != "") 
{marginl= "margin-left : "+document.data.margl.value+"; "}
else {marginl= ""}

// padding
if (document.data.padd.value != "") 
{padding= "padding : "+document.data.padd.value+"; "}
else {padding= ""}

if (document.data.paddt.value != "") 
{paddingt= "padding-top : "+document.data.paddt.value+"; "}
else {paddingt= ""}

if (document.data.paddr.value != "") 
{paddingr= "padding-right : "+document.data.paddr.value+"; "}
else {paddingr= ""}

if (document.data.paddb.value != "") 
{paddingb= "padding-bottom : "+document.data.paddb.value+"; "}
else {paddingb= ""}

if (document.data.paddl.value != "") 
{paddingl= "padding-left : "+document.data.paddl.value+"; "}
else {paddingl= ""}


// border
if (document.data.bostyle.value != "")
{borderstyle="border-style : "+document.data.bostyle.value+"; "}
else {borderstyle= ""}

if (document.data.bowidth.value != "")
{borderwidth="border-width : "+document.data.bowidth.value+"; "}
else {borderwidth= ""}

if (document.data.bordcolor.value != "")
{bordercolor="border-color : "+document.data.bordcolor.value+"; "}
else {bordercolor= ""}

//width
if (document.data.wid.value != "")
{width="width : "+document.data.wid.value+"; "}
else {width= ""}

//heigth
if (document.data.heig.value != "")
{height="height : "+document.data.heig.value+"; "}
else {height= ""}
// float
if (document.data.flo.value != "")
{floatt="float : "+document.data.flo.value+"; "}
else {floatt= ""}
// clearr
if (document.data.cle.value != "")
{clearr="clear : "+document.data.cle.value+"; "}
else {clearr= ""}

// position
if (document.data.pos.value != "")
{position="position : "+document.data.pos.value+"; "}
else {position= ""}

if (document.data.top.value != "")
{ttop="top : "+document.data.top.value+"; "}
else {ttop= ""}

if (document.data.left.value != "")
{lleft="left : "+document.data.left.value+"; "}
else {lleft= ""}

if (document.data.bottom.value != "")
{bbottom="bottom : "+document.data.bottom.value+"; "}
else {bbottom= ""}

if (document.data.right.value != "")
{rright="right : "+document.data.right.value+"; "}
else {rright= ""}
if (document.data.zin.value != "")
{zindex=" z-index: "+document.data.zin.value+"; "}
else {zindex= ""}
if (document.data.vis.value != "")
{visibility=" visibility: "+document.data.vis.value+"; "}
else {visibility= ""}
lb="{"
rb="}"

output=""+mainslector+" "+lb+" "+maincolor+backcolor+backimage+margin+margint+marginr+marginb+marginl+padding+paddingt+paddingr+paddingb+paddingl+borderstyle+borderwidth+bordercolor+width+height+floatt+clearr+position+ttop+lleft+bbottom+rright+zindex+visibility+rb


document.data.output.value = output
}


// End of JavaScript -->