.rounded-corners (@radius: 3px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; behavior: url(../PIE.htc); zoom: 1; position:relative; } .floatL{ float:left; } .floatR{ float:right; } @color: #6d99af; @font-family: Verdana; @bg:#f2f2f2; @the-border:1px solid #ccc; .shadow(@cvet){ text-shadow: 1px 1px 2px @cvet; } .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; } #topmenu ul{ .rounded-corners; li a{ .rounded-corners(5px 5px 0px 0px); .shadow(#29363F); } } .centerNew h1{ color:@color; } .greyTable { margin:4px 0; padding:10px; background:@bg; border:@the-border; .rounded-corners; h3{ margin:0px 0 2px; a{ font-size:15px; color:@color; text-decoration:underline; } } p{ font-size:12px; line-height: 1; span{font-weight:bold} } .buttBlue{ .floatR ; background:url(../img/butt_b.jpg) repeat-x; border:1px solid #73a3cb; display:block; width:88px; height:26px; text-align:center; text-decoration:none; line-height:2.3; color:#2f5a71; font-weight:bold; .rounded-corners; } img{ .floatL; padding-right:10px; margin:0px; } } .greyBig { .buttBlue{ margin-top:14px; } } .buttanother{ background:url(../img/butt_b.jpg) repeat-x; border:1px solid #73a3cb; display:block; margin:10px auto; width:142px; height:26px; text-align:center; text-decoration:none; line-height:2.3; color:#2f5a71; font-weight:bold; .rounded-corners; } .greyBig{ clear:both; } .topTable .even{ .floatR } .topTable .odd{ .floatL } .flgrey{ width:182px; } .greyBig .text{ margin:0px 100px 0px 170px; } .centerNew{ text-align:justify; .floatL; width:415px; padding:17px 20px; } .rightNew{ text-align:justify; .floatL; padding:17px 0px; width:204px; } .greyList { border:@the-border; .rounded-corners; h3{ background:url(../img/h2Grey.jpg) repeat-x; padding:5px 7px; color:#fff; font-size: 1.1em; margin: 0px; font-weight: bold; } ul{ margin:0px; padding :5px 15px 5px 0px; .floatL; width:120px; li{ list-style:none; background:url(../img/bull.jpg) no-repeat left center; padding-left:14px; line-height: 2; a{ color:@color; } } } } .boxcenter{ border:@the-border; .rounded-corners; padding:10px; h3{ font-size:15px; a{ color:@color; font-weight:bold; } } } .rules { margin:10px 0; width:236px; h3{ margin:0 0 5px; } img{ .floatL; padding:2px 6px 0 0px; } p{ padding:2px 0 0; margin:0px; word-break: break-all; text-align: left; } .boxcenter{ margin:0 0 5px; } } .hands{ margin:10px 0; width:152px; h3{ margin:0 0 10px; } img{ display:block; margin:0 auto; padding:1px 0; } } .pokerTips{ background:#dae6ef; .rounded-corners; padding:10px; h3{ margin:0 0 5px; font-size:15px; a{ font-weight:bold; } } } .rightNew { .moduletable{ border:@the-border; ul { margin:0px; padding:0px; li{ margin:0px; list-style:none; background:url(../img/bull.jpg) no-repeat left center; padding-left:14px; line-height: 2; a{ color:@color; } } } } }