progbar.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. body {
  2. margin : 0 auto;
  3. width:100%;
  4. font-family: "Verdana";
  5. color: #40454b;
  6. font-size: 12px;
  7. text-align:center;
  8. }
  9. .main {
  10. width:540px;
  11. margin: 0 auto;
  12. text-align:left;
  13. }
  14. .heading {
  15. font-size:14px;
  16. font-weight:bold;
  17. color:#CC0000;
  18. padding:5px;
  19. margin-left:10px;
  20. border-bottom:solid;
  21. border-bottom-width:1px;
  22. border-bottom-color:#333333;
  23. /* Use this to suppress the horizontal line under the heading */
  24. /* border-bottom: 0px solid #000000; */
  25. }
  26. table {
  27. font-family: "Verdana";
  28. color: #40454b;
  29. font-size: 12px;
  30. }
  31. .demo {
  32. margin : 0 auto;
  33. width:100%;
  34. margin:20px;
  35. /* Use this to suppress all the bars and text */
  36. /* display: none; */
  37. }
  38. td {
  39. vertical-align: top;
  40. padding: 0 0.5em 0 0;
  41. }
  42. .code {
  43. font-family: "Courier New", Courier, monospace;
  44. font-size: 10px;
  45. }
  46. .code2 {
  47. font-family: "Courier New", Courier, monospace;
  48. font-size: 11px; font-weight: bold; color: red;
  49. }
  50. .barheading {
  51. color:#006600;
  52. font-weight:bold;
  53. }
  54. .progressBar {
  55. border: 1px solid #000000;
  56. background-color: #EEEEEE;
  57. width: 200px;
  58. font-size: 6px;
  59. }
  60. .innerBar {
  61. background-color:#00CC00;
  62. width: 0%;
  63. }
  64. #box3 {
  65. font-weight: bold;
  66. }