Mercurial > dottes
comparison web/css/reset.css @ 192:fd0bcf094cf8
First go at some contemporary HTML/CSS stuff for the Booke.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Fri, 15 Feb 2013 20:32:21 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
191:2fa3c89a0a8a | 192:fd0bcf094cf8 |
---|---|
1 /* `XHTML, HTML4, HTML5 Reset | |
2 ----------------------------------------------------------------------------------------------------*/ | |
3 | |
4 a, | |
5 abbr, | |
6 acronym, | |
7 address, | |
8 applet, | |
9 article, | |
10 aside, | |
11 audio, | |
12 b, | |
13 big, | |
14 blockquote, | |
15 body, | |
16 canvas, | |
17 caption, | |
18 center, | |
19 cite, | |
20 code, | |
21 dd, | |
22 del, | |
23 details, | |
24 dfn, | |
25 dialog, | |
26 div, | |
27 dl, | |
28 dt, | |
29 em, | |
30 embed, | |
31 fieldset, | |
32 figcaption, | |
33 figure, | |
34 font, | |
35 footer, | |
36 form, | |
37 h1, | |
38 h2, | |
39 h3, | |
40 h4, | |
41 h5, | |
42 h6, | |
43 header, | |
44 hgroup, | |
45 hr, | |
46 html, | |
47 i, | |
48 iframe, | |
49 img, | |
50 ins, | |
51 kbd, | |
52 label, | |
53 legend, | |
54 li, | |
55 main, | |
56 mark, | |
57 menu, | |
58 meter, | |
59 nav, | |
60 object, | |
61 ol, | |
62 output, | |
63 p, | |
64 pre, | |
65 progress, | |
66 q, | |
67 rp, | |
68 rt, | |
69 ruby, | |
70 s, | |
71 samp, | |
72 section, | |
73 small, | |
74 span, | |
75 strike, | |
76 strong, | |
77 sub, | |
78 summary, | |
79 sup, | |
80 table, | |
81 tbody, | |
82 td, | |
83 tfoot, | |
84 th, | |
85 thead, | |
86 time, | |
87 tr, | |
88 tt, | |
89 u, | |
90 ul, | |
91 var, | |
92 video, | |
93 xmp { | |
94 border: 0; | |
95 margin: 0; | |
96 padding: 0; | |
97 font-size: 100%; | |
98 } | |
99 | |
100 html, | |
101 body { | |
102 height: 100%; | |
103 } | |
104 | |
105 article, | |
106 aside, | |
107 details, | |
108 figcaption, | |
109 figure, | |
110 footer, | |
111 header, | |
112 hgroup, | |
113 main, | |
114 menu, | |
115 nav, | |
116 section { | |
117 /* | |
118 Override the default (display: inline) for | |
119 browsers that do not recognize HTML5 tags. | |
120 | |
121 IE8 (and lower) requires a shiv: | |
122 http://ejohn.org/blog/html5-shiv | |
123 */ | |
124 display: block; | |
125 } | |
126 | |
127 b, | |
128 strong { | |
129 /* | |
130 Makes browsers agree. | |
131 IE + Opera = font-weight: bold. | |
132 Gecko + WebKit = font-weight: bolder. | |
133 */ | |
134 font-weight: bold; | |
135 } | |
136 | |
137 img { | |
138 color: transparent; | |
139 font-size: 0; | |
140 vertical-align: middle; | |
141 /* | |
142 For IE. | |
143 http://css-tricks.com/ie-fix-bicubic-scaling-for-images | |
144 */ | |
145 -ms-interpolation-mode: bicubic; | |
146 } | |
147 | |
148 ol, | |
149 ul { | |
150 list-style: none; | |
151 } | |
152 | |
153 li { | |
154 /* | |
155 For IE6 + IE7: | |
156 | |
157 "display: list-item" keeps bullets from | |
158 disappearing if hasLayout is triggered. | |
159 */ | |
160 display: list-item; | |
161 } | |
162 | |
163 table { | |
164 border-collapse: collapse; | |
165 border-spacing: 0; | |
166 } | |
167 | |
168 th, | |
169 td, | |
170 caption { | |
171 font-weight: normal; | |
172 vertical-align: top; | |
173 text-align: left; | |
174 } | |
175 | |
176 q { | |
177 quotes: none; | |
178 } | |
179 | |
180 q:before, | |
181 q:after { | |
182 content: ""; | |
183 content: none; | |
184 } | |
185 | |
186 sub, | |
187 sup, | |
188 small { | |
189 font-size: 75%; | |
190 } | |
191 | |
192 sub, | |
193 sup { | |
194 line-height: 0; | |
195 position: relative; | |
196 vertical-align: baseline; | |
197 } | |
198 | |
199 sub { | |
200 bottom: -0.25em; | |
201 } | |
202 | |
203 sup { | |
204 top: -0.5em; | |
205 } | |
206 | |
207 svg { | |
208 /* | |
209 For IE9. Without, occasionally draws shapes | |
210 outside the boundaries of <svg> rectangle. | |
211 */ | |
212 overflow: hidden; | |
213 } |