.aw-ui-button {
height: 23px!important;
background: url(button.png) 100% 0px no-repeat;
padding-right: 8px;
}
.aw-ie6 .aw-ui-button {
background-attachment: fixed; /* ie right margin fix */
}
.aw-strict .aw-ui-button {
height: 19px!important;
padding: 0px 8px 4px 0px;
}
.aw-ui-button .aw-item-box {
padding: 0px;
text-indent: 8px;
background: url(button.png) 0px -50px no-repeat;
}
.aw-strict .aw-ui-button .aw-item-box {
margin: 0px 0px -4px 0px;
padding: 0px 0px 4px 0px;
}
.aw-mouseover-button {
background-position: 100% -100px;
}
.aw-mouseover-button .aw-item-box {
background-position: 0px -150px;
}
.aw-mousedown-button {
background-position: 100% -200px;
}
.aw-mousedown-button .aw-item-box {
background-position: 0px -250px;
}
.aw-ui-button-small {
height: 18px!important;
background: url(button_small.png) 100% 0px no-repeat;
padding-right: 8px;
text-align: center;
}
.aw-ie6 .aw-ui-button-small {
background-attachment: fixed; /* ie right margin fix */
}
.aw-strict .aw-ui-button-small {
height: 16px!important;
padding: 0px 8px 4px 0px;
}
.aw-ui-button-small .aw-item-box{
text-indent: 8px;
font-size: 10px;
background: url(button_small.png) 0px -50px no-repeat;
}
.aw-strict .aw-ui-button-small .aw-item-box {
margin: 0px 0px -4px 0px;
padding: 0px 0px 4px 0px;
}
.aw-ui-button-smaller {
height: 16px!important;
background: url(button_smaller.png) 100% 0px no-repeat;
padding-right: 8px;
text-align: center;
}
.aw-ie6 .aw-ui-button-smaller {
background-attachment: fixed; /* ie right margin fix */
}
.aw-strict .aw-ui-button-smaller {
height: 14px!important;
padding: 0px 8px 4px 0px;
}
.aw-ui-button-smaller .aw-item-box{
text-indent: 8px;
font-size: 9px;
background: url(button_smaller.png) 0px -50px no-repeat;
}
.aw-strict .aw-ui-button-smaller .aw-item-box {
margin: 0px 0px -4px 0px;
padding: 0px 0px 4px 0px;
}
/*Now for some reason, we have to re-establish the mouseover and mousedown styles... even though they are exactly the same!*/
.aw-mouseover-button {
background-position: 100% -100px;
}
.aw-mouseover-button .aw-item-box {
background-position: 0px -150px;
}
.aw-mousedown-button {
background-position: 100% -200px;
}
.aw-mousedown-button .aw-item-box {
background-position: 0px -250px;
}
var obj = new AW.UI.Button;
obj.setClass("button", "small"); // adds .aw-button-small CSS class
obj.setControlText("Some text");
document.write(obj);
.aw-button-small {
height: 18px!important;
}
.aw-strict .aw-button-small { /* for strict doctypes */
height: 14px!important; /* 4px less */
}
.aw-button-small, .aw-button-small .aw-item-box {
background-image: url(button_small.png);
}
This topic is archived.