Using your own CSS to control style templates in Checkbox Survey
Article ID |
1072 |
Posted Date |
8/14/2007 |
Product(s) |
|
Updated Date |
8/14/2007 |
You can use your own CSS to override the styles Checkbox uses. In the header of the style template, you can add a tag like the one below, and have edit the style definitions as necessary. Only change the definitions of the styles. Do not change the names.
<style type="text/css">
<!-- body{font-family:Arial;font-size:12px;background-color:;margin-top:;margin-left:; font-weight:Normal;color:;background-image:url("");}
.title{font-family:Arial;font-size:12px;color:;font-weight:Bold;}
.Error{font-family:Arial;font-size:12px;font-weight:Normal;color:#d8000b;}
.PageNumber{font-family:Arial;font-size:10px;font-weight:Normal;color:;}
.Question{font-family:Arial;font-size:12px;font-weight:Bold;color:;}
.footer A, .footer{color:;}
.Description{font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Answer{font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix{border-width:;border-color:;border-style:none;width:100%;}
.Matrix .header{background-color:;font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix .Item{background-color:;font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix .AlternatingItem{background-color:;font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix .subheader{color:;background-color:;font-family:Arial;font-size:12px;font-weight:Normal;}
.Matrix .header td{background-color:;font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix .Item td{background-color:;font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix .AlternatingItem td{background-color:;font-family:Arial;font-size:12px;font-weight:Normal;color:;}
.Matrix .subheader td{color:;background-color:;font-family:Arial;font-size:12px;font-weight:Normal;}
.ProgressBar table{background-color:#7a7a7a;height:10px;}
.ProgressBar{border-color:#e0e0e0;height:10px;width:100px;}
.ProgressBarHolder{text-align:Left;}
.button{font-family:Arial;font-size:12px;font-weight:Normal;color:;border-width:px;border-style:solid;background-color:;border-color:;}
.Page{height:px;}
-->
</style>