.btn .button class UI fix.

git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@9190 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2011-09-19 05:22:46 +00:00
parent 1dd0399dca
commit 270e4e7e74
4 changed files with 48 additions and 28 deletions

View file

@ -186,20 +186,6 @@ header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{di
.x .pagination .direction:focus{border:0;margin:0;text-decoration:underline}
.x .pagination input{width:30px;text-align:center}
.x .pagination button{overflow:visible}
/* Button */
.x .btn{position:relative;display:inline-block;margin:2px;vertical-align:top}
.x .btn *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}
.x .btn *[type=submit][disabled=disabled],
.x .btn *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)}
.x .btn a,
.x .btn button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)}
.x .btn input,
.x .btn button[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000));background:#333 -moz-linear-gradient(top,#777,#000);background-color:#333;color:#ffc;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)}
.x .btn a{height:22px}
.x .btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px}
.x .btn.medium a{height:28px}
.x .btn.large *{padding:0 18px;font-size:22px;height:36px;line-height:34px}
.x .btn.large a{height:34px}
/* Star Rating */
.x .starRating,
.x .starRating span{display:inline-block;height:14px;background:transparent url(../img/iconStarRating.gif) no-repeat;overflow:hidden}

View file

@ -187,20 +187,6 @@ header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{di
.x .pagination .direction:focus{border:0;margin:0;text-decoration:underline}
.x .pagination input{width:30px;text-align:center}
.x .pagination button{overflow:visible}
/* Button */
.x .btn{position:relative;display:inline-block;margin:2px;vertical-align:top}
.x .btn *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}
.x .btn *[type=submit][disabled=disabled],
.x .btn *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)}
.x .btn a,
.x .btn button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)}
.x .btn input,
.x .btn button[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000));background:#333 -moz-linear-gradient(top,#777,#000);background-color:#333;color:#ffc;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)}
.x .btn a{height:22px}
.x .btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px}
.x .btn.medium a{height:28px}
.x .btn.large *{padding:0 18px;font-size:22px;height:36px;line-height:34px}
.x .btn.large a{height:34px}
/* Star Rating */
.x .starRating,
.x .starRating span{display:inline-block;height:14px;background:transparent url(../img/iconStarRating.gif) no-repeat;overflow:hidden}