CSS Compressor & Minifier
Free CSS Compressor and CSS Compression Tool

    * CSS COMPRESSOR TOOL
    * FEATURES & OPTIONS
    * INSTRUCTIONS

CSS Input: CSS-Code:a:link, body_alink { color:#0F67DC; } .page { background:none repeat scroll 0 0 #FFFFFF; color:#333333; } td, th, p, li { font:10pt verdana,arial,helvetica,sans-serif; } .tborder { background:none repeat scroll 0 0 #FFFFFF; border:0 solid; color:#333333; } .tcat { background:none repeat scroll 0 0 #5588DD; color:#FFFFFF; font:bold 10pt verdana,arial,helvetica,sans-serif; } .tcat a:link, .tcat_alink { color:#FFFFFF; text-decoration:none; } .tcat a:visited, .tcat_avisited { color:#FFFFFF; text-decoration:none; } .tcat a:hover, .tcat a:active, .tcat_ahover { color:#FFFF66; text-decoration:underline; } .thead { background:none repeat scroll 0 0 #5588DD; color:#FFFFFF; font:bold 11px tahoma,verdana,arial,helvetica,sans-serif; } .thead a:link, .thead_alink { color:#FFFFFF; } .thead a:visited, .thead_avisited { color:#FFFFFF; } .thead a:hover, .thead a:active, .thead_ahover { color:#FFFF00; } .tfoot { background:none repeat scroll 0 0 #5588DD; color:#FFFFFF; } .tfoot a:link, .tfoot_alink { color:#FFFFFF; } .tfoot a:visited, .tfoot_avisited { color:#E0E0F6; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { color:#FFFF66; } .alt1, .alt1Active { background:none repeat scroll 0 0 #FFFFFF; color:#333333; padding: 0 0 10px 0; } .alt2, .alt2Active { background:none repeat scroll 0 0 #FFFFFF; color:#333333; } .inlinemod { background:none repeat scroll 0 0 #FFFFCC; color:#333333; } .wysiwyg { background:none repeat scroll 0 0 #FFFFFF; color:#333333; font:10pt verdana,arial,helvetica,sans-serif; } textarea, .bginput { font:10pt verdana,arial,helvetica,sans-serif; } .bginput option, .bginput optgroup { font-family:verdana,arial,helvetica,sans-serif; font-size:10pt; } .button { font:11px verdana,arial,helvetica,sans-serif; } select { font:11px verdana,arial,helvetica,sans-serif; } option, optgroup { font-family:verdana,arial,helvetica,sans-serif; font-size:11px; } .smallfont { font:11px verdana,arial,helvetica,sans-serif; } .time { color:#666686; } .navbar { font:11px verdana,arial,helvetica,sans-serif; } .highlight { color:#FF0000; font-weight:bold; } .fjsel { background:none repeat scroll 0 0 #5588DD; color:#FFFFFF; } .fjdpth0 { background:none repeat scroll 0 0 #FFFFFF; color:#000000; } .panel { background: #E4E7F5; border:2px outset; color:#333333; padding:10px; } .panelsurround { background:none repeat scroll 0 0 #FFFFCC; color:#333333; } legend { color:#22229C; font:11px tahoma,verdana,arial,helvetica,sans-serif; } .vbmenu_control { background:none repeat scroll 0 0 #5588DD; color:#FFFFFF; font:bold 11px tahoma,verdana,arial,helvetica,sans-serif; padding:3px 6px; white-space:nowrap; } .vbmenu_control a:link, .vbmenu_control_alink { color:#FFFFFF; text-decoration:none; } .vbmenu_control a:visited, .vbmenu_control_avisited { color:#FFFFFF; text-decoration:none; } .vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover { color:#FFFFFF; text-decoration:underline; } .vbmenu_popup { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #0B198C; color:#333333; } .vbmenu_option { background:none repeat scroll 0 0 #BBC7CE; color:#333333; cursor:pointer; font:11px verdana,arial,helvetica,sans-serif; white-space:nowrap; } .vbmenu_option a:link, .vbmenu_option_alink { color:#22229C; text-decoration:none; } .vbmenu_option a:visited, .vbmenu_option_avisited { color:#22229C; text-decoration:none; } .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color:#FFFFFF; text-decoration:none; } .vbmenu_hilite { background:none repeat scroll 0 0 #8A949E; color:#FFFFFF; cursor:pointer; font:11px verdana,arial,helvetica,sans-serif; white-space:nowrap; } .vbmenu_hilite a:link, .vbmenu_hilite_alink { color:#FFFFFF; text-decoration:none; } .vbmenu_hilite a:visited, .vbmenu_hilite_avisited { color:#FFFFFF; text-decoration:none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color:#FFFFFF; text-decoration:none; } .menubuttons { background-color:#DFECF4; border:3px solid #FFFFFF; color:#FFFFFF; font-size:14px; font-weight:normal; padding-bottom:5px; padding-top:5px; } .myh1 { color:#0F67DC; font-size:16px; font-weight:bold; } .myh2 { color:#0F67DC; font-size:11px; font-weight:bold; } .bluetopline { border-top:5px solid #438DEF; margin-left:5px; margin-right:5px; } .bigusername { font-size:14pt; } td.thead, div.thead { padding:4px; } .pagenav a { text-decoration:none; } .pagenav td { padding:2px 4px; } .fieldset { margin-bottom:6px; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size:11px; } form { display:inline; } label { cursor:default; } .normal { font-weight:normal; } .inlineimg { vertical-align:middle; } CSS from URL:
Code Layout: Compression (code layout):
Custom template
Options Preserve CSS
Sort Selectors (caution)
Sort Properties
Regroup selectors
Optimise shorthands
Compress colors
Compress font-weight
Lowercase selectors
Case for properties:
None Lowercase Uppercase
Remove unnecessary backslashes
Remove last ;
Discard invalid properties
Add timestamp
Output as file
Messages
8 - Optimized color: Changed "#FFFFFF" to "#FFF" 9 - Optimized color: Changed "#333333" to "#333" 15 - Optimized color: Changed "#FFFFFF" to "#FFF" 17 - Optimized color: Changed "#333333" to "#333" 20 - Optimized color: Changed "#5588DD" to "#58D" 21 - Optimized color: Changed "#FFFFFF" to "#FFF" 25 - Optimized color: Changed "#FFFFFF" to "#FFF" 29 - Optimized color: Changed "#FFFFFF" to "#FFF" 33 - Optimized color: Changed "#FFFF66" to "#FF6" 37 - Optimized color: Changed "#5588DD" to "#58D" 38 - Optimized color: Changed "#FFFFFF" to "#FFF" 42 - Optimized color: Changed "#FFFFFF" to "#FFF" 45 - Optimized color: Changed "#FFFFFF" to "#FFF" 48 - Optimized color: Changed "#FFFF00" to "#FF0" 51 - Optimized color: Changed "#5588DD" to "#58D" 52 - Optimized color: Changed "#FFFFFF" to "#FFF" 55 - Optimized color: Changed "#FFFFFF" to "#FFF" 61 - Optimized color: Changed "#FFFF66" to "#FF6" 64 - Optimized color: Changed "#FFFFFF" to "#FFF" 65 - Optimized color: Changed "#333333" to "#333" 68 - Optimized color: Changed "#FFFFFF" to "#FFF" 69 - Optimized color: Changed "#333333" to "#333" 72 - Optimized color: Changed "#FFFFCC" to "#FFC" 73 - Optimized color: Changed "#333333" to "#333" 76 - Optimized color: Changed "#FFFFFF" to "#FFF" 77 - Optimized color: Changed "#333333" to "#333" 107 - Optimized color: Changed "#FF0000" to "red" 108 - Optimized font-weight: Changed "bold" to "700" 111 - Optimized color: Changed "#5588DD" to "#58D" 112 - Optimized color: Changed "#FFFFFF" to "#FFF" 115 - Optimized color: Changed "#FFFFFF" to "#FFF" 116 - Optimized color: Changed "#000000" to "#000" 121 - Optimized color: Changed "#333333" to "#333" 125 - Optimized color: Changed "#FFFFCC" to "#FFC" 126 - Optimized color: Changed "#333333" to "#333" 133 - Optimized color: Changed "#5588DD" to "#58D" 134 - Optimized color: Changed "#FFFFFF" to "#FFF" 140 - Optimized color: Changed "#FFFFFF" to "#FFF" 144 - Optimized color: Changed "#FFFFFF" to "#FFF" 148 - Optimized color: Changed "#FFFFFF" to "#FFF" 152 - Optimized color: Changed "#FFFFFF" to "#FFF" 154 - Optimized color: Changed "#333333" to "#333" 158 - Optimized color: Changed "#333333" to "#333" 172 - Optimized color: Changed "#FFFFFF" to "#FFF" 177 - Optimized color: Changed "#FFFFFF" to "#FFF" 183 - Optimized color: Changed "#FFFFFF" to "#FFF" 187 - Optimized color: Changed "#FFFFFF" to "#FFF" 191 - Optimized color: Changed "#FFFFFF" to "#FFF" 196 - Optimized color: Changed "#FFFFFF" to "#FFF" 197 - Optimized color: Changed "#FFFFFF" to "#FFF" 199 - Optimized font-weight: Changed "normal" to "400" 206 - Optimized font-weight: Changed "bold" to "700" 211 - Optimized font-weight: Changed "bold" to "700" 243 - Optimized font-weight: Changed "normal" to "400"
Input: 4.867KB, Output:3.48KB, Compression Ratio: 28.5% (-1387 Bytes) - Copy to clipboard

a:link,body_alink{color:#0F67DC;}
.tborder{background:none repeat scroll 0 0 #FFF;border:0 solid;color:#333;}
.tcat{background:none repeat scroll 0 0 #58D;color:#FFF;font:bold 10pt verdana,arial,helvetica,sans-serif;}
.tcat a:hover,.tcat a:active,.tcat_ahover{color:#FF6;text-decoration:underline;}
.thead{background:none repeat scroll 0 0 #58D;color:#FFF;font:bold 11px tahoma,verdana,arial,helvetica,sans-serif;}
.thead a:hover,.thead a:active,.thead_ahover{color:#FF0;}
.tfoot a:visited,.tfoot_avisited{color:#E0E0F6;}
.tfoot a:hover,.tfoot a:active,.tfoot_ahover{color:#FF6;}
.wysiwyg{background:none repeat scroll 0 0 #FFF;color:#333;font:10pt verdana,arial,helvetica,sans-serif;}
.bginput option,.bginput optgroup{font-family:verdana,arial,helvetica,sans-serif;font-size:10pt;}
option,optgroup{font-family:verdana,arial,helvetica,sans-serif;font-size:11px;}
.time{color:#666686;}
.highlight{color:red;font-weight:700;}
.fjdpth0{background:none repeat scroll 0 0 #FFF;color:#000;}
.panel{background:#E4E7F5;border:2px outset;color:#333;padding:10px;}
legend{color:#22229C;font:11px tahoma,verdana,arial,helvetica,sans-serif;}
.vbmenu_control{background:none repeat scroll 0 0 #58D;color:#FFF;font:bold 11px tahoma,verdana,arial,helvetica,sans-serif;white-space:nowrap;padding:3px 6px;}
.vbmenu_control a:hover,.vbmenu_control a:active,.vbmenu_control_ahover{color:#FFF;text-decoration:underline;}
.vbmenu_popup{background:none repeat scroll 0 0 #FFF;border:1px solid #0B198C;color:#333;}
.vbmenu_option{background:none repeat scroll 0 0 #BBC7CE;color:#333;cursor:pointer;font:11px verdana,arial,helvetica,sans-serif;white-space:nowrap;}
.vbmenu_hilite{background:none repeat scroll 0 0 #8A949E;color:#FFF;cursor:pointer;font:11px verdana,arial,helvetica,sans-serif;white-space:nowrap;}
.menubuttons{background-color:#DFECF4;border:3px solid #FFF;color:#FFF;font-size:14px;font-weight:400;padding-bottom:5px;padding-top:5px;}
.myh1{color:#0F67DC;font-size:16px;font-weight:700;}
.myh2{color:#0F67DC;font-size:11px;font-weight:700;}
.bluetopline{border-top:5px solid #438DEF;margin-left:5px;margin-right:5px;}
.bigusername{font-size:14pt;}
td.thead,div.thead{padding:4px;}
.pagenav a{text-decoration:none;}
.pagenav td{padding:2px 4px;}
.fieldset{margin-bottom:6px;}
.fieldset,.fieldset td,.fieldset p,.fieldset li{font-size:11px;}
form{display:inline;}
label{cursor:default;}
.normal{font-weight:400;}
.inlineimg{vertical-align:middle;}
.page,.alt1,.alt1Active,.alt2,.alt2Active{background:none repeat scroll 0 0 #FFF;color:#333;}
td,th,p,li,textarea,.bginput{font:10pt verdana,arial,helvetica,sans-serif;}
.tcat a:link,.tcat_alink,.tcat a:visited,.tcat_avisited,.vbmenu_control a:link,.vbmenu_control_alink,.vbmenu_control a:visited,.vbmenu_control_avisited,.vbmenu_option a:hover,.vbmenu_option a:active,.vbmenu_option_ahover,.vbmenu_hilite a:link,.vbmenu_hilite_alink,.vbmenu_hilite a:visited,.vbmenu_hilite_avisited,.vbmenu_hilite a:hover,.vbmenu_hilite a:active,.vbmenu_hilite_ahover{color:#FFF;text-decoration:none;}
.thead a:link,.thead_alink,.thead a:visited,.thead_avisited,.tfoot a:link,.tfoot_alink{color:#FFF;}
.tfoot,.fjsel{background:none repeat scroll 0 0 #58D;color:#FFF;}
.inlinemod,.panelsurround{background:none repeat scroll 0 0 #FFC;color:#333;}
.button,select,.smallfont,.navbar{font:11px verdana,arial,helvetica,sans-serif;}
.vbmenu_option a:link,.vbmenu_option_alink,.vbmenu_option a:visited,.vbmenu_option_avisited{color:#22229C;text-decoration:none;}