style.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. * {
  2. outline: none;
  3. }
  4. body {
  5. background: #36c;
  6. color: #555;
  7. margin: 0;
  8. padding: 0;
  9. font: 16px/1.4 Helvetica, Arial, sans-serif;
  10. }
  11. div.content {
  12. width: 800px;
  13. margin: 1em auto;
  14. padding: 2em;
  15. background-color: #fff;
  16. border-radius: 1em;
  17. }
  18. fieldset {
  19. border: 1px solid #ccc;
  20. padding: 1em;
  21. }
  22. fieldset legend {
  23. font-style: italic;
  24. color: silver;
  25. }
  26. fieldset label {
  27. text-align: right;
  28. padding: 0 1em;
  29. }
  30. input[type=text] {
  31. font-size: 100%;
  32. padding: 0.2em;
  33. border: 1px solid #ccc;
  34. }
  35. button {
  36. color: #666;
  37. background: #eee;
  38. border: 1px solid #ccc;
  39. padding: 0.2em 2em;
  40. font-size: 100%;
  41. cursor: pointer;
  42. margin-top: 1em;
  43. }
  44. button:hover {
  45. background: #ccc;
  46. }
  47. code {
  48. background: #f0f0f0;
  49. padding: 0 0.3em;
  50. color: #396;
  51. border-radius: 0.3em;
  52. }
  53. a:link, a:visited {
  54. color: #69c;
  55. text-decoration: none;
  56. }
  57. #graphs {
  58. margin-top: 1em;
  59. }
  60. .graph {
  61. min-height: 12em;
  62. border: 0px solid #ccc;
  63. position: relative;
  64. margin: 0 1em 1em 0;
  65. width: 36em;
  66. display: inline-block;
  67. }
  68. .graph_title {
  69. position: absolute;
  70. top: 0.5em; left: 1em;
  71. color: #ccc;
  72. font-weight: bold;
  73. z-index: 999;
  74. }