demo_page.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
  2. * General page setup
  3. */
  4. #dt_example {
  5. font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  6. margin: 0;
  7. padding: 0;
  8. color: #333;
  9. background-color: #fff;
  10. }
  11. #dt_example #container {
  12. width: 800px;
  13. margin: 30px auto;
  14. padding: 0;
  15. }
  16. #dt_example #footer {
  17. margin: 50px auto 0 auto;
  18. padding: 0;
  19. }
  20. #dt_example #demo {
  21. margin: 30px auto 0 auto;
  22. }
  23. #dt_example .demo_jui {
  24. margin: 30px auto 0 auto;
  25. }
  26. #dt_example .big {
  27. font-size: 1.3em;
  28. font-weight: bold;
  29. line-height: 1.6em;
  30. color: #4E6CA3;
  31. }
  32. #dt_example .spacer {
  33. height: 20px;
  34. clear: both;
  35. }
  36. #dt_example .clear {
  37. clear: both;
  38. }
  39. #dt_example pre {
  40. padding: 15px;
  41. background-color: #F5F5F5;
  42. border: 1px solid #CCCCCC;
  43. }
  44. #dt_example h1 {
  45. margin-top: 2em;
  46. font-size: 1.3em;
  47. font-weight: normal;
  48. line-height: 1.6em;
  49. color: #4E6CA3;
  50. border-bottom: 1px solid #B0BED9;
  51. clear: both;
  52. }
  53. #dt_example h2 {
  54. font-size: 1.2em;
  55. font-weight: normal;
  56. line-height: 1.6em;
  57. color: #4E6CA3;
  58. clear: both;
  59. }
  60. #dt_example a {
  61. color: #0063DC;
  62. text-decoration: none;
  63. }
  64. #dt_example a:hover {
  65. text-decoration: underline;
  66. }
  67. #dt_example ul {
  68. color: #4E6CA3;
  69. }
  70. .css_right {
  71. float: right;
  72. }
  73. .css_left {
  74. float: left;
  75. }
  76. .demo_links {
  77. float: left;
  78. width: 50%;
  79. margin-bottom: 1em;
  80. }
  81. #demo_info {
  82. padding: 5px;
  83. border: 1px solid #B0BED9;
  84. height: 100px;
  85. width: 100%;
  86. overflow: auto;
  87. }
  88. #dt_example code {
  89. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  90. padding: 2px 4px !important;
  91. white-space: nowrap;
  92. font-size: 0.9em;
  93. color: #D14;
  94. background-color: #F7F7F9;
  95. border: 1px solid #E1E1E8;
  96. -webkit-border-radius: 3px;
  97. -moz-border-radius: 3px;
  98. border-radius: 3px;
  99. }