<html>
<head>
<title>CSS Compressor</title>
<style type='text/css'>
table{
width: 100%;
font-size: 9pt;
}
h2{
margin: 2px;
}
input[type='checkbox'] {
font-size: 8pt;
}
label{
display: block;
}
textarea{
width: 100%;
height: 440px;
font-size: 8pt;
}
</style>
</head>
<body>
<!--
CSS Compressor
r:4, April 28, 2009
Corey Hart @ http://www.codenothing.com
-->
<?
if ($_GET['view'] == "compress"){
include("css-compression.php");
echo "<textarea style='height:20px;' onclick='this.select()'>".$CSSC->compress($_POST['css'])."</textarea><br><br><a href='index.php'>Back</a>";
}else{
?>
<h2>CSS Compressor</h2>
<form action='index.php?view=compress' method='POST'>
<table>
<tr valign='top'>
<td width='50%'><textarea name='css'></textarea></td>
<td rowspan='2'>
<label>
<input type='checkbox' name='color-long2hex' checked='checked' />
Convert long color names to short hex names (aliceblue -> #f0f8ff)
</label>
<label>
<input type='checkbox' name='color-rgb2hex' checked='checked' />
Convert rgb colors to hex (rgb(159,80,98) -> #9F5062, only 0-255 ranges)
</label>
<label>
<input type='checkbox' name='color-hex2shortcolor' checked='checked' />
Convert long hex codes to short color names (#f5f5dc -> beige)
</label>
<label>
<input type='checkbox' name='color-hex2shorthex' checked='checked' />
Convert long hex codes to short hex codes (#44ff11 -> #4f1)
</label>
<label>
<input type='checkbox' name='fontweight2num' checked='checked' />
Convert font-weight names to numbers (bold -> 700)
</label>
<label>
<input type='checkbox' name='format-units' checked='checked' />
Remove zero decimals and 0 units (15.0px -> 15px || 0px -> 0)
</label>
<label>
<input type='checkbox' name='lowercase-selectors' checked='checked' />
Lowercase html tags from list (BODY -> body)
</label>
<label>
<input type='checkbox' name='directional-compress' checked='checked' />
Compress single defined multi-directional properties (margin:15px 25px 15px 25px -> margin:15px 25px)
</label>
<label>
<input type='checkbox' name='multiple-selectors' checked='checked' />
Combine multiply defined selectors (p{color:blue;} p{font-size:12pt} -> p{color:blue;font-size:12pt;})
</label>
<label>
<input type='checkbox' name='multiple-details' checked='checked' />
Combine selectors with same details (p{color:blue;} a{color:blue;} -> p,a{color:blue;})
</label>
<label>
<input type='checkbox' name='csw-combine' checked='checked' />
Combine color/style/width properties (border-style:dashed;border-color:black;border-width:4px; -> border:4px dashed black)
</label>
<label>
<input type='checkbox' name='mp-combine' checked='checked' />
Combine margin/padding directionals (margin-top:10px;margin-right:5px;margin-bottom:4px;margin-left:1px; -> margin:10px 5px 4px 1px;)
</label>
<label>
<input type='checkbox' name='border-combine' checked='checked' />
Combine border directionals (border-top|right|bottom|left:1px solid black -> border:1px solid black)
</label>
<label>
<input type='checkbox' name='font-combine' checked='checked' />
Combine font properties (font-size:12pt; font-family: arial; -> font:12pt arial)
</label>
<label>
<input type='checkbox' name='background-combine' checked='checked' />
Combine background properties (background-color: black; background-image: url(bgimg.jpeg); -> background:black url(bgimg.jpeg))
</label>
<label>
<input type='checkbox' name='list-combine' checked='checked' />
Combine list-style properties (list-style-type: round; list-style-position: outside -> list-style:round outside
</label>
<label>
<input type='checkbox' name='rm-multi-define' checked='checked' />
Remove multiply defined properties, STRONGLY SUGGESTED TO KEEP THIS ONE TRUE
</label>
</td>
</tr>
<tr>
<td align='center'><input type='submit' value=' Compress ' /></td>
</tr>
</table>
</form>
<?}// END ELSE CLAUSE?>
</body>
</html>