_page.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. /**
  2. * CSS reset by Eric Meyer
  3. * http://meyerweb.com/eric/tools/css/reset/
  4. * v2.0 | 20110126
  5. * License: none (public domain)
  6. */
  7. html, body, div, span, applet, object, iframe,
  8. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  9. a, abbr, acronym, address, big, cite, code,
  10. del, dfn, em, img, ins, kbd, q, s, samp,
  11. small, strike, strong, sub, sup, tt, var,
  12. b, u, i, center,
  13. dl, dt, dd, ol, ul, li,
  14. fieldset, form, label, legend,
  15. table, caption, tbody, tfoot, thead, tr, th, td,
  16. article, aside, canvas, details, embed,
  17. figure, figcaption, footer, header, hgroup,
  18. menu, nav, output, ruby, section, summary,
  19. time, mark, audio, video {
  20. margin: 0;
  21. padding: 0;
  22. border: 0;
  23. font-size: 100%;
  24. font: inherit;
  25. vertical-align: baseline;
  26. }
  27. /* HTML5 display-role reset for older browsers */
  28. article, aside, details, figcaption, figure,
  29. footer, header, hgroup, menu, nav, section {
  30. display: block;
  31. }
  32. body {
  33. line-height: 1;
  34. }
  35. ol, ul {
  36. list-style: none;
  37. }
  38. blockquote, q {
  39. quotes: none;
  40. }
  41. blockquote:before, blockquote:after,
  42. q:before, q:after {
  43. content: '';
  44. content: none;
  45. }
  46. table {
  47. border-collapse: collapse;
  48. border-spacing: 0;
  49. }
  50. /**
  51. * Demo page styling
  52. */
  53. body {
  54. margin: 80px 10%;
  55. font-family: Arial;
  56. font-size: 15px;
  57. line-height: 1.3em;
  58. min-width: 1000px;
  59. }
  60. h1 {
  61. font-size: 2.5em;
  62. }
  63. h2 {
  64. font-size: 2em;
  65. }
  66. h3 {
  67. font-size: 1.6em;
  68. }
  69. h4 {
  70. font-size: 1.1em;
  71. }
  72. h1, h2, h3, h4, h5, h6 {
  73. font-weight: bold;
  74. margin: 0.7em 0;
  75. }
  76. p {
  77. margin: 1em 0;
  78. }
  79. strong {
  80. font-weight: bold;
  81. }
  82. em {
  83. font-style: italic;
  84. }
  85. ul, ol {
  86. list-style: square;
  87. margin: 0 2em;
  88. }
  89. ul ul, ul ol, ol ul, ol ol {
  90. margin: 0 0 0 1.5em;
  91. }
  92. .sandbox {
  93. margin: 0.7em 0;
  94. padding: 1em;
  95. background: #f9f9f9;
  96. }
  97. code {
  98. font-family: Courier;
  99. background: #f9f9f9;
  100. }
  101. pre {
  102. margin: 1em 0; padding: 1em;
  103. background: #f9f9f9;
  104. overflow: auto;
  105. }
  106. .sandbox, pre {
  107. border-radius: 5px;
  108. }
  109. table, tr, td, th {
  110. border: 1px solid #ddd;
  111. }
  112. th {
  113. background: #f9f9f9;
  114. font-weight: bold;
  115. }
  116. th, td {
  117. padding: 5px;
  118. }