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

.bold,.modifier-label,td.admin_label,td.admin_label_left,td.target_label{font-weight:700}.btn-admin,.modifier-label{line-height:1;white-space:nowrap}.btn-admin,.search_icon,ul.tabbernav li a{text-decoration:none}.search_icon{display:inline-block;float:right;color:#000;border:1px solid #aaa;border-radius:5px;padding:2px;background-color:#f2f2f2}.search_icon:hover{background-color:#e6e6e6}.search_icon>input{height:15px;border:1px solid #fff}.capitalize{text-transform:capitalize}.display-none{display:none}.modifier-label{background-color:#337ab7;display:inline;padding:.2em .6em .3em;color:#fff;text-align:center;vertical-align:baseline;border-radius:.25em}.img-responsive{display:block;max-width:100%;height:auto}tr.admin_header_row{font-weight:700;vertical-align:bottom;text-align:center}td.admin_label_left,td.admin_label_nb_left{text-align:left}td.admin_label,td.admin_label_nb,td.target_label{text-align:right;padding-right:4px}td.admin_label,td.admin_label_left,td.admin_label_nb,td.admin_label_nb_left{vertical-align:top;padding-bottom:6px}.admin_subnote{font-size:10px;font-weight:400;color:#666}td.admin_subnote{vertical-align:top;text-align:left}.admin_tooltip{text-align:left;font-size:12px}td.admin_section{font-weight:700;vertical-align:bottom;text-align:left;padding:12px 4px 6px 14px;color:#448;background-color:#f4f4f4}td.admin_data,td.target_data{vertical-align:top;text-align:left}td.trafficlightgreen,td.trafficlightorange,td.trafficlightred,td.trafficlightgold,td.trafficlightdiamond,td.trafficlightblack,td.trafficlightcoin,td.trafficlightdollar{background-position:center center;background-repeat:no-repeat;height:95px;text-align:center;background-size:contain}td.admin_data{padding-bottom:10px}td.trafficlightgreen{background-image:url(../../images/system/GreenBall.png)}td.trafficlightgold{background-image:url(../../images/system/100KClub.png)}td.trafficlightdiamond{background-image:url(../../images/system/110KClub.png)}td.trafficlightorange{background-image:url(../../images/system/OrangeBall.png)}td.trafficlightdollar{background-image:url(../../images/system/160kClub.png)}td.trafficlightred{background-image:url(../../images/system/RedBall.png)}td.trafficlightblack{background-image:url(../../images/system/120kClub.png)}td.trafficlightcoin{background-image:url(../../images/system/130kClub.png)}td.trafficlightdiamond{background-image:url(../../images/system/110kClub.png?id=2)}.meter,.prodTreeView{text-align:left}.target-table>tr>td{padding:4px}.meter{height:15px;position:relative;background:#d3d3d3;-moz-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;padding:3px;width:100%;box-shadow:inset 0 -1px 1px rgba(255,255,255,.3)}.meter>span{display:block;height:100%;background-color:#2ECC40;position:relative;overflow:hidden;border-radius:8px}@media print{.dontprint{display:none}}table.devwatermark{background-image:url(../../images/system/devwatermark.gif)}table.testwatermark{background-image:url(../../images/system/testwatermark.gif)}.hidden{display:none}.hidden_important{display:none!important}.subtext{font-size:8pt;font-weight:400}.wikiIcon{background-image:url(../../images/icons/Wiki_18.png)!important}.wikiIcon:hover{background-image:url(../../images/icons/Wiki_18_hl.png)!important}.wikiMaintIcon{background-image:url(../../images/icons/WikiMaint_18.png)!important}.wikiMaintIcon:hover{background-image:url(../../images/icons/WikiMaint_18_hl.png)!important}.btn-admin{padding:2px 12px;margin-bottom:0;font-size:14px;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid #ccc;border-radius:4px;color:#333;background-color:#e6e6e6}.btn-admin:hover{background-color:#d9d9d9;color:#000}.btn-admin:active{position:relative;top:1px}.btn-default{background-color:#e6e6e6!important;border-color:#ccc!important}.btn-default:hover{background-color:#d9d9d9!important}.textbx{background:#fff!important;border:1px solid #DDD!important;border-radius:5px!important;box-shadow:0 0 5px #DDD inset!important;color:#666!important;outline:0!important}.tabberlive .tabbertabhide{display:none}.tabberlive{margin-top:1em}ul.tabbernav{margin:0;padding:3px 0;border-bottom:1px solid #d3d3d3;font:700 12px Verdana,sans-serif}ul.tabbernav li{list-style:none;margin:0;display:inline}ul.tabbernav li a{padding:3px .5em;margin-left:3px;border:1px solid #d3d3d3;border-bottom:none;background:#f5f5f5}ul.tabbernav li a:link{color:#448}ul.tabbernav li a:visited{color:#667}ul.tabbernav li a:hover{color:#000;background:#e0e0e0;border-color:#227}ul.tabbernav li.tabberactive a{background-color:#d3d3d3;border-bottom:1px solid #d3d3d3}ul.tabbernav li.tabberactive a:hover{color:#000;background:#fff;border-bottom:1px solid #fff}.tabberlive .tabbertab{padding:5px;border:1px solid #d3d3d3;border-top:0}.tabberlive#tab2 .tabbertab{height:200px;overflow:auto}.RadDock{padding-bottom:8px}.rdContent{padding-top:5px}.rdTitleBar em{font-weight:700}.sidebar_tooltip{max-width:500px}
.firstclubbanner{background-color:#f0c400!important; border:5px solid #e47e00!important; letter-spacing:5px!important;font-weight:bold!important;font-size:large!important; padding-top:2px!important;}.firstclubbanner:hover{background-color:#f0c400!important;}.secondclubbanner{background-color:#73c525!important; border:5px solid #437e0b!important; letter-spacing:5px!important;font-weight:bold!important;font-size:large!important; padding-top:2px!important;}.secondclubbanner:hover{background-color:#73c525!important;}.panel-blackclub{background-image:url(../../images/system/blackclub.jpg); background-repeat: no-repeat; background-position: center;background-size: cover; color:white!important; padding:30px!important; }.panel-coinclub{background-image:url(../../images/system/goldclub.jpg); background-repeat: no-repeat;background-size: cover; color:#865a17!important; padding:25px!important; }.panel-dollarclub{background-image:url(../../images/system/dollarclub.jpg); background-repeat: no-repeat;background-size: cover; color:#413c30!important; font-weight:bold!important; padding:40px!important; }.thirdclubbanner{background-color:white!important; border:5px solid white!important; letter-spacing:2px!important;font-weight:bold!important;font-size:large!important; padding-top:2px!important;}.thirdclubbanner:hover{background-color:white!important;}.forthclubbanner{background-color:#e4b249!important; border:5px solid #865a17!important; letter-spacing:2px!important;font-weight:bold!important;font-size:large!important; padding-top:2px!important;}.forthclubbanner:hover{background-color:#e4b249!important;}.dogclubbanner:hover{background-color:#413c30!important;}.dogclubbanner{background-color:#413c30!important; color:white!important; border:5px solid #865a17!important; letter-spacing:2px!important;font-weight:bold!important;font-size:large!important; padding-top:2px!important;}.dollarclubbanner{background-color:#303032!important; color:white!important; border:5px solid #6f7476!important; letter-spacing:2px!important;font-weight:bold!important;font-size:large!important; padding-top:2px!important;}.christmas-stripe { color: white; background: repeating-linear-gradient( 45deg, #ffffff, #ffffff 10px, #ff3300 10px, #ff3300 20px);}
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
1
Invalid property in CSS2.1: border-radius
Invalid property in CSS2.1: background-size
Invalid property in CSS2.1: -moz-border-radius
Invalid property in CSS2.1: -webkit-border-radius
Invalid property in CSS2.1: box-shadow
Invalid property in CSS2.1: -ms-touch-action
Invalid property in CSS2.1: touch-action
Invalid property in CSS2.1: -webkit-user-select
Invalid property in CSS2.1: -moz-user-select
Invalid property in CSS2.1: -ms-user-select
Invalid property in CSS2.1: user-select
2
Optimised font-weight: Changed "bold" to "700"
Invalid property in CSS2.1: background-size
Optimised color: Changed "white" to "#FFF"
Input: 7.35KB, Output:7.68KB, Compression Ratio: -4.5% (+330 Bytes)
Select or Copy to Clipboard
.btn-admin,.modifier-label {
line-height:1;
white-space:nowrap;
}

.btn-admin,.search_icon,ul.tabbernav li a {
text-decoration:none;
}

.search_icon {
display:inline-block;
float:right;
color:#000;
border:1px solid #aaa;
border-radius:5px;
background-color:#f2f2f2;
padding:2px;
}

.search_icon:hover {
background-color:#e6e6e6;
}

.search_icon>input {
height:15px;
border:1px solid #fff;
}

.capitalize {
text-transform:capitalize;
}

.modifier-label {
background-color:#337ab7;
display:inline;
color:#fff;
text-align:center;
vertical-align:baseline;
border-radius:.25em;
padding:.2em .6em .3em;
}

.img-responsive {
display:block;
max-width:100%;
height:auto;
}

tr.admin_header_row {
font-weight:700;
vertical-align:bottom;
text-align:center;
}

td.admin_label,td.admin_label_nb,td.target_label {
text-align:right;
padding-right:4px;
}

td.admin_label,td.admin_label_left,td.admin_label_nb,td.admin_label_nb_left {
vertical-align:top;
padding-bottom:6px;
}

.admin_subnote {
font-size:10px;
font-weight:400;
color:#666;
}

.admin_tooltip {
text-align:left;
font-size:12px;
}

td.admin_section {
font-weight:700;
vertical-align:bottom;
text-align:left;
color:#448;
background-color:#f4f4f4;
padding:12px 4px 6px 14px;
}

td.trafficlightgreen,td.trafficlightorange,td.trafficlightred,td.trafficlightgold,td.trafficlightdiamond,td.trafficlightblack,td.trafficlightcoin,td.trafficlightdollar {
background-position:center center;
background-repeat:no-repeat;
height:95px;
text-align:center;
background-size:contain;
}

td.admin_data {
padding-bottom:10px;
}

td.trafficlightgreen {
background-image:url(../../images/system/GreenBall.png);
}

td.trafficlightgold {
background-image:url(../../images/system/100KClub.png);
}

td.trafficlightdiamond {
background-image:url(../../images/system/110kClub.png?id=2);
}

td.trafficlightorange {
background-image:url(../../images/system/OrangeBall.png);
}

td.trafficlightdollar {
background-image:url(../../images/system/160kClub.png);
}

td.trafficlightred {
background-image:url(../../images/system/RedBall.png);
}

td.trafficlightblack {
background-image:url(../../images/system/120kClub.png);
}

td.trafficlightcoin {
background-image:url(../../images/system/130kClub.png);
}

.target-table>tr>td {
padding:4px;
}

.meter {
height:15px;
position:relative;
background:#d3d3d3;
-moz-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
width:100%;
box-shadow:inset 0 -1px 1px rgba(255,255,255,.3);
padding:3px;
}

.meter>span {
display:block;
height:100%;
background-color:#2ECC40;
position:relative;
overflow:hidden;
border-radius:8px;
}

table.devwatermark {
background-image:url(../../images/system/devwatermark.gif);
}

table.testwatermark {
background-image:url(../../images/system/testwatermark.gif);
}

.hidden_important {
display:none!important;
}

.subtext {
font-size:8pt;
font-weight:400;
}

.wikiIcon {
background-image:url(../../images/icons/Wiki_18.png)!important;
}

.wikiIcon:hover {
background-image:url(../../images/icons/Wiki_18_hl.png)!important;
}

.wikiMaintIcon {
background-image:url(../../images/icons/WikiMaint_18.png)!important;
}

.wikiMaintIcon:hover {
background-image:url(../../images/icons/WikiMaint_18_hl.png)!important;
}

.btn-admin {
margin-bottom:0;
font-size:14px;
font-weight:400;
text-align:center;
vertical-align:middle;
-ms-touch-action:manipulation;
touch-action:manipulation;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
color:#333;
background-color:#e6e6e6;
padding:2px 12px;
}

.btn-admin:hover {
background-color:#d9d9d9;
color:#000;
}

.btn-admin:active {
position:relative;
top:1px;
}

.btn-default {
background-color:#e6e6e6!important;
border-color:#ccc!important;
}

.btn-default:hover {
background-color:#d9d9d9!important;
}

.textbx {
background:#fff!important;
border:1px solid #DDD!important;
border-radius:5px!important;
box-shadow:0 0 5px #DDD inset!important;
color:#666!important;
outline:0!important;
}

.tabberlive {
margin-top:1em;
}

ul.tabbernav {
border-bottom:1px solid #d3d3d3;
font:700 12px Verdana,sans-serif;
margin:0;
padding:3px 0;
}

ul.tabbernav li {
list-style:none;
display:inline;
margin:0;
}

ul.tabbernav li a {
margin-left:3px;
border:1px solid #d3d3d3;
border-bottom:none;
background:#f5f5f5;
padding:3px .5em;
}

ul.tabbernav li a:link {
color:#448;
}

ul.tabbernav li a:visited {
color:#667;
}

ul.tabbernav li a:hover {
color:#000;
background:#e0e0e0;
border-color:#227;
}

ul.tabbernav li.tabberactive a {
background-color:#d3d3d3;
border-bottom:1px solid #d3d3d3;
}

ul.tabbernav li.tabberactive a:hover {
color:#000;
background:#fff;
border-bottom:1px solid #fff;
}

.tabberlive .tabbertab {
border:1px solid #d3d3d3;
border-top:0;
padding:5px;
}

.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}

.RadDock {
padding-bottom:8px;
}

.rdContent {
padding-top:5px;
}

.sidebar_tooltip {
max-width:500px;
}

.firstclubbanner {
background-color:#f0c400!important;
border:5px solid #e47e00!important;
letter-spacing:5px!important;
font-weight:700!important;
font-size:large!important;
padding-top:2px!important;
}

.firstclubbanner:hover {
background-color:#f0c400!important;
}

.secondclubbanner {
background-color:#73c525!important;
border:5px solid #437e0b!important;
letter-spacing:5px!important;
font-weight:700!important;
font-size:large!important;
padding-top:2px!important;
}

.secondclubbanner:hover {
background-color:#73c525!important;
}

.panel-blackclub {
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
    margin-bottom: 15px;
    background: black;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    color:#FFF!important;
    padding:30px!important;
}

.panel-coinclub {
    margin: -15px;
    margin-bottom: 15px;
    background: #fbe382;
    color:#865a17!important;
    padding:25px!important;
}

.panel-diamondclub {
    margin: -15px;
    margin-bottom: 15px;
    background: #73c525;
    color:#22390a!important;
    padding:25px!important;
}

.panel-dollarclub {
    margin: -15px;
    margin-bottom: 15px;
    background: #f7f9ee;
    padding:25px!important;
    color:#413c30!important;
    font-weight:700!important;
}

.thirdclubbanner {
background-color:#FFF!important;
border:5px solid #FFF!important;
letter-spacing:2px!important;
font-weight:700!important;
font-size:large!important;
padding-top:2px!important;
}

.thirdclubbanner:hover {
background-color:#FFF!important;
}

.forthclubbanner {
background-color:#e4b249!important;
border:5px solid #865a17!important;
letter-spacing:2px!important;
font-weight:700!important;
font-size:large!important;
padding-top:2px!important;
}

.forthclubbanner:hover {
background-color:#e4b249!important;
}

.dogclubbanner:hover {
background-color:#413c30!important;
}

.dogclubbanner {
background-color:#413c30!important;
color:#FFF!important;
border:5px solid #865a17!important;
letter-spacing:2px!important;
font-weight:700!important;
font-size:large!important;
padding-top:2px!important;
}

.dollarclubbanner {
background-color:#303032!important;
color:#FFF!important;
border:5px solid #6f7476!important;
letter-spacing:2px!important;
font-weight:700!important;
font-size:large!important;
padding-top:2px!important;
}

.christmas-stripe {
color:#FFF;
background:repeating-linear-gradient(45deg,#ffffff,#ffffff10px,#ff330010px,#ff330020px);
}

.bold,.modifier-label,td.admin_label,td.admin_label_left,td.target_label,.rdTitleBar em {
font-weight:700;
}

.display-none,.hidden,.tabberlive .tabbertabhide {
display:none;
}

td.admin_label_left,td.admin_label_nb_left,.meter,.prodTreeView {
text-align:left;
}

td.admin_subnote,td.admin_data,td.target_data {
vertical-align:top;
text-align:left;
}

@media print{
.dontprint {
display:none;
}
}