<! DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<title> CSS Code formatting tool </title>
<meta http-equiv= "Content-type content=" text/ html charset=gb2312 "
<style type=" Text/css "
a {color:blue; font-size:12px}
textarea {width:100%; height:300px display:block; margin:10px 0; font-size:12px}
& nbsp Input {font-size:12px}
</style>
<script type= "Text/javascript"
<!--
function Formatcss (n) {
var c = document.getElementById ("abc");
var d = document.getElementById ("def");
var v = c.value;
if (n==1) {
D.value = V.replace (/rn/g, ""). Replace (/}/g, "}rn"). Replace (/*//g, "*/rn");
}
&NBSP;&NBSP; if (n==2) {
D.value = V.replace (/rn/g, ""). Replace (/}/g, "}rn"). Replace (/s*;s*/g, ";"). Replace (/;/g, "; rnt"). Replace (/{/g, "{rnt"). Replace (/}/g, "RN}"). Replace (/*//g, "*/rn");
}
if (n==3) {
C.value = D.value = "";
}
}
//-->
</script>
<style type= "text/css" charset= "Utf-8" >/* "license.txt" for terms of usage * /
. firebughighlight {
z-index:2147483647;
Position:absolute;
Background-color: #3875d7;
}
. firebuglayoutboxparent {
z-index:2147483647;
Position:absolute;
Background-color:transparent;
border-right:1px dashed #BBBBBB;
border-bottom:1px dashed #BBBBBB;
}
. firebugrulerh {
Position:absolute;
Top: -15px;
left:0;
width:100%;
height:14px;
Background:url (chrome://firebug/skin/rulerh.png) repeat-x;
border-top:1px solid #BBBBBB;
border-right:1px dashed #BBBBBB;
border-bottom:1px solid #000000;
}
. firebugrulerv {
Position:absolute;
top:0;
Left: -15px;
width:14px;
height:100%;
Background:url (chrome://firebug/skin/rulerv.png) repeat-y;
border-left:1px solid #BBBBBB;
border-right:1px solid #000000;
border-bottom:1px dashed #BBBBBB;
}
. Overflowrulerx > Firebugrulerv {
left:0;
}
. overflowrulery > Firebugrulerh {
top:0;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
. firebuglayoutboxoffset {
z-index:2147483647;
Position:absolute;
opacity:0.8;
}
. firebuglayoutboxmargin {
Background-color: #EDFF64;
}
. firebuglayoutboxborder {
Background-color: #666666;
}
. firebuglayoutboxpadding {
Background-color:slateblue;
}
. firebuglayoutboxcontent {
Background-color:skyblue;
}
/*.firebughighlightgroup. Firebuglayoutbox {
Background-color:transparent;
}
. firebughighlightbox {
Background-color:blue!important;
}*/
. firebuglayoutline {
z-index:2147483647;
Background-color: #000000;
opacity:0.4;
}
. Firebuglayoutlineleft,
. firebuglayoutlineright {
position:fixed;
width:1px;
height:100%;
}
. Firebuglayoutlinetop,
. firebuglayoutlinebottom {
Position:absolute;
width:100%;
height:1px;
}
. firebuglayoutlinetop {
Margin-top: -1px;
border-top:1px solid #999999;
}
. firebuglayoutlineright {
border-right:1px solid #999999;
}
. firebuglayoutlinebottom {
border-bottom:1px solid #999999;
}
. firebuglayoutlineleft {
Margin-left: -1px;
border-left:1px solid #999999;
}
</style><textarea id= "abc" cols= "rows=" wrap= "Off" title= "Enter CSS code here" ></textarea>
<input value= "Horizontal" onclick= "formatcss (1)" type= "button" >
<input value= "vertical" onclick= "formatcss (2)" type= "button" >
<input value= "Empty" onclick= "Formatcss (3)" type= "button" >
<textarea id= "def" cols= "rows=" wrap= "Off" title= "This will output CSS code" ></textarea>
<a href= "http://www.devdao.com" target= "_blank" >http://www.devdao.com</a>
</body>