123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- body {
- margin : 0 auto;
- width:100%;
- font-family: "Verdana";
- color: #40454b;
- font-size: 12px;
- text-align:center;
- }
- .main {
- width:540px;
- margin: 0 auto;
- text-align:left;
- }
- .heading {
- font-size:14px;
- font-weight:bold;
- color:#CC0000;
- padding:5px;
- margin-left:10px;
- border-bottom:solid;
- border-bottom-width:1px;
- border-bottom-color:#333333;
- /* Use this to suppress the horizontal line under the heading */
- /* border-bottom: 0px solid #000000; */
- }
- table {
- font-family: "Verdana";
- color: #40454b;
- font-size: 12px;
- }
- .demo {
- margin : 0 auto;
- width:100%;
- margin:20px;
- /* Use this to suppress all the bars and text */
- /* display: none; */
- }
- td {
- vertical-align: top;
- padding: 0 0.5em 0 0;
- }
- .code {
- font-family: "Courier New", Courier, monospace;
- font-size: 10px;
- }
- .code2 {
- font-family: "Courier New", Courier, monospace;
- font-size: 11px; font-weight: bold; color: red;
- }
- .barheading {
- color:#006600;
- font-weight:bold;
- }
- .progressBar {
- border: 1px solid #000000;
- background-color: #EEEEEE;
- width: 200px;
- font-size: 6px;
- }
- .innerBar {
- background-color:#00CC00;
- width: 0%;
- }
- #box3 {
- font-weight: bold;
- }
|