|
1 /* |
|
2 Copyright (c) 2007, Yahoo! Inc. All rights reserved. |
|
3 Code licensed under the BSD License: |
|
4 http://developer.yahoo.net/yui/license.txt |
|
5 version: 2.4.0 |
|
6 */ |
|
7 html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;} |
|
8 |
|
9 body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} |
|
10 |
|
11 |
|
12 /** |
|
13 * Nudge down to get to 13px equivalent for these form elements |
|
14 */ |
|
15 select, |
|
16 input, |
|
17 button, |
|
18 textarea { |
|
19 font:99% arial,helvetica,clean,sans-serif; |
|
20 } |
|
21 |
|
22 body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{float:right;}.yui-gb div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}.yui-gb .yui-u{float:left;} |
|
23 |
|
24 #doc4 { |
|
25 clear:left; |
|
26 } |
|
27 #headerContainer { |
|
28 min-width:65em; |
|
29 } |
|
30 |
|
31 blockquote,ul,ol,dl { |
|
32 margin:1em; |
|
33 } |
|
34 ol,ul,dl { |
|
35 margin-left:2em; |
|
36 } |
|
37 ol li { |
|
38 list-style: decimal outside; |
|
39 margin-bottom:1em; |
|
40 } |
|
41 ul li { |
|
42 list-style: disc outside; |
|
43 } |
|
44 |
|
45 /*begin YDN/YUI styles*/ |
|
46 |
|
47 |
|
48 /*a, a code {color:#0000de;} */ |
|
49 a:visited, a:visited code {color:#639;} |
|
50 a:active, a:active code {color: #f00;} |
|
51 |
|
52 h1 a { color:#E76300; } |
|
53 h1 a:visited {color:#E76300} |
|
54 |
|
55 #logo_pane { display: none; } |
|
56 |
|
57 #ygma { margin:.5em auto 1em auto; } |
|
58 |
|
59 /*#bd ul li {margin-bottom:1em;}*/ |
|
60 #bd ul li ul {margin-top:0;margin-bottom:0;} |
|
61 #bd ol {} |
|
62 #bd ol li p { margin-left:0} |
|
63 #bd ol li ol {list-style:lower-alpha} |
|
64 #bd ol li ol li {margin-bottom:1em} |
|
65 #bd ol li ol li ol{list-style:lower-roman} |
|
66 #bd ol li ol li ol li {margin-bottom:1em} |
|
67 |
|
68 #bd p.errormessage {background:url(http://l.yimg.com/a/i/us/search/gr/alertbubble.gif) 0 0 no-repeat; padding-left:30px; margin:2em 2em 2em 1em; font-weight:bold;} |
|
69 |
|
70 |
|
71 h2.classname { border-top:none; margin-top:0; margin-bottom:.2em; font-size: 130%; color:#000;} |
|
72 h3.breadcrumb { border-top:none; margin-top:0; margin-bottom:.2em; font-size: 80%; color:#000;} |
|
73 h3.methods { border-top:none; margin-top:0; margin-bottom:.2em; font-size: 100%; color:#000;} |
|
74 |
|
75 .screenshot {border:thin solid #999999; margin:8px;} |
|
76 |
|
77 |
|
78 #ft { margin-top:4em } |
|
79 #ft p { padding-bottom:2em; margin:0; text-align:center; font-size:80%; line-height:1.4em} |
|
80 #ft p.first { padding:1em 0 0 0; margin:0; } |
|
81 |
|
82 #pagetitle {background:#fff url(../assets/gradient-mod.png) repeat-x;border-color:#D9D9D9;margin-bottom:10px;clear:both;} |
|
83 #pagetitle h1 {padding:4px;margin:0; color:#333; font-size:123.1%; font-weight:bold; position:relative;} |
|
84 #pagetitle h1 em {color:#FF9933; font-size:60%; font-weight:bold; font-style:normal; position:relative;} |
|
85 |
|
86 |
|
87 |
|
88 #ygunav {background:#eee; border-bottom:2px solid #ccc; padding:0 10px;font-size:78%;text-align:right;margin-bottom:6px;height:2.5em;line-height:2.5em;} |
|
89 html>body #ygunav {overflow:hidden;} |
|
90 #ygunav strong {font-family:verdana;} |
|
91 #ygunav p {display:inline;margin:0;padding:0;} |
|
92 #ygunav p em {float:left;text-align:left;font-style:normal; padding-top:.7em} |
|
93 * html #ygunav p em {margin-top:1px;} |
|
94 #ygunav p em i {visibility:hidden;} |
|
95 #ygunav a {color:#000;} |
|
96 #ygunav form {display:inline;margin:0 0 0 1em;} |
|
97 #ygsp {width:8em;font-size:110%;padding:0;vertical-align:middle;} |
|
98 #ygunav .ygbt {background:#dcdcdc;font:110% verdana;position:relative;top:1px;} |
|
99 * html #ygunav .ygbt {top:4px;} |
|
100 * html>body #ygunav .ygbt {line-height:0;top:-4px;} |
|
101 #ygunav label {color:#666;font-family:tahoma;top:1px;} |
|
102 |
|
103 #bd ol.getstarted { margin:0; padding:0; } |
|
104 #bd ol.getstarted li { font-weight:bold; color:#668AA8; margin-bottom:1em; padding-left:20px; list-style-type:none;} |
|
105 #bd ol.getstarted li p { color:#000; font-weight:normal; margin:0 0 0 20px; padding:0 } |
|
106 |
|
107 code {font-family:"Courier New", monospace; font-size: 100%;color:inherit;} |
|
108 p code {color:#000;} |
|
109 a code {color:inherit;} |
|
110 |
|
111 /*div.apisummary {height:auto; margin:10px 0; width:auto; zoom:1;} |
|
112 div.apisummary table {font-size:inherit;font:100%; border-collapse:separate; border:1px solid #666666; border-left:none;} |
|
113 #doc3 div.apisummary table td, #doc3 div.apisummary table th {padding:.35em; vertical-align:top;} |
|
114 div.apisummary table th { background:#B6CDE1; color:#fff; vertical-align:top; font-weight:bold;} |
|
115 div.apisummary table td { border-top:1px solid #666666;} |
|
116 div.apisummary table td, div.apisummary table th { border-left:1px solid #666666;} |
|
117 div.apisummary table tr { background-color:#ddd;} |
|
118 div.apisummary table tr.odd { background-color:#fff; } |
|
119 div.apisummary table tfoot tr { background-color:#fff; } |
|
120 */ |
|
121 dl#menuwidgets dt {font-weight:bold;} |
|
122 dl#menuwidgets {margin:0 0 0 1.5em;} |
|
123 img.example {clear:right;margin-bottom:10px;margin-left:10px;border:0;float:right;border:1px solid #999;} |
|
124 |
|
125 /*YUI theater box on main page top right corner*/ |
|
126 #yui-theater {width:316px; overflow:hidden;} |
|
127 #yui-theater h3 {margin:0; padding:0; color:#E76300; font-size:100%; font-weight:bold; font-stretch:expanded;} |
|
128 #yui-theater h2 {margin:0 0 10px 0; padding:0; border:none; color:#000; font-size:122%; font-weight:bold;} |
|
129 #yui-theater p {margin:7px 0 0 0;} |
|
130 #yui-theater div {float:right; font-size:85%;} |
|
131 |
|
132 /*rss reader styles*/ |
|
133 p.loading-content {background-image:url(http://l.yimg.com/a/i/ydn/yuiweb/img/busy_arrow.gif); background-position:top left; background-repeat:no-repeat; height:20px;padding:4px 0 0 25px; margin:0;} |
|
134 img.icon-rss {display:inline;border:none !important;position:relative;top:2px;left:1px;} |
|
135 |
|
136 #index-secondary {width:316px;float:right;margin-left:10px;} |
|
137 |
|
138 |
|
139 /*styles for right gutter on component pages*/ |
|
140 #componentvideo img {margin:.5em 0 .2em 0; border:1px solid #999;} |
|
141 .example-container h4 {margin:0.2em 0 .1em 0; color:#668AA8; font-size:92%;} |
|
142 #examples p, #componentvideo p {font-size:85%; margin:0 0 .2em 0;} |
|
143 #examples li.selected {font-weight:bold;} |
|
144 |
|
145 /*styles for example pages*/ |
|
146 /*.example .promo {background-color:#89d;border-color:#666666; padding:1em;}*/ |
|
147 /*.example .promo h1, .example .promo h2, .example .promo h3 {color:#FFCC66;}*/ |
|
148 /*.example .promo h1 {font-size:159%; padding-top:0; margin-top:0;}*/ |
|
149 .exampleIntro, .exampleIntro p, .exampleIntro a, .exampleIntro a code {color:#fff;} |
|
150 .example .promo p {margin-top:.7em;} |
|
151 .firstContent {margin-top:0; padding-top:0;} |
|
152 #logger {margin-top:1em;} |
|
153 .example-container {background-color:#F1F6F7;} |
|
154 |
|
155 .example-container .bd {padding:1em; position:relative; z-index:1; zoom:1;} |
|
156 .example-container .bd .bd {padding:0; position:static;} /* Reset to defaults to ensure styles are only applied to the top-level .bd of .example-container */ |
|
157 .example-container>.bd:after {content:'.';visibility:hidden;clear:left;height:0;display:block;} |
|
158 .example-container .exampleHd {background: url(example-hd-bg.gif) 0 0 repeat-x #4E4D4C; } |
|
159 .example-container h3 {margin:.2em 0 .4em 0;} |
|
160 .example .example-container h1, .example .example-container h2, .example .example-container h3, .example .example-container h4, .example .example-container h5, .example .example-container h6 {color:#E76300; font-weight:bold;} |
|
161 .example-container a {color:#000;} |
|
162 .example-container a:visited, .example-container a:visited code {color:#000;} |
|
163 .example-container a:active, .example-container a:active code {color: #000;} |
|
164 |
|
165 #loggerGloss {margin-top:.5em; font-size:85%;} |
|
166 #loggerDiv {font-size:77%;text-align:left;margin-top:.5em; visibility:hidden; height:280px; } /*gets turned on by script when loaded */ |
|
167 #loggerDiv.yui-log {padding:.4em;width:96%;background-color:#FBE7D9;border:1px solid #666;font-family:monospace;z-index:9000;} |
|
168 #loggerDiv.yui-log p {margin:1px;padding:.1em;} |
|
169 #loggerDiv.yui-log .yui-log-hd {margin:0; padding:0; background-color:#CECCCC;} |
|
170 #loggerDiv.yui-log .yui-log-hd h4 {display:none;} |
|
171 #loggerDiv.yui-log .yui-log-bd {width:100%;height:20em;background-color:#FFF;border:1px solid #ECECEC;overflow-y:auto;overflow-x:hidden;} |
|
172 #loggerDiv.yui-log .yui-log-bd pre {border-top:1px solid #ECECEC;} |
|
173 #loggerDiv.yui-log .yui-log-bd code p {margin:1px 0;} |
|
174 #loggerDiv.yui-log .yui-log-ft .yui-log-categoryfilters {margin-top:.5em;clear:right;} |
|
175 #loggerDiv.yui-log .yui-log-ft .yui-log-sourcefilters {margin-top:.5em;border:none; clear:both;} |
|
176 #loggerDiv.yui-log .yui-log-btns {margin-top:.2em;padding:.2em;background: url(bg_hd.gif) 0 0 repeat-x #CECCCC; text-align:right; float:none; position:static;} |
|
177 #loggerDiv.yui-log .yui-log-filtergrp {margin-right:.3em; float:left; display:block} |
|
178 #loggerDiv.yui-log .yui-log-ft {margin-top:.3em;margin-bottom:.3em; font-family:verdana; zoom:1;} |
|
179 /*bug in Safari when this is applied to .yui-log-ft:*/ |
|
180 #loggerDiv.yui-log:after {content:'.';visibility:hidden;clear:both;height:0;display:block;} |
|
181 .example-container.newWindow {text-align:center;} |
|
182 p.newWindowButton {text-align:right; margin-top:0; padding:.5em;} |
|
183 .bd p.newWindowButton {text-align:center;} /*when new window is required and button appears in middle of example body*/ |
|
184 p.loggerButton {text-align:center;} |
|
185 #loggerLink a, #newWindowLink a {font-size:115%; font-weight:bold; color:#000099;} |
|
186 #newWindowLink a {font-size:107%;} |
|
187 #loggerModule {padding-bottom:.2em;} |
|
188 |
|
189 |
|
190 /*theater page styles*/ |
|
191 .theater h1 {border-bottom:1px dashed #CCC; margin-bottom:1em;padding-bottom:.2em;} |
|
192 .theater img {border:1px solid #666;} |
|
193 .theater img.last {border:1px solid #666;} |
|
194 .theater p.details {font-size:77%; color:#666; margin:.2em 0 0 0; padding:0;} |
|
195 .theater p.description, |
|
196 #doc3 .theater ul li {font-size:85%; margin:0; padding:0; color:#333;} |
|
197 |
|
198 #readmePanel .hd { font-weight:bold; font-size:129%; color:#fff; background:#89d; } |
|
199 #readmePanel .bd {text-align:left; overflow:auto;} |
|
200 #readmePanel .ft {text-align:right; background-color:#E7E7E7; font-size:85%;} |
|
201 /* Browser specific (not valid) styles to make preformatted text wrap */ |
|
202 #readmePanel .bd pre { |
|
203 white-space: pre-wrap; /* css-3 */ |
|
204 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ |
|
205 white-space: -pre-wrap; /* Opera 4-6 */ |
|
206 white-space: -o-pre-wrap; /* Opera 7 */ |
|
207 word-wrap: break-word; /* Internet Explorer 5.5+ */ |
|
208 font-size: 100%; |
|
209 color:#000033;} |
|
210 |
|
211 /*ed eliot's server-side delicious badge css*/ |
|
212 #delicious-badge .bookmark { background: url(http://images.del.icio.us/static/img/delicious.small.gif) no-repeat left center; padding-left: 15px; font-weight: bold; } |
|
213 #delicious-badge p, #delicious-badge div {text-align: center; margin:0;} |
|
214 #delicious-badge a { color: #00f; text-decoration: none; } |
|
215 #delicious-badge div { background: #eee; } |
|
216 #delicious-badge div span { font-weight: bold; color: #000; } |
|
217 #delicious-badge ul, #delicious-badge li { display: inline; list-style: none; padding: 0; margin: 0;background:none; } |
|
218 #delicious-badge li { margin-left: 5px; } |
|
219 #delicious-badge li span { position: absolute; left: -999px; width: 999px; } |
|
220 #delicious-badge .saved-by { color: #999; } |
|
221 #delicious-badge .saved-by span { background: #00f; padding: 3px; color: #fff; } |
|
222 #delicious-badge .be-first { font-size: 85%; color: #999; } |
|
223 #delicious-badge .tag-size-1 { font-size: 100%; } |
|
224 #delicious-badge .tag-size-2 { font-size: 107%; } |
|
225 #delicious-badge .tag-size-3 { font-size: 114%; } |
|
226 #delicious-badge .tag-size-4 { font-size: 122%; } |
|
227 #delicious-badge .tag-size-5 { font-size: 129%; } |
|
228 |
|
229 /*faq page:*/ |
|
230 .yui-ge .yui-g {width:98%;} |
|
231 .yui-ge .yui-g .yui-u {width:48.1%;} |
|
232 #questions {margin:1em 0 2em 0; padding:0.5em; border:1px solid #838383; background-color:#E6E6E6;} |
|
233 #questions ul {margin:0; list-style:none;} |
|
234 #yui-main #questions li {padding-bottom:.2em; font-size:85%; margin:0;} |
|
235 #questions li a {display:block; padding:.6em; text-decoration:none;} |
|
236 #questions li a:hover {background-color:#F6F6F6;} |
|
237 |
|
238 /*for notes on file includes*/ |
|
239 .configurator-notice {margin:0;} |
|
240 #configuratorBadge {display:block; float:right; margin:0 0 10px 10px;} |
|
241 .include-notice {clear:left; border:1px solid #6F7EA1; background:#eee; padding:.7em;} |
|
242 .include-notice p.firstP {margin-top:0;} |
|
243 .include-notice p.lastP {margin-bottom:0;} |
|
244 .include-notice strong {color:#990000;} |
|
245 .configurator-notice p {font-size:93%;} |
|
246 |
|
247 /*for site search suggest via autocomplete*/ |
|
248 #ygunav {overflow:visible !important;} |
|
249 /*#sitesearch {float:right; width:37em; position:relative; text-align:right; z-index:1000;} */ |
|
250 /*#searchinput {width:15em; font-size:11px; font-weight:bold; position:relative; top:2px;}*/ |
|
251 |
|
252 /* v3 modules */ |
|
253 |
|
254 /* colors |
|
255 orange = #FF8800; |
|
256 green = #89B31F; |
|
257 teal = #2288BB; |
|
258 light gray stroke = #D9D9D9; |
|
259 normal gray text = #666666; |
|
260 |
|
261 h1 {font-size:212%;color:#89b31f !important;} |
|
262 h2 {font-size:153.9%;color:#89b31f !important;} |
|
263 a {color:#2288bb;text-decoration:none;} |
|
264 |
|
265 /yui/assets/bullet4x4.png |
|
266 /yui/assets/gradient-promo.png |
|
267 |
|
268 /* examples swatch |
|
269 |
|
270 * C0FFF6 - light blue |
|
271 * 8DD5E7 - blue |
|
272 * 00B8BF - teal |
|
273 * CDCDCD - gray |
|
274 * CFB192 - tan |
|
275 * 71241A - brown |
|
276 * EDFF9F - lime |
|
277 * FFA928 - yellow/gold |
|
278 * D00050 - red |
|
279 * FFA882 - peach |
|
280 * 53DBA6 - bright purple |
|
281 * 004C6D - dark blue |
|
282 |
|
283 */ |
|
284 |
|
285 |
|
286 #bar-note { |
|
287 background:#F2FBFF url(../assets/gradient-promo.png) repeat-x 0 0;padding:3px;margin:0 20px 10px 20px;font-size:85%;clear:both;} |
|
288 #bar-note strong {font-weight:bold;} |
|
289 #bar-note a {color:#004C6D;text-decoration:none;font-weight:bold;} |
|
290 #bar-note a:hover {text-decoration:underline;} |
|
291 #bar-note p {margin:0;text-align:center;} |
|
292 span.desc {text-transform:uppercase;font-size:77%;font-family:verdana;display:block;} |
|
293 |
|
294 #main {color:#333;} |
|
295 #main a {color:#2288BB;text-decoration:none;} |
|
296 #main a:hover {text-decoration:underline;} |
|
297 #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {margin:0;} |
|
298 #main h2 {font-size:212%;color:#89B31F;font-weight:normal;margin:0 0 12px 0;padding:0;} |
|
299 #main h3 {font-size:153.9%;color:#FF8800;font-weight:normal;margin:0 0 12px 0;padding:0;} |
|
300 #main h4 {font-size:123.1%;font-weight:normal;color:#FF8800;;margin-bottom:10px;} |
|
301 #main h5 {font-size:93%;font-weight:normal;text-transform:uppercase;color:#666;border-bottom:1px solid #D9D9D9;margin-bottom:12px;} |
|
302 #main h5 code {text-transform:none;} |
|
303 #main h6 {font-size:93%;font-weight:normal;color:#FF8800;margin-bottom:10px;font-weight:bold;} |
|
304 #main p, |
|
305 #main form {margin-bottom:1em;} |
|
306 #main div.clear {clear:both;} |
|
307 #main strong {font-weight:bold;} |
|
308 #main em {font-style:italic;} |
|
309 |
|
310 #promo, .example .promo {background:#f2fbff url(../assets/gradient-promo.png) repeat-x 0 0;border:1px solid #D9D9D9;padding:13px;margin-bottom:13px;} |
|
311 #promo p, .promo p {margin-bottom:1em;} |
|
312 /*#promo ul, .promo ul {margin:0 0 1em 0;padding:0;} |
|
313 #promo ul ul, .promo ul ul {margin:0;padding:0;}*/ |
|
314 #promo .yui-u ul {margin:0 0 1em 0;padding:0;} |
|
315 #promo .yui-u ul ul {margin:0 0 0 0;padding:0;} |
|
316 /*#promo ul li, .promo ul li {list-style: none;margin:0;padding:0 0 0 15px;background:url(../assets/bullet4x4.png) no-repeat 3px 6px;}*/ |
|
317 #promo .yui-u ul li, .promo .yui-u ul li {list-style: none;margin:0;padding:0 0 0 15px;background:url(../assets/bullet4x4.png) no-repeat 3px 6px;} |
|
318 |
|
319 #main .yui-g {width:100%;} |
|
320 #promo #quicklinks {} |
|
321 #promo #jumps {} |
|
322 #promo h4, .promo h4 {font-size:100%;font-weight:normal;text-transform:uppercase;color:#666;border-bottom:1px solid #D9D9D9;margin-bottom:10px;margin-right:10px;} |
|
323 #promo code {color:inherit;font-weight:bold;} |
|
324 #promo .yui-gb {float: left; width: 100%; margin-bottom: 16px;} |
|
325 |
|
326 #utilityboxes {} |
|
327 #utilityboxes .mod {border:1px solid #D9D9D9;} |
|
328 #utilityboxes .mod .hd, |
|
329 #utilityboxes .mod .bd {border:1px solid #fff;} |
|
330 #utilityboxes .mod .hd {background-color:#999;padding:4px 6px 2px 6px;} |
|
331 #utilityboxes .mod .hd h4 {color:#FFF;border:none;margin:0;font-size:100%;font-weight:bold;} |
|
332 #utilityboxes .mod .bd {border-top:none;padding:6px;padding-bottom:0;} |
|
333 #utilityboxes ul {margin:0;padding:0;margin-bottom:1em;} |
|
334 #utilityboxes ul li {list-style: none;margin:0;padding:0 0 0 15px;background:url(../assets/bullet4x4.png) no-repeat 3px 6px;} |
|
335 #utilityboxes table td {background:none;padding:0;} |
|
336 #utilityboxes table {margin:0;} |
|
337 |
|
338 |
|
339 /* for frontpage*/ |
|
340 |
|
341 .index-main #download {margin-bottom:2em;} |
|
342 .index-main #download img {float:left; padding:0 0.5em 0.5em 0;} |
|
343 .index-main {margin-right:331px;} |
|
344 .inlay a {display:block;float:right;margin:-10px 0 13px 10px;} |
|
345 |
|
346 /* sidebars */ |
|
347 |
|
348 .sidebar .mod {margin-bottom:1em;} |
|
349 .sidebar .mod .bd li, |
|
350 .sidebar .mod .bd p {font-size:85%;color:#666;} |
|
351 .sidebar .mod p {margin:1em 0;} |
|
352 .sidebar .mod li p {margin:0 0 1em 0;} |
|
353 .sidebar .mod .bd li p {font-size:100%;} |
|
354 .sidebar .mod h5 {font-size:85%;font-weight:normal;text-transform:uppercase;color:#666;border-bottom:1px solid #D9D9D9;margin-bottom:6px;} |
|
355 /* lists */ |
|
356 .sidebar .mod ul {margin:0;padding:0;} |
|
357 .sidebar .mod li {list-style:none;margin:0;padding:0 0 0 12px;background:url(../assets/bullet-box6x6.gif) no-repeat 0 4px;} |
|
358 .sidebar .mod a {color:#2288BB;text-decoration:none;} |
|
359 .sidebar .mod a:hover {text-decoration:underline;} |
|
360 .sidebar .mod h4 {margin:0;padding:0;line-height:1;} |
|
361 .sidebar .mod .hd {padding:5px 6px 5px 6px;} |
|
362 .sidebar .mod .bd {padding:10px;} |
|
363 .sidebar .mod .ft {padding:0 10px 10px 10px;} |
|
364 |
|
365 a#pdf-all {padding-left:16px;background:url(../assets/download-arrow.png) no-repeat 0 0px;} |
|
366 |
|
367 .box3 {border:1px solid #D9D9D9;background-color:#F5F5F5;} |
|
368 .box3 .hd {background-color:#999;} |
|
369 .box3 h4 {color:#FFF;} |
|
370 .box3 .bd img {display:block;} |
|
371 /*inner stroke*/ |
|
372 .box3 .hd {border:1px solid #fff;border-bottom-width:0;} |
|
373 .box3 .bd {border:1px solid #fff;border-bottom-width:0;} |
|
374 .box3 .ft {border:1px solid #fff;border-top-width:0;} |
|
375 /* for cheatsheet download tracking*/ |
|
376 .box3 a#pdf-all {padding-left:16px;background:url(../assets/download-arrow.png) no-repeat 0 0px;} |
|
377 |
|
378 .box4 {border:1px solid #D9D9D9;background:url(../assets/gradient-mod.png) repeat-x 0 0;} |
|
379 .box4 h4 {color:#89B31F;} |
|
380 |
|
381 |
|
382 #bd .toc3 {border:1px solid #D9D9D9;background-color:#F5F5F5;} |
|
383 #bd .toc3 ul {padding:0;margin:0;border:1px solid #FFF;border-top:none;} |
|
384 |
|
385 #bd .toc3 li {font-size:85%;list-style:none;list-style:none;margin:0;background:transparent url(../assets/bullet-box6x6.gif) no-repeat 6px 7px;} |
|
386 #bd .toc3 li.sect {font-size:85%;font-weight:normal;text-transform:uppercase;color:#666; |
|
387 border-bottom:1px solid #D9D9D9;margin:6px 6px 6px 6px;padding:4px 5px 4px 0;background:none;} |
|
388 #bd .toc3 li a {color:#2288BB;text-decoration:none;display:block;padding:2px 5px 2px 16px;} |
|
389 #bd .toc3 li a:hover {text-decoration:underline;} |
|
390 #bd .toc3 li.selected {background-color:#999;} |
|
391 #bd .toc3 li.selected a {color:#FFF;} |
|
392 #bd .toc3 li.selected a:hover {color:#FFF;} |
|
393 |
|
394 |
|
395 /* */ |
|
396 .example h2 em {font-size:78.5714%;color:#666;font-style:normal;} |
|
397 .ex-box {border:1px solid #D9D9D9;} |
|
398 .ex-box .bd {background:#F2FBFF url(../assets/gradient-promo.png) repeat-x 0 0;padding:10px;border:1px solid #FFF;} |
|
399 .ex-box .ft {background:#F2FBFF url(../assets/gradient-example-ft.png) repeat-x 0 0;border-top:1px solid #D9D9D9;} |
|
400 |
|
401 /*left navigation TOC */ |
|
402 /*#toc {background-color:#ecf5fa; padding:0; border:1px solid #89d } |
|
403 #toc ul {margin:0; padding:0;} |
|
404 #toc ul li {list-style:none; padding:0; margin:0; font-size:85%; } |
|
405 #toc ul li.selected { font-weight:bold; color:#fff; background:#f82; padding:0; } |
|
406 #toc ul li.selected a { color:#fff; } |
|
407 #toc ul li a { display:block; padding:2px 2px 2px 10px; text-decoration:none; } |
|
408 #toc ul li a:hover { color:#fff; background:#e60; } |
|
409 #toc ul li em { display:none; } |
|
410 #toc ul li.sect { font-weight:bold; color:#fff; background:#89d; padding:2px 0; text-indent:2px; margin-top:2px;} |
|
411 #toc ul li.first {margin-top:0;}*/ |
|
412 |
|
413 |
|
414 .apisummary table, |
|
415 table {width:100%;margin-bottom:1em;} |
|
416 |
|
417 .apisummary table tr, |
|
418 table tr {vertical-align:top;} |
|
419 |
|
420 .apisummary table caption, |
|
421 table caption {display:none;} |
|
422 |
|
423 .apisummary table th, |
|
424 table th {background-color:#6c8ea1;color:#FFF;text-transform:uppercase;font-weight:bold;} |
|
425 |
|
426 .apisummary table td, |
|
427 table td {background-color:#e5edf1;} |
|
428 .apisummary table tr.odd, |
|
429 table tr.odd td {background-color:#F5F8F9;} |
|
430 |
|
431 .apisummary table th, |
|
432 .apisummary table td, |
|
433 table th, table td {padding:5px;border:2px solid #fff;} |
|
434 |
|
435 .apisummary table tr {background-color:#f5f8f9;} |
|
436 dl {margin:0;} |
|
437 dl dt { |
|
438 /*giving UL's LIs generated numbers*/ |
|
439 font-weight:bold;} |
|
440 dl dd {margin:1em 0 1.5em 1em;} |
|
441 .dp-highlighter table tr, .dp-highlighter table td {border:0;padding:0;background-color:#FFF;} |
|
442 table tr {background-color:#fff;} |
|
443 table td dl {margin:1em 0;} |
|
444 |
|
445 .dp-highlighter .line1, .dp-highlighter .line2 {padding-left: 10px;white-space:nowrap;} |
|
446 |
|
447 table.auto {width:auto;} |
|
448 #main .examplesTable h4 {margin:0;color:#FFF;} |
|
449 #main .promo a {color:#333;} |
|
450 #main .promo .newWindowButton a {text-decoration:underline;color:#2288BB;} |
|
451 |
|
452 |
|
453 /*for new header treatment*/ |
|
454 |
|
455 /*header area*/ |
|
456 #topMaxCont{width:100%;background:#fff;height:1.7em;} |
|
457 #topContainer{margin-left:auto;margin-right:auto;/*width:74.8em;*/} |
|
458 #topIntCont{width:74.8em;float:left;height:1.7em;} |
|
459 #headerMaxCont{width:100%;height:4.1em;background:url('http://l.yimg.com/a/i/ydn/header-top-bkg.jpg') repeat-x #0066a0;margin-bottom:1em;} |
|
460 #headerContainer{margin-left:auto;margin-right:auto;height:4.15em;} |
|
461 #headerMainSandbag {position:absolute;width:100%;height:4.1em;top:0;left:50%;margin-left:-62.1em;} |
|
462 #headerMainSandbag {background: transparent url('http://l.yimg.com/a/i/ydn/header-top.jpg') no-repeat 50% top;z-index:0;} |
|
463 #headerSubSandbag {position:absolute;width:123.5em;height:1.9em;top:5.77em;left:50%;margin-left:-62.1em;} |
|
464 #headerSubSandbag {background: transparent url('http://l.yimg.com/a/i/ydn/header-sub.jpg') no-repeat 50% top;z-index:0;} |
|
465 .ydnLogo{position:relative;/*left:-2.3em;*/} |
|
466 #subHMaxCont{width:100%;height:1.9em;background:url('http://l.yimg.com/a/i/ydn/header-sub-bkg.jpg') repeat-x;} |
|
467 #subHContainer{margin-left:auto;margin-right:auto;width:74.8em;} |
|
468 #subHIntCont{float:left;position:relative;left:-.76em;bottom:1.6em;width:74.8em;z-index:201;} |
|
469 #topDropMaxCont{width:100%;height:1.9em;background:url('http://l.yimg.com/a/i/ydn/header-shadow-bkg.gif') repeat-x;margin-bottom:1.8em;} |
|
470 #topDropContainer{margin-left:auto;margin-right:auto;width:74.8em;} |
|
471 #topDropIntCont{text-align:left;} |
|
472 #breadcrumbs{font-size:92%;height:1.2em;width:74.8em;float:left;text-decoration:none;margin-left:0;padding:0;position:relative;top:-1em;} |
|
473 #breadcrumbs a{text-decoration:none;color:#2288bb;} |
|
474 #breadcrumbs a:hover{height:2em;float:left;text-decoration:underline;} |
|
475 #bcSep{float:left;width:1.5em;height:1.5em;background:url('http://l.yimg.com/a/i/ydn/bcsep.gif')no-repeat;position:relative;bottom:3px;margin-right:.5em;} |
|
476 #bcItem{float:left;margin:0 .5em 0 0} |
|
477 #breadcrumbs a.bcOn{color:#888;} |
|
478 #topAreaL{float:left;color:#9f9f9f;font-size:85%;padding:6px 0 0 0;width:500px;} |
|
479 #topAreaL ul li{float:left;margin-left:8px;padding-left:8px;border-left:1px solid #dfdfdf;} |
|
480 #topAreaL ul li.first{float:left;margin-left:0; border-left:0;} |
|
481 #topAreaL strong{margin-left:60px;font-weight:bold;} |
|
482 #topAreaR{float:right;color:#9f9f9f;font-size:85%;padding:6px 0 0 0;display:block;} |
|
483 #topAreaR ul li{float:left; margin-left:8px; padding-left:8px; border-left:1px solid #dfdfdf;} |
|
484 #topAreaR ul li.first{margin-left:0; border-left:0;} |
|
485 #topAreaR strong{margin-left:0px;font-weight:bold;margin-right:40px;} |
|
486 |
|
487 #ydnNav{float:left;padding:.4em 0;} |
|
488 #ydnNav .yuimenubaritemlabel {float:left;color:#fff;font-weight:bold;text-transform:uppercase;text-decoration:none;} |
|
489 #ydnNav .yuimenubaritemlabel-hassubmenu-selected {background:url('http://l.yimg.com/a/i/ydn/top-nav-arrow-off.gif') no-repeat .13em .8em ;z-index:181;} |
|
490 #ydnNav .yuimenubaritemlabel em{position:relative;color:#fff;font-weight:bold;font-style:normal;} |
|
491 #ydnNav li a:hover {color:#fff;} |
|
492 #ydnNav ul li.yuimenubaritem{padding:0 .5em;background:url('http://l.yimg.com/a/i/ydn/top-navsep.gif') no-repeat;} |
|
493 #ydnNav ul li.first-of-type{background:0;padding-left:0;margin:0;} |
|
494 #ydnNav li .yuimenu a {color:#28b;text-decoration:none; font-size:120%; padding-bottom:.3em;z-index:182;} |
|
495 #ydnNav ul li.first-of-type{background:none;} |
|
496 #ydnNav .yuimenubaritemlabel-selected{background:url('http://l.yimg.com/a/i/ydn/nav-hover-bg.gif') repeat-x;z-index:180;} |
|
497 #ydnNav li .yuimenu a:hover {color:#28b;text-decoration:underline;} |
|
498 .lowerc{text-transform:lowercase;} |
|
499 .dropArrow{margin-left:.3em;margin-bottom:.13em;display:inline;} |
|
500 .innerSubMenuArea{background-color:#f5f5f5;background:url('http://l.yimg.com/a/i/ydn/nav-submenu-drop-bg.gif') repeat-x top #f5f5f5;padding:.8em .8em;font-size:85%;text-align:left;border-top:0;z-index:183;border-top:1px solid #fff;} |
|
501 .yuimenu .bd ul{float:left;min-width:8em;max-width:16em;margin-right:2em;} |
|
502 |
|
503 .submenuindicator{display:none;} |
|
504 .subMenuH{color:#6BAE00;text-transform:uppercase;font-size:114%;font-weight:bold; padding-bottom:.3em;} |
|
505 .yuimenu .x1,.yuimenu .x1a,.yuimenu .x2,.yuimenu .x2a {display:block;background:url('http://l.yimg.com/a/i/ydn/glow.png') no-repeat;_background:transparent;width:100%;height:100%;position:absolute;} |
|
506 .yuimenu .x1{background-position:0 0;z-index:-2;top:-10px;left:-10px;bottom:0;padding:0 10px 10px 0;} |
|
507 .yuimenu .x1 .x1a {height:10px;width:10px;background-position:100% 0;right:-10px;top:0;} |
|
508 .yuimenu .x2 {background-position:100% 100%;z-index:-1;bottom:-10px;right:-10px;padding:10px 0 0 10px;} |
|
509 .yuimenu .x2 .x2a {height:10px;width:10px;background-position:0 100%;left:-10px;bottom:0;} |
|
510 #innerMenuL{float:left;min-width:8em;max-width:16em;margin-right:2em;} |
|
511 #menuColContainer{float:left;} |
|
512 |
|
513 #headeraL{float:left;color:#9f9f9f;font-size:85%;padding:.23em 0;} |
|
514 #headeraL ul li{float:left; border-left:1px solid #dfdfdf;} |
|
515 #headeraL ul li.first{float:left;margin-left:0; border-left:0;} |
|
516 #headeraL strong{margin-left:4.6em;font-weight:bold;} |
|
517 |
|
518 #headeraR{float:right;color:#86cdf5;padding-right:10px;} |
|
519 #headeraR ul li{float:left; margin-left:8px; padding-left:.7em; border-left:1px solid #86cdf5;font-size:85%;font-weight:bold;} |
|
520 #headeraR ul li.first{border-left:0;} |
|
521 #searchArea{z-index:190;position:relative;margin-top:1.2em;width:29em;text-align:right;} |
|
522 ul.srchOptns li{margin-top:.3em;} |
|
523 |
|
524 |
|
525 |
|
526 /*new footer*/ |
|
527 |
|
528 /* begin footer area */ |
|
529 #footermainCont{width:100%;} |
|
530 #footerMaxCont {width:100%;clear:both;background-color:#eaeaea;border-top:1px solid #fff;} |
|
531 #footerInternal{float:left;text-align:left;} |
|
532 #footerBotMainCont{width:100%;} |
|
533 #footerBotMaxCont {width:100%;clear:both;background-color:#fff;border-top:1px solid #fff;} |
|
534 #footerBotContainer{margin-left:170px;margin-right:auto;background:#fff;} |
|
535 #footerBotInternal{float:left;text-align:left;} |
|
536 #ydnfoot{border-top:0;} |
|
537 #ydnfoot{background:#f2f2f2;text-align:left;} |
|
538 #ydnfoot a{text-decoration:none;color:#2288bb;} |
|
539 #ydnfoot a:hover{text-decoration:underline;color:#19577D;} |
|
540 #ydnfoot_top{background:#eaeaea;color:#acacac;} |
|
541 #ydnfoot_top p, #ydnfoot_top strong {} |
|
542 #ydnfoot_top h3 {font-weight:bold;text-transform:uppercase;font-size:120%;color:#fff;} |
|
543 #ydnfoot h2 {font-weight:bold;text-transform:uppercase;font-size:120%;color:#000;} |
|
544 #ydnfoot_mid{background:#f5f5f5;} |
|
545 #ydnfttopL{float:left;width:157px;} |
|
546 #ydnfttopR{float:left;width:137px; margin-left:0;} |
|
547 #ydnfttop2L{float:left;width:100px;} |
|
548 #ydnfttop2R{float:left;width:100px; margin-left:0;} |
|
549 #ydnfttop2LL{float:left;width:100px;} |
|
550 #centr1, #centr2, #centr3, #centr4, #centr5, #centr6 {font-size:85%;float:left; width:108px;} |
|
551 #ydnfoot strong{font-weight:bold;} |
|
552 #ydnfoot ul{padding:0;list-style-type:disc;list-style-position: inside;} |
|
553 #ydnfoot li{color:#2288bb;list-style-type:disc;} |
|
554 #ydnfoot_top dt{margin-top:.3em;} |
|
555 #ydnfoot_mid dt{margin-top:1em;} |
|
556 #devcentL, #devcentR {padding:1em 1em 0 0;} |
|
557 #devcentL{float:left;} |
|
558 #devcentR{float:left;} |
|
559 #ydnfoot_bot{float:left;color:#666;font-size:86%;width:989px;padding:1em;border-top:1px solid #fff;} |
|
560 #ydnfoot_bot a:hover, #ydnfoot_top a:hover{text-decoration:underline;color:#000;} |
|
561 #ydnfoot .ftbtmL{float:left;} |
|
562 #ydnfoot .ftbtmR{float:right;} |
|
563 #fthrline{float:left;width:100%;} |
|
564 #ydnfoot .midlsect{border-right:1px solid red;} |
|
565 #boxtop1{float:left;width:311px;border-right:1px solid #fff;padding:13px;height:7em;} |
|
566 #boxtop2{float:left;width:311px;border-right:1px solid #fff;padding:13px;} |
|
567 #boxtop3{float:left;width:311px;padding:13px;} |
|
568 #boxmid1{float:left;border-right:1px solid #fff;padding:13px;width:655px;} |
|
569 #boxmid2{float:left;border-right:1px solid #fff;padding:13px;width:655px;} |
|
570 #boxmid3{float:left;padding:1em 0 1em .3em;} |
|
571 |
|
572 |
|
573 #footer3 {clear:both;background:url('http://l.yimg.com/a/i/us/ydn/tiy.gif') no-repeat top right;margin:20px 10px 10px 0;height:20px;} |
|
574 #footer3legal {padding-left:190px;padding-right:136px;padding-top:5px;} |
|
575 #footer3legal p {color:#BBB;font-size:93%;} |
|
576 #footer3legal a {color:#28b;text-decoration:none;} |
|
577 #footer3legal a:hover {text-decoration:underline;} |
|
578 |
|
579 /* end footer area*/ |
|
580 |
|
581 |
|
582 |
|
583 /* IE6 hack for 3 column layout */ |
|
584 #infra.yui-u { |
|
585 *width:31%; |
|
586 } |
|
587 |
|
588 |
|
589 /* updates for pr2 */ |
|
590 |
|
591 #main ul.topiclist p.topic {margin:0 0 1em 0;font-weight:bold;} |
|
592 #main ul.topiclist p {margin:0 0 1em 0;} |
|
593 #main dl dt code {font-weight:bold;color:#333;} |
|
594 div.wideimage {margin-bottom:1em;} |
|
595 #downloadbtn { |
|
596 border:1px solid #fff;border-bottom:none; |
|
597 } |
|
598 #downloadbtn a { |
|
599 margin:10px; |
|
600 border:1px solid #89B31F; |
|
601 background-color:#fff; |
|
602 display:block; |
|
603 font-size:93%; |
|
604 color:#004C6D; |
|
605 line-height:2em; |
|
606 padding:0 10px; |
|
607 text-decoration:none; |
|
608 text-align:center; |
|
609 } |
|
610 #downloadbtn a:hover { |
|
611 text-decoration:underline; |
|
612 } |
|
613 |
|
614 /* New syntax Highlighter Core */ |
|
615 .yui-syntax-highlight { |
|
616 background-color: #F5F5F5; |
|
617 border: 1px solid #D9D9D9; |
|
618 padding: .75em; |
|
619 overflow-x: auto; |
|
620 position: relative; |
|
621 margin-bottom: 15px; |
|
622 _width: 97%; |
|
623 _margin-bottom: 1.5em; |
|
624 } |
|
625 |
|
626 .yui-syntax-highlight .numbers { |
|
627 display: none; |
|
628 } |
|
629 |
|
630 .yui-syntax-highlight-linenumbers .numbers { |
|
631 display: block; |
|
632 } |
|
633 |
|
634 .yui-syntax-highlight-linenumbers .nonumbers { |
|
635 display: none; |
|
636 } |
|
637 |
|
638 .yui-syntax-highlight ol { |
|
639 margin-top: 0; |
|
640 margin-left: 2em; |
|
641 } |
|
642 |
|
643 .yui-syntax-highlight ol li { |
|
644 margin-bottom: 0; |
|
645 } |
|
646 |
|
647 .yui-syntax-highlight textarea { |
|
648 display: none; |
|
649 } |
|
650 |
|
651 .yui-syntax-highlight .syn-header { |
|
652 position: absolute; |
|
653 right: 5px; |
|
654 top: 0; |
|
655 background-color: #F5F5F5; |
|
656 } |
|
657 .yui-syntax-highlight .hidden { |
|
658 visibility: hidden; |
|
659 position: absolute; |
|
660 top: 0; |
|
661 left: 0; |
|
662 height: 0px; |
|
663 width: 0px; |
|
664 background-color: red; |
|
665 } |
|
666 |
|
667 /* HTML Colors */ |
|
668 .yui-syntax-highlight .html4strict {font-family:monospace;} |
|
669 .yui-syntax-highlight .html4strict .imp {font-weight: bold; color: red;} |
|
670 .yui-syntax-highlight .html4strict .kw2 {color: #000000; font-weight: bold;} |
|
671 .yui-syntax-highlight .html4strict .kw3 {color: #000066;} |
|
672 .yui-syntax-highlight .html4strict .es0 {color: #000099; font-weight: bold;} |
|
673 .yui-syntax-highlight .html4strict .br0 {color: #66cc66;} |
|
674 .yui-syntax-highlight .html4strict .sy0 {color: #66cc66;} |
|
675 .yui-syntax-highlight .html4strict .st0 {color: #ff0000;} |
|
676 .yui-syntax-highlight .html4strict .nu0 {color: #cc66cc;} |
|
677 .yui-syntax-highlight .html4strict .sc-1 {color: #808080; font-style: italic;} |
|
678 .yui-syntax-highlight .html4strict .sc0 {color: #00bbdd;} |
|
679 .yui-syntax-highlight .html4strict .sc1 {color: #ddbb00;} |
|
680 .yui-syntax-highlight .html4strict .sc2 {color: #009900;} |
|
681 .yui-syntax-highlight .html4strict span.xtra { display:block; } |
|
682 |
|
683 /* Javascript Colors */ |
|
684 .yui-syntax-highlight .javascript {font-family:monospace;} |
|
685 .yui-syntax-highlight .javascript .imp {font-weight: bold; color: red;} |
|
686 .yui-syntax-highlight .javascript .kw1 {color: #000066; font-weight: bold;} |
|
687 .yui-syntax-highlight .javascript .kw2 {color: #003366; font-weight: bold;} |
|
688 .yui-syntax-highlight .javascript .kw3 {color: #000066;} |
|
689 .yui-syntax-highlight .javascript .co1 {color: #006600; font-style: italic;} |
|
690 .yui-syntax-highlight .javascript .co2 {color: #009966; font-style: italic;} |
|
691 .yui-syntax-highlight .javascript .coMULTI {color: #006600; font-style: italic;} |
|
692 .yui-syntax-highlight .javascript .es0 {color: #000099; font-weight: bold;} |
|
693 .yui-syntax-highlight .javascript .br0 {color: #009900;} |
|
694 .yui-syntax-highlight .javascript .sy0 {color: #339933;} |
|
695 .yui-syntax-highlight .javascript .st0 {color: #3366CC;} |
|
696 .yui-syntax-highlight .javascript .nu0 {color: #CC0000;} |
|
697 .yui-syntax-highlight .javascript .me1 {color: #660066;} |
|
698 .yui-syntax-highlight .javascript span.xtra { display:block; } |
|
699 |
|
700 /* CSS Colors */ |
|
701 .yui-syntax-highlight .css {font-family:monospace;} |
|
702 .yui-syntax-highlight .css .imp {font-weight: bold; color: red;} |
|
703 .yui-syntax-highlight .css .kw1 {color: #000000; font-weight: bold;} |
|
704 .yui-syntax-highlight .css .kw2 {color: #993333;} |
|
705 .yui-syntax-highlight .css .co1 {color: #a1a100;} |
|
706 .yui-syntax-highlight .css .co2 {color: #ff0000; font-style: italic;} |
|
707 .yui-syntax-highlight .css .coMULTI {color: #808080; font-style: italic;} |
|
708 .yui-syntax-highlight .css .es0 {color: #000099; font-weight: bold;} |
|
709 .yui-syntax-highlight .css .br0 {color: #00AA00;} |
|
710 .yui-syntax-highlight .css .sy0 {color: #00AA00;} |
|
711 .yui-syntax-highlight .css .st0 {color: #ff0000;} |
|
712 .yui-syntax-highlight .css .nu0 {color: #cc66cc;} |
|
713 .yui-syntax-highlight .css .re0 {color: #cc00cc;} |
|
714 .yui-syntax-highlight .css .re1 {color: #6666ff;} |
|
715 .yui-syntax-highlight .css .re2 {color: #3333ff;} |
|
716 .yui-syntax-highlight .css .re3 {color: #933;} |
|
717 .yui-syntax-highlight .css span.xtra { display:block; } |
|
718 |
|
719 |