Peter Sobieraj

Yesterday I was installing jquery-ui at one of my websites. When I do that as it was writen in instruction all jquery-ui elements was 2 times bigger. I search a while and find how it was solved in demos at jquery.com. That CSS code:

body{ font: 62.5% "Trebuchet MS", sans-serif;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

Unfortunatly that solution change (destroy) all layout of website. So here is step by step instuction how to do it correct. (more…)