Есть CSS файл хаотичного порядка - нужна программа что бы сделала красивый код :)

Евгений Иванов
На сайте с 26.07.2006
Offline
272
876

Сабж, код не красивый, пример

#menu li.act a:hover, #menu li.lgo a:hover{color:#fff;}

#menu a:active{border-right:1px solid #F6BD0F;background-color:#FFCC66 !important;color:#AF290A !important;}#users .usr a, #account .act a, #build .bld a, #forms .frm a, #reports .rpt a{border-right:1px solid #ccc;background-color:#fff !important;color:#AF290A !important;}#themes #menu .thm a{color:#fff;background-color:#222;border-right:1px solid #000;}#status{position:absolute;bottom:0px;z-index:5000;width:800px;margin:0 0 0 -400px;left:50%;border-bottom:none;color:#FFFFCC;}#status[id]{position:fixed !important;}#status #y{position:relative;text-align:center;border:1px solid #9F1E00;background:#BF3717;-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;}#statusText{line-height:32px;font-weight:bold;}#info{cursor:pointer;position:absolute;left:50%;margin:0 0 0 -385px;z-index:10000;text-align:center;}#infoX{width:770px;}#info .box{background:#f5f5f5;border:1px solid #dedede;padding:20px;}#infoContent{background:#fff;padding:25px 25px 22px 25px;border:1px dotted #ccc;}#infoFooter{background:url(/images/bottom.png) no-repeat top center;width:770px;margin:0px auto;height:10px;}* html #infoFooter{background-image:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bottom.png");}#info h2{margin:0 0 15px 0;padding:0 0 7px 0;border-bottom:1px solid #dedede;color:#B02000;font-weight:bold;text-align:left;}#info h2 span{display:block;float:right;font-weight:normal;color:#222;font-size:70%;margin:5px 0 0 0;}#info ul{margin:0 0 20px 0;list-style:none;}#info li{text-align:left;background:#ABD4EE;color:#222;margin:0 0 5px 0;padding:7px 10px;font-size:85%;}#info li.alt{background:#E1F2A7;}#info li.alt2{background:#F0BCC7;}#info li b{color:#000;font-size:110%;}.notice{margin:10px 10px 0 10px; padding:10px 0px 10px 0;background-color:#FBFFCF;border-top:1px solid #EBEFC2;border-left:1px solid #EBEFC2;border-bottom:1px solid #D9DF99;border-right:1px solid #D9DF99;-moz-border-radius:15px;-webkit-border-radius:15px;}.notice h2{display:block;font-size:150%;color:#cd4224 !important;}.notice b{color:#BD3D20;}.tooltip {text-decoration:none;cursor:help !important;}#tooltip{position:absolute;text-align:left;z-index:10000;margin:7px 0 0 7px;padding:10px 12px 12px 12px;width:250px;border:6px solid #333;background:#222 url(/images/ttclose.png) no-repeat 95% 9px;font-size:11px;line-height:16px;-moz-border-radius:15px;-webkit-border-radius:15px;}#tipFrame{position:absolute;z-index:9999;margin:7px 0 0 7px;border:none;}#tooltip b{display:block;padding-bottom:5px;margin:0 0 10px 0;color:#FFE27F !important;font-size:13px;border-bottom:1px dotted #555;cursor:pointer;}#tooltip em{display:block;font-weight:normal;font-style:normal;letter-spacing:.02em;margin:0 0 7px 0;color:#fff;}.promo{line-height:140%;font-size:85%;color:#333;margin:15px auto 5px auto;background:#fff;width:457px;text-align:center;padding:10px 20px 10px 20px;-moz-border-radius:15px;-webkit-border-radius:15px;border:3px solid #dedede;border-right:3px solid #ccc;border-bottom:3px solid #ccc;}.promo img{margin:0 4px -4px 0;}.promo b{color:#BD3D20;}.promo a{font-weight:bold;}h1, h2, h3{font-weight:normal;}p{color:#222;}.inline{display:inline !important;}.center{text-align:center !important;}.left{float:left;}.right{float:right;}.hide{display:none !important;}.hideGraphs .graph{visibility:hidden;}.clearfix, #stage{display:inline-block;}.clearfix[class], #stage[id]{display:block;}* html .clearfix, #stage:after{ height: 1%; overflow: visible;}*+html .clearfix, *+html #stage{ min-height: 1%;}.clearfix:after, #stage:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden;}
h1{font-size:100%;text-indent:-9000px;text-decoration:none;}h1 a{height:3em;display:block;background:url(/images/wflogo.png) no-repeat left top;overflow:hidden;}* html h1 a{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wflogo.png", sizingMethod="crop");}#footer h1 a, .footer h1 a{height:40px;width:90px;}a{color:blue;outline:none;}a:hover{cursor:pointer;color:green;}img, a img{border:none;}* html img { behavior: url(/images/iepngfix.htc);}.icon{width: 16px;height: 16px;}
.buttons a, .buttons button, a.button, button.button{font-family:"Lucida Grande", Tahoma, Arial, sans-serif;float:left;margin:0 .7em 0 0;text-decoration:none;background-color:#f5f5f5;border:1px solid #dedede;border-right:1px solid #bbb;border-bottom:1px solid #BFBFBF;padding:5px 10px 6px 10px;display:block;cursor:pointer;font-size:100%;line-height:130%;color:#333;font-weight:bold;-webkit-border-radius:12px;-moz-border-radius:12px;}a.button, button.button{float:none;display:inline;display:inline-block;}.buttons button, button.button{width:auto;overflow:visible;font-weight:bold;padding:4px 10px 3px 7px; }.buttons button[type], button.button[type]{width:auto;padding:5px 10px 5px 7px; line-height:17px; }*:first-child+html .buttons button[type], *:first-child+html button.button[type]{padding:4px 10px 3px 7px; margin-bottom:1px;}* html button.button{margin-bottom:1px;}.buttons button img, .buttons a img, a.button img, button.button img{margin:0 3px -3px 0 !important;}.buttons button:hover, .buttons a:hover, a.button:hover, button.button:hover{background-color:#dff4ff;border:1px solid #A7CEDF;color:#336699;}.buttons a:active, a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}button.positive, a.positive{color:#529214;}a.positive:hover, button.positive:hover{background-color:#E9EFD1;border:1px solid #AACF81;color:#529214;}a.positive:active{background-color:#529214;border:1px solid #529214;color:#fff;}a.negative, button.negative{color:#d12f19;}a.negative:hover, button.negative:hover{background:#fbe3e4;border:1px solid #EF959B;color:#d12f19;}a.negative:active{background-color:#d12f19;border:1px solid #d12f19;color:#fff;}.buttons a em, .buttons button em, a.button em{font-weight:normal;font-style:normal;}.info .buttons{float:right;margin:5px 0 0 0;padding:0;}.info .buttons a, .info .buttons button{margin:0 0 0 .7em;}
#overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5000;background:#000;opacity:.90;filter: alpha(opacity=90);}#overlay[id]{position:fixed;}#lightbox{position: absolute;top:50%;left:50%;z-index:9999;width:750px;height:380px;margin:-190px 0 0 -375px;text-align:left;}#lightbox[id]{position:fixed;height:auto;min-height:380px;}.lbOff{cursor:pointer;}#lightbox.done{background:#FFE27F;border:1px solid #D4B240;border-right:1px solid #A08730;border-bottom:1px solid #A08730;-webkit-border-radius:50px;-moz-border-radius:50px;}#lbContent{position:relative;height:278px;margin:25px;padding:25px 30px;background:#fff;border:1px solid #EFCA4A;-webkit-border-radius:30px;-moz-border-radius:30px;}#lbContent[id]{height:auto;min-height:278px;}#lightbox.loading{background-color:#222;border:1px solid #ccc;}#lbLoadMessage p{color:#fff;text-align:center;font-size:150%;line-height:380px;}#lightbox.done #lbLoadMessage, #lightbox.loading #lbContent{display:none;}#lightbox.done #lbContent, #lightbox.loading #lbLoadMessage{display:block;}#lightbox.blue, .blue #lightbox{background:#61A9DF;border-color:#61A9DF;}.blue #lbContent{border-color:#338DCF;}#lightbox.green, .green #lightbox{background:#A4DE5D;border-color:#A4DE5D;}.green #lbContent{border-color:#85CE2C;}#lightbox.error, .error #lightbox{background:#EA3109;border-color:#BE2700;}.error #lbContent{border-color:#eee;}* html.prepIE{overflow-y:hidden;}* html.prepIE body{height:100%;}* html.prepIE select{visibility:hidden;}* html.prepIE #lightbox select{visibility:visible;}#lightbox .info{margin:0 0 17px 0;}#lightbox h3{color:#222;font-size:100%;margin:0 0 1.2em 0;}#lightbox p{line-height:150%;margin:0 0 1.3em 0;}#lightbox form ul{margin:0 0 10px 0;padding:0;}#lightbox form li{padding-left:0;width:97%;}#lightbox form li.error{margin:0;padding:4px 5px 2px 9px;}#lightbox div.buttons{margin:0 0 1.2em 0;}#lightbox p.error{display:none;margin-bottom:5px;}#lightbox li.error p.error{display:block;}.prompt{text-align:center;}.prompt h2{padding-top:75px;margin-bottom:12px !important;}.prompt h3{font-size:120% !important;padding:0 20px 40px 20px 40px !important;}.prompt input.text{font-size:180%;color:#333;width:75%;margin:0 auto;text-align:center;-webkit-border-radius:12px;-moz-border-radius:12px;outline:none;}.prompt li{margin-bottom:5px;}.prompt label.desc{font-size:140%;font-weight:normal;padding:20px 0 0 0;}.prompt button{float:none;display:inline;display:inline-block;}#lbContent ol.decide{width:100%;list-style:none;margin:20px 0 0 0;padding:0;}#lbContent ol.decide li{font-size:130%;margin:0 0 10px 0;padding:0;width:100%;}#lbContent ol.rss li{font-size:100%;margin-bottom:20px;}#lbContent ol.decide li a{height:100%;display:block;line-height:40px;text-decoration:none;border:1px solid #FFE9AF;background-color:#FFF2CF;padding:0 0 0 15px;color:#EF512C;}#lbContent ol.decide li a span{color:#000;}#lbContent ol.decide li a:hover{border:1px solid #FFBF0F;background-color:#FFE9AF;font-weight:bold;color:#DF401B;}#lbContent ol.decide li a:hover b{text-decoration:underline;}
.wufoo{font-family:"Lucida Grande", Tahoma, Arial, sans-serif;}
.wufoo li{width:62%;}form ul{margin:0;padding:0;list-style-type:none;width:100%;}
form li{display: block;margin:0;padding:4px 5px 2px 9px;clear:both;}

Нужно что-то типа

#main{

margin:0 20px;
padding:20px 0px 10px 0px;
}

.notice{
text-align:center;
}
.notice b{
font-weight:normal;
color:#000;
}

#stats{
margin:0 0 15px 5px;
}
*+html #stats{
display:inline-block;
}
#stats table{
font-size:100%;
border:none;
margin:0;
}
#stats table td{
border:none;
padding:0;
}

есть такие? Если да то их названия? )

Wap.Click / Вап.Клик / Я - рядом!
Dangel
На сайте с 22.08.2007
Offline
114
#1

Free CSS Validator сможет

Да, ок, иди набейте себе тату на https://intattoo.ru/
Евгений Иванов
На сайте с 26.07.2006
Offline
272
#2
Dangel:
Free CSS Validator сможет

спасибо, решил проблему )

B
На сайте с 14.07.2006
Offline
71
#3

Спасибо за программу, жаль Dr Web ругается на неё и не дает спокойно работать :-(

PR
На сайте с 30.12.2007
Offline
93
#4

думаю, blagoy, программки у меня нет, но есть отличный "Онлайн CSS оптимизатор". Хорошая вещь, оптимизирует, показывает ошибки и т.д.

viКing
На сайте с 20.03.2008
Offline
124
#5

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий