Code Beautifier
CSS Formatter and Optimiser
based on csstidy 1.3
language: en de fr ptAddThis
Drupal CMS Experts
CSS Input
CSS-Code:

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
16
Optimised color: Changed "black" to "#000"
17
Optimised number: Changed "0px" to "0"
Optimised shorthand notation (padding): Changed "0 0" to "0"
80
Optimised number: Changed "0px" to "0"
81
Optimised number: Changed "0px" to "0"
Input: 6.139KB, Output:4.038KB, Compression Ratio: 34.2%(-2101 Bytes)
Select or Copy to Clipboard
.tx-felogin-pi1 label {
display:block;
}

div.csc-textpic-caption-r .csc-textpic-caption {
text-align:right;
}

div.csc-textpic div.csc-textpic-imagecolumn {
float:left;
display:inline;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,div.csc-textpic-border div.csc-textpic-single-image img {
border:2px solid #000;
padding:0;
}

div.csc-textpic-imagewrap {
padding:0;
}

div.csc-textpic div.csc-textpic-imagewrap ul {
list-style:none;
margin:0;
padding:0;
}

div.csc-textpic div.csc-textpic-imagewrap ul li {
float:left;
margin:0;
padding:0;
}

dl.csc-textpic-image dt {
display:inline;
margin:0;
}

div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
display:inline;
margin-right:10px;
}

div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
display:inline;
margin-left:10px;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
display:inline;
margin-left:10px;
text-align:left;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
vertical-align:bottom;
margin:0;
}

div.csc-textpic-equalheight div.csc-textpic-imagerow {
margin-bottom:10px;
display:block;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {
margin-left:0!important;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
margin-right:0!important;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
margin-right:10px!important;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
margin-left:10px!important;
}

div.csc-textpic-center div.csc-textpic-imagewrap {
margin:0 auto;
}

div.csc-textpic-right div.csc-textpic-text {
clear:right;
}

div.csc-textpic-left div.csc-textpic-text {
clear:left;
}

div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
float:right;
clear:both;
}

div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
float:left;
clear:both;
}

.csc-textpic-intext-left ol,.csc-textpic-intext-left ul {
padding-left:40px;
overflow:auto;
}

div.csc-textpic-caption-c .csc-textpic-caption,div.csc-textpic-center {
text-align:center;
}

div.csc-textpic-caption-l .csc-textpic-caption,div.csc-textpic-center div.csc-textpic-text {
text-align:left;
}

div.csc-textpic img,div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img {
border:none;
}

div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image,div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image,div.csc-textpic-left div.csc-textpic-imagewrap,div.csc-textpic-intext-left div.csc-textpic-imagewrap {
float:left;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt,div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {
float:none;
}

dl.csc-textpic-image,dl.csc-textpic-image dd,div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
margin:0;
}

div.csc-textpic-clear,div.csc-textpic div.csc-textpic-imagerow,div.csc-textpic-above div.csc-textpic-text {
clear:both;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic div.csc-textpic-single-image img,*+html div.csc-textpic div.csc-textpic-imagerow {
margin-bottom:10px;
}

*+html div.csc-textpic div.csc-textpic-imagerow .csc-textpic-image,div.csc-textpic div.csc-textpic-imagerow-last {
margin-bottom:0;
}

div.csc-textpic-right div.csc-textpic-imagewrap,div.csc-textpic-intext-right div.csc-textpic-imagewrap {
float:right;
}

* html div.csc-textpic-intext-right-nowrap .csc-textpic-text,* html div.csc-textpic-intext-left-nowrap .csc-textpic-text,* html .csc-textpic-intext-left ol,* html .csc-textpic-intext-left ul {
height:1%;
}
brought by Frontkom - Drupal CMS Experts contact: info(at)codebeautifier.com