elements.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. /**
  2. * Generic elements.
  3. */
  4. body {
  5. color: #333;
  6. background: #fff;
  7. font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Lucida Sans", sans-serif;
  8. }
  9. a,
  10. .link {
  11. color: #0074bd;
  12. text-decoration: none;
  13. }
  14. a:hover,
  15. .link:hover,
  16. a:focus,
  17. .link:focus {
  18. text-decoration: underline;
  19. outline: 0;
  20. }
  21. hr {
  22. margin: 0;
  23. padding: 0;
  24. border: none;
  25. height: 1px;
  26. background: #ccc;
  27. }
  28. summary,
  29. .fieldgroup:not(.form-composite) > legend {
  30. font-weight: bold;
  31. text-transform: uppercase;
  32. }
  33. .simpletest-results-form summary {
  34. text-transform: none;
  35. }
  36. /**
  37. * Reusable heading classes are included to help modules change the styling of
  38. * headings on a page without affecting accessibility.
  39. */
  40. h1,
  41. .heading-a {
  42. font-weight: bold;
  43. margin: 0;
  44. font-size: 1.625em;
  45. line-height: 1.875em;
  46. }
  47. h2,
  48. .heading-b {
  49. font-weight: bold;
  50. margin: 10px 0;
  51. font-size: 1.385em;
  52. }
  53. h3,
  54. .heading-c {
  55. font-weight: bold;
  56. margin: 10px 0;
  57. font-size: 1.231em;
  58. }
  59. h4,
  60. .heading-d {
  61. font-weight: bold;
  62. margin: 10px 0;
  63. font-size: 1.154em;
  64. }
  65. h5,
  66. .heading-e {
  67. font-weight: bold;
  68. margin: 10px 0;
  69. font-size: 1.077em;
  70. }
  71. h6,
  72. .heading-f {
  73. font-weight: bold;
  74. margin: 10px 0;
  75. font-size: 1.077em;
  76. }
  77. p {
  78. margin: 1em 0;
  79. }
  80. dl {
  81. margin: 0 0 20px;
  82. }
  83. dl dd,
  84. dl dl {
  85. margin-left: 20px; /* LTR */
  86. margin-bottom: 10px;
  87. }
  88. [dir="rtl"] dl dd,
  89. [dir="rtl"] dl dl {
  90. margin-right: 20px;
  91. }
  92. blockquote {
  93. margin: 1em 40px;
  94. }
  95. address {
  96. font-style: italic;
  97. }
  98. u,
  99. ins {
  100. text-decoration: underline;
  101. }
  102. s,
  103. strike,
  104. del {
  105. text-decoration: line-through;
  106. }
  107. big {
  108. font-size: larger;
  109. }
  110. small {
  111. font-size: smaller;
  112. }
  113. sub {
  114. vertical-align: sub;
  115. font-size: smaller;
  116. line-height: normal;
  117. }
  118. sup {
  119. vertical-align: super;
  120. font-size: smaller;
  121. line-height: normal;
  122. }
  123. abbr,
  124. acronym {
  125. border-bottom: dotted 1px;
  126. }
  127. ul {
  128. list-style-type: disc;
  129. list-style-image: none;
  130. margin: 0.25em 0 0.25em 1.5em; /* LTR */
  131. }
  132. [dir="rtl"] ul {
  133. margin-left: 0;
  134. margin-right: 1.5em;
  135. }
  136. /* This is required to win over specificity of [dir="rtl"] ul */
  137. [dir="rtl"] .messages__list {
  138. margin-right: 0;
  139. }
  140. ol {
  141. list-style-type: decimal;
  142. margin: 0.25em 0 0.25em 2em; /* LTR */
  143. padding: 0;
  144. }
  145. [dir="rtl"] ol {
  146. margin-left: 0;
  147. margin-right: 2em;
  148. }
  149. code {
  150. margin: 0.5em 0;
  151. }
  152. pre {
  153. margin: 0.5em 0;
  154. white-space: pre-wrap;
  155. }
  156. details {
  157. line-height: 1.295em;
  158. }
  159. details summary {
  160. padding: 0.95em 1.45em;
  161. }
  162. details summary:focus {
  163. outline: none;
  164. text-decoration: underline;
  165. }
  166. img {
  167. max-width: 100%;
  168. height: auto;
  169. }