Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 109 lines (93 sloc) 2.95 kb
6434331 Add mouseenter/mouseleave event handlers which ensure an update is tr…
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
6434331 Add mouseenter/mouseleave event handlers which ensure an update is tr…
Jason Johnston authored
10 html, body {
11 font: 12px sans-serif;
12 }
13
14 .tester {
15 behavior: url(../build/PIE_uncompressed.htc);
16 }
17
18 #test1 {
19 float: left;
20 padding: 2em;
21 border-radius: 8px;
22 background: #F99;
23 }
24 #test1:hover {
25 background: #9F9;
26 }
27
28 #test2 {
29 float: left;
30 clear: left;
31 padding: 2em;
32 margin-top: 3em;
33 background: #F99;
34 border-radius: 8px;
35 }
36 #test2:hover,
37 #test2.pie_hover {
38 background: #9F9;
39 }
40
4601535 Add css3pie.com menu to hovering testcase
Jason Johnston authored
41
42 /* Menu */
43 #menu {
44 clear: both;
45 padding: 20px 20px 20px 0;
46 width: 220px;
47 background: #00AEEF;
48 }
49 #menu li {
50 display: block;
51 list-style: none;
52 margin: 0 0 6px;
53 padding: 0;
54 width: 220px;
55 }
56 #menu li a {
57 color: #FFFFFF;
58 display: block;
59 font-size: 15px;
60 padding: 2px 20px 1px;
61 position: relative;
62 text-decoration: none;
63 behavior: url(../build/PIE_uncompressed.htc);
64 }
65 #menu li a:hover,
66 #menu li a.pie_hover {
67 /*background: #008ECF;*/
68 background: -webkit-gradient(linear, 0 0, 100% 0, from(#008ECF) to(#00AEEF));
69 background: -moz-linear-gradient(left, #008ECF, #00AEEF);
70 background: linear-gradient(left, #008ECF, #00AEEF);
71 -pie-background: linear-gradient(left, #008ECF, #00AEEF);
72 }
73 #menu li.active a {
74 background: #FFF;
75 -pie-background: #FFF;
76 color: #000;
77 -webkit-box-shadow: #777 0 0 10px;
78 -moz-box-shadow: #777 0 0 10px;
79 box-shadow: #777 0 0 10px;
80 -webkit-border-top-right-radius: 3px;
81 -webkit-border-bottom-right-radius: 3px;
82 -moz-border-radius: 0 3px 3px 0;
83 border-radius: 0 3px 3px 0;
84 }
85
6434331 Add mouseenter/mouseleave event handlers which ensure an update is tr…
Jason Johnston authored
86 </style>
87
88 </head>
89 <body>
90
91 <p>
92 <a href="#" class="tester" id="test1">Link</a>
93 </p>
94
95 <div class="tester" id="test2">Non-link</div>
96
4601535 Add css3pie.com menu to hovering testcase
Jason Johnston authored
97 <ul id="menu"><li><a href="http://css3pie.com/">Home</a></li>
98 <li><a href="http://css3pie.com/about/">About</a></li>
99 <li><a href="http://css3pie.com/documentation/">Documentation</a></li>
100 <li><a href="http://css3pie.com/demos/">Demos</a></li>
101 <li><a href="http://css3pie.com/contact/">Contact</a></li>
102 <li><a href="http://css3pie.com/forum/">User Forum</a></li>
103 <li class="active"><a href="http://css3pie.com/blog/">Blog</a></li>
104 <li><a href="http://github.com/lojjic/PIE">Project @ GitHub</a></li>
105 </ul>
106
107
6434331 Add mouseenter/mouseleave event handlers which ensure an update is tr…
Jason Johnston authored
108 </body>
109 </html>
Something went wrong with that request. Please try again.