Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 92 lines (68 sloc) 2.414 kB
8923137 When calculating em unit size on elements that don't accept children,…
Jason Johnston authored
1 <!DOCTYPE html>
2
3 <html>
4 <head>
5
6 <style type="text/css">
7
4490ed5 Rename -pie-base-url to -pie-load-path to avoid future confusion
Jason Johnston authored
8 html { -pie-load-path: "../build"; }
dc192f9 Add the -pie-base-url property to all test documents to ensure they p…
Jason Johnston authored
9
8923137 When calculating em unit size on elements that don't accept children,…
Jason Johnston authored
10 html, body {
11 font: 10px sans-serif;
12 }
13 div, input {
14 font-family: sans-serif;
15 }
16
17 .section {
18 clear: both;
19 padding: 20px;
20 }
21 h2 {
22 font-size: 14px;
23 }
24
25 .tester {
26 behavior: url(../build/PIE.htc);
27 float: left;
28 margin: 0 10px;
29 padding: 10px;
30 border: 0;
31 background: #CCC;
32 }
33
34 input::-moz-focus-inner {
35 border: 0;
36 padding: 0;
37 }
38 </style>
39
40 </head>
41 <body>
42
43 <div class="section">
44 <h2>font-size: 10px;</h2>
45
46 <div class="tester" style="border-radius: 15px; font-size: 10px;">
47 div, border-radius: 10px;
48 </div>
49
50 <div class="tester" style="border-radius: 1.5em; font-size: 10px;">
51 div, border-radius: 1.5em;
52 </div>
53
54 <input class="tester" type="button" style="border-radius: 15px; font-size: 10px;" value="input, border-radius: 15px;" />
55
56 <input class="tester" type="button" style="border-radius: 1.5em; font-size: 10px;" value="input, border-radius: 1.5em;" />
57 </div>
58
59 <div class="section" style="font-size: 20px;">
60 <h2>font-size: .5em;</h2>
61
62 <div class="tester" style="border-radius: 15px; font-size: .5em;">
63 div, border-radius: 10px;
64 </div>
65
66 <div class="tester" style="border-radius: 1.5em; font-size: .5em;">
67 div, border-radius: 1.5em;
68 </div>
69
70 <input class="tester" type="button" style="border-radius: 15px; font-size: .5em;" value="input, border-radius: 15px;" />
71
72 <input class="tester" type="button" style="border-radius: 1.5em; font-size: .5em;" value="input, border-radius: 1.5em;" />
73 </div>
74
75 <div class="section" style="font-size: 20px;">
76 <h2>font-size: 50%;</h2>
77
78 <div class="tester" style="border-radius: 15px; font-size: 50%;">
79 div, border-radius: 10px;
80 </div>
81
82 <div class="tester" style="border-radius: 1.5em; font-size: 50%;">
83 div, border-radius: 1.5em;
84 </div>
85
86 <input class="tester" type="button" style="border-radius: 15px; font-size: 50%;" value="input, border-radius: 15px;" />
87
88 <input class="tester" type="button" style="border-radius: 1.5em; font-size: 50%;" value="input, border-radius: 1.5em;" />
89 </div>
90
91 </body>
92 </html>
Something went wrong with that request. Please try again.