Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

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