.rounded-corners (@radius: 5px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; behavior: url(../PIE.htc); zoom: 1; position:relative; } .floarl{ float:left; } .floarr{ float:right; } @color: #0099cc; @font-family: Verdana; @bg:#f0f0f0; .shadow(@cvet){ text-shadow: 1px 1px 2px @cvet; } h3{ font-size:14px; margin:0px; font-family:@font-family; a{ text-decoration:underline; font-size:14px; color:@color; &:hover{text-decoration:none;} } } .greybg{ margin-bottom:10px; background:@bg; width:246px; padding:10px; height:183px; .rounded-corners; p{ font-size:12px; font-family:@font-family; margin:0px; padding:2px 0; line-height: 1.8; } img{ float:left; margin-right:10px; padding:0px; border:0px; } } .floatLeft{ .floarl; } .floatRight{ .floarr } .greylist{ padding:10px; margin:10px 0; background:@bg; .rounded-corners; } .listNew { .floarl; width:265px; ul{ .floatRight; margin:5px 0px; padding:0px; width:127px; } ul li{ line-height:2; list-style:none; padding-left:11px; background:url(../img/bull.jpg) no-repeat left center; a{ .shadow(#d3e8ef); @color: #0099cc; font-size:11px; text-decoration:none; } } } .simple{ height:115px; .rounded-corners; background:#e8ffaf; padding:10px; margin-right:8px; width:158px; margin-bottom:10px; .floarl; h3{ font-size:13px; } } .lastText{ margin-right:0; } .boxGrey{ background:@bg; h3{ text-align:center; a{font-weight:bold;font-size:12px} } img{ margin:5px 0 2px; padding:0px; border:none; display:block; text-align:center; } } .partnersBox { margin-bottom:10px; h3{ margin-bottom:5px; } p{ font-size:12px; text-align:center; font-weight:bold; span{ color:#3ec0f1; } } a{ display:block; text-align:center; img{ margin:5px auto; padding:0px; border:none; } } .partButton{ .shadow(#99c03a); .rounded-corners; background:url(../img/partButton.jpg) repeat-x; height:34px; width:165px; display:block; margin:10px auto; text-align:center; font-size:12px; font-weight:bold; color:#343434; text-decoration:none; line-height: 2.6; } } .anim{ width: 120px; -webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s; -webkit-border-radius: 5px; -o-transition-property: width,height,-o-transform,background,font-size,opacity; -o-transition-duration: 1s,1s,1s,1s,1s,1s; -moz-transition-property: width,height,-o-transform,background,font-size,opacity; -moz-transition-duration: 1s,1s,1s,1s,1s,1s; transition-property: width,height,transform,background,font-size,opacity; transition-duration: 1s,1s,1s,1s,1s,1s; opacity: 0.4; } .anim:hover{ width:130px; transform:rotate(360deg); -moz-transform:rotate(360deg); /* Firefox 4 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ -o-transform:rotate(360deg); /* Opera */ opacity: 1; }