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