|
0
|
1 |
/* color and iteration examples */ |
|
|
2 |
a#demo { |
|
|
3 |
background:#8dd5e7; |
|
|
4 |
border:1px solid #004c6d; |
|
|
5 |
color:#004c6d; |
|
|
6 |
display:block; |
|
|
7 |
height:2em; |
|
|
8 |
line-height:2em; |
|
|
9 |
width:6em; |
|
|
10 |
text-align:center; |
|
|
11 |
} |
|
|
12 |
|
|
|
13 |
/* xy and curve examples */ |
|
|
14 |
span#demo { |
|
|
15 |
background:#ffa928; |
|
|
16 |
display:block; |
|
|
17 |
height:10px; |
|
|
18 |
width:10px; |
|
|
19 |
} |
|
|
20 |
|
|
|
21 |
/* module examples */ |
|
|
22 |
div#demo { |
|
|
23 |
width:22em; |
|
|
24 |
overflow:hidden; |
|
|
25 |
} |
|
|
26 |
|
|
|
27 |
div#demo { |
|
|
28 |
border-bottom:1px solid #7a97bb; |
|
|
29 |
} |
|
|
30 |
|
|
|
31 |
div#demo .yui-hd { |
|
|
32 |
background: #406ed9; |
|
|
33 |
border:1px solid #243356; |
|
|
34 |
zoom:1; |
|
|
35 |
} |
|
|
36 |
|
|
|
37 |
div#demo .yui-hd h4 { |
|
|
38 |
border:0; |
|
|
39 |
color:#fff; |
|
|
40 |
margin:0; |
|
|
41 |
} |
|
|
42 |
|
|
|
43 |
#demo .yui-hd a { /* module control (close remove, etc) */ |
|
|
44 |
background:url(sprite.png) no-repeat; |
|
|
45 |
color:#abceff; |
|
|
46 |
cursor:pointer; |
|
|
47 |
cursor:hand; |
|
|
48 |
display: inline; /* prevent IE margin doubling */ |
|
|
49 |
float: right; |
|
|
50 |
margin-top: -18px; |
|
|
51 |
height:12px; |
|
|
52 |
width:24px; |
|
|
53 |
overflow:hidden; |
|
|
54 |
text-align: right; |
|
|
55 |
text-decoration:none; |
|
|
56 |
text-indent:9999px; |
|
|
57 |
} |
|
|
58 |
|
|
|
59 |
div#demo .yui-bd { |
|
|
60 |
background:#abceff; |
|
|
61 |
border:solid #7a97bb; |
|
|
62 |
border-width:0 1px; |
|
|
63 |
clear: both; |
|
|
64 |
overflow:hidden; |
|
|
65 |
zoom:1; |
|
|
66 |
} |
|
|
67 |
|
|
|
68 |
div#demo .yui-hd, |
|
|
69 |
div#demo .yui-bd p { |
|
|
70 |
margin:0; |
|
|
71 |
padding:0.5em 1em; |
|
|
72 |
} |
|
|
73 |
|
|
|
74 |
div#demo div.yui-bd p { |
|
|
75 |
margin:0.3em 10px 0 0; /* right margin for scrollbar space */ |
|
|
76 |
} |
|
|
77 |
|
|
|
78 |
div#demo .yui-bd p em { |
|
|
79 |
font-weight:bold; |
|
|
80 |
} |
|
|
81 |
|
|
|
82 |
/* basic example */ |
|
|
83 |
div#demo a.yui-remove { |
|
|
84 |
background-position:0 -300px; |
|
|
85 |
height:16px; |
|
|
86 |
width:26px; |
|
|
87 |
} |
|
|
88 |
|
|
|
89 |
/* scroll example */ |
|
|
90 |
#demo.yui-scroll { |
|
|
91 |
position: relative; |
|
|
92 |
} |
|
|
93 |
|
|
|
94 |
.yui-scroll .yui-hd { |
|
|
95 |
position: relative; |
|
|
96 |
} |
|
|
97 |
.yui-scroll .yui-bd { |
|
|
98 |
height:10em; |
|
|
99 |
overflow:hidden; |
|
|
100 |
} |
|
|
101 |
|
|
|
102 |
#demo .yui-hd .yui-scroll-controls { /* fake scrollbar */ |
|
|
103 |
background:#dfdfdf; |
|
|
104 |
border-left:1px solid #7a97bb; |
|
|
105 |
height:10em; |
|
|
106 |
width:13px; |
|
|
107 |
position:absolute; |
|
|
108 |
right:0; |
|
|
109 |
bottom:-10.1em; |
|
|
110 |
overflow:hidden; |
|
|
111 |
} |
|
|
112 |
|
|
|
113 |
#demo .yui-hd .yui-scroll-controls a { |
|
|
114 |
margin: 0; |
|
|
115 |
position:absolute; |
|
|
116 |
top:0; |
|
|
117 |
right:0; |
|
|
118 |
height:14px; |
|
|
119 |
width:14px; |
|
|
120 |
Xborder:1px solid #000; |
|
|
121 |
} |
|
|
122 |
|
|
|
123 |
#demo .yui-scroll-controls a.yui-scrollup { |
|
|
124 |
background-position:-12px -752px; /* scroll up icon */ |
|
|
125 |
} |
|
|
126 |
|
|
|
127 |
#demo .yui-scroll-controls a.yui-scrolldown { |
|
|
128 |
background-position:-12px -804px; /* scroll down icon */ |
|
|
129 |
top:auto; |
|
|
130 |
bottom:0; |
|
|
131 |
} |
|
|
132 |
|
|
|
133 |
/* reverse and easing examples */ |
|
|
134 |
#demo a.yui-toggle { |
|
|
135 |
background-position:0 -400px; /* close (minus) icon */ |
|
|
136 |
height:15px; |
|
|
137 |
width:15px; |
|
|
138 |
} |
|
|
139 |
|
|
|
140 |
#demo.yui-closed a.yui-toggle { |
|
|
141 |
background-position:0 -350px; /* open (plus) icon */ |
|
|
142 |
} |