diff options
Diffstat (limited to 'src/samples/Dtf/Documents/Guide/styles/presentation.css')
-rw-r--r-- | src/samples/Dtf/Documents/Guide/styles/presentation.css | 394 |
1 files changed, 394 insertions, 0 deletions
diff --git a/src/samples/Dtf/Documents/Guide/styles/presentation.css b/src/samples/Dtf/Documents/Guide/styles/presentation.css new file mode 100644 index 00000000..b71c8582 --- /dev/null +++ b/src/samples/Dtf/Documents/Guide/styles/presentation.css | |||
@@ -0,0 +1,394 @@ | |||
1 | |||
2 | /* page style */ | ||
3 | |||
4 | body { | ||
5 | margin: 0; | ||
6 | background-color: #FFFFFF; | ||
7 | padding: 0; | ||
8 | font-size: 80%; | ||
9 | font-family: verdana, sans-serif; | ||
10 | color: #000000; | ||
11 | } | ||
12 | |||
13 | table { | ||
14 | /* this is a trick to force tables to inherit the body font size */ | ||
15 | font-size: 100%; | ||
16 | } | ||
17 | |||
18 | /* non-scrolling (control) region style */ | ||
19 | |||
20 | div#control { | ||
21 | margin: 0; | ||
22 | background-color: #D4DFFF; | ||
23 | padding: 4px; | ||
24 | width: 100%; | ||
25 | border-bottom-color: #C8CDDE; | ||
26 | border-bottom-style: solid; | ||
27 | border-bottom-width: 1; | ||
28 | } | ||
29 | |||
30 | span.productTitle { | ||
31 | font-size: 80%; | ||
32 | } | ||
33 | |||
34 | span.topicTitle { | ||
35 | font-size: 140%; | ||
36 | font-weight: bold; | ||
37 | color: #003399; | ||
38 | } | ||
39 | |||
40 | span#chickenFeet { | ||
41 | float: left; | ||
42 | } | ||
43 | |||
44 | span#languageFilter { | ||
45 | float: right; | ||
46 | } | ||
47 | |||
48 | /* scrolling (content) region style */ | ||
49 | |||
50 | div#main { | ||
51 | margin: 0; | ||
52 | padding: 1em; | ||
53 | width: 100%; | ||
54 | clear: both; | ||
55 | } | ||
56 | |||
57 | /* sections */ | ||
58 | |||
59 | div#header { | ||
60 | font-size: 70%; | ||
61 | color: #666666; | ||
62 | margin-bottom: 0.5em; | ||
63 | } | ||
64 | |||
65 | div.section { | ||
66 | margin-bottom: 1em; | ||
67 | } | ||
68 | |||
69 | div.sectionTitle { | ||
70 | display: inline; | ||
71 | font-size: 120%; | ||
72 | font-weight: bold; | ||
73 | color: #003399; | ||
74 | } | ||
75 | |||
76 | div.sectionContent { | ||
77 | margin-top: 0.2em; | ||
78 | } | ||
79 | |||
80 | span.subsectionTitle { | ||
81 | font-weight: bold; | ||
82 | } | ||
83 | |||
84 | div#footer { | ||
85 | margin-top: 1em; | ||
86 | border-top: thin solid #003399; | ||
87 | padding-top: 0.5em; | ||
88 | } | ||
89 | |||
90 | /* authored content (block) */ | ||
91 | |||
92 | p { | ||
93 | margin-top: 0; | ||
94 | margin-bottom: 1em; | ||
95 | } | ||
96 | |||
97 | dl { | ||
98 | margin-top: 0; | ||
99 | margin-bottom: 1em; | ||
100 | } | ||
101 | |||
102 | div.code { | ||
103 | clear: both; | ||
104 | width: 100%; | ||
105 | background: #F7F7FF; | ||
106 | padding: 0.4em; | ||
107 | font-family: "Andale Mono"; | ||
108 | /* font-family: "Courier New"; */ | ||
109 | /* font-family: "This is not a monospace font", monospace; */ | ||
110 | font-size: inherit; | ||
111 | margin-bottom: 1em; | ||
112 | } | ||
113 | |||
114 | pre { | ||
115 | margin: 0; | ||
116 | padding: 0; | ||
117 | } | ||
118 | |||
119 | table.authoredTable { | ||
120 | table-layout: fixed; | ||
121 | width: 100%; | ||
122 | margin-bottom: 1em; | ||
123 | } | ||
124 | |||
125 | table.authoredTable th { | ||
126 | border-bottom-color: #C8CDDE; | ||
127 | border-bottom-style: solid; | ||
128 | border-bottom-width: 1; | ||
129 | background: #EFEFF7; | ||
130 | padding: 0.2em; | ||
131 | text-align: left; | ||
132 | color: #000066; | ||
133 | font-weight: bold; | ||
134 | } | ||
135 | |||
136 | table.authoredTable td { | ||
137 | border-bottom-style: solid; | ||
138 | border-bottom-color: #C8CDDE; | ||
139 | border-bottom-width: 1px; | ||
140 | background: #F7F7FF; | ||
141 | padding: 0.2em; | ||
142 | vertical-align: top; | ||
143 | } | ||
144 | |||
145 | div.alert { | ||
146 | border: 1px solid #C8CDDE; | ||
147 | background: #F7F7FF; | ||
148 | } | ||
149 | |||
150 | div.media { | ||
151 | text-align: center; | ||
152 | margin-bottom: 1em; | ||
153 | } | ||
154 | |||
155 | |||
156 | /* authored content (inline) */ | ||
157 | |||
158 | span.keyword { | ||
159 | font-weight: bold; | ||
160 | } | ||
161 | |||
162 | span.code { | ||
163 | font-family: "Andale Mono", "Courier New", Courier, monospace; | ||
164 | } | ||
165 | |||
166 | /* auto-generated controls */ | ||
167 | |||
168 | div.langTabs { | ||
169 | width: 100%; | ||
170 | } | ||
171 | |||
172 | div.langTab { | ||
173 | float: left; | ||
174 | width: 16%; | ||
175 | border-top: 1px solid #C8CDDE; | ||
176 | border-left: 1px solid #C8CDDE; | ||
177 | border-right: 1px solid #C8CDDE; | ||
178 | background: #F7F7FF; | ||
179 | padding: 0.2em; | ||
180 | text-align: left; | ||
181 | color: #000066; | ||
182 | font-weight: normal; | ||
183 | } | ||
184 | |||
185 | div.activeLangTab { | ||
186 | float: left; | ||
187 | width: 16%; | ||
188 | border-top: 1px solid #C8CDDE; | ||
189 | border-left: 1px solid #C8CDDE; | ||
190 | border-right: 1px solid #C8CDDE; | ||
191 | background: #EFEFF7; | ||
192 | padding: 0.2em; | ||
193 | text-align: left; | ||
194 | color: #000066; | ||
195 | font-weight: bold; | ||
196 | } | ||
197 | |||
198 | table.members { | ||
199 | table-layout: fixed; | ||
200 | width: 100%; | ||
201 | } | ||
202 | |||
203 | table.members th.iconColumn { | ||
204 | width: 60px; | ||
205 | } | ||
206 | |||
207 | table.members th.nameColumn { | ||
208 | width: 33%; | ||
209 | } | ||
210 | |||
211 | table.members th.descriptionColumn { | ||
212 | width: 66%; | ||
213 | } | ||
214 | |||
215 | table.members th { | ||
216 | border-bottom-color: #C8CDDE; | ||
217 | border-bottom-style: solid; | ||
218 | border-bottom-width: 1; | ||
219 | background: #EFEFF7; | ||
220 | padding: 0.2em; | ||
221 | text-align: left; | ||
222 | color: #000066; | ||
223 | font-weight: bold; | ||
224 | } | ||
225 | |||
226 | table.members td { | ||
227 | border-bottom-style: solid; | ||
228 | border-bottom-color: #C8CDDE; | ||
229 | border-bottom-width: 1px; | ||
230 | background: #F7F7FF; | ||
231 | padding: 0.2em; | ||
232 | vertical-align: top; | ||
233 | overflow: hidden; | ||
234 | } | ||
235 | |||
236 | table.exceptions { | ||
237 | table-layout: fixed; | ||
238 | width: 100%; | ||
239 | } | ||
240 | |||
241 | |||
242 | table.exceptions th.exceptionNameColumn { | ||
243 | width: 33%; | ||
244 | } | ||
245 | |||
246 | table.exceptions th.exceptionConditionColumn { | ||
247 | width: 66%; | ||
248 | } | ||
249 | |||
250 | table.exceptions th { | ||
251 | border-bottom-color: #C8CDDE; | ||
252 | border-bottom-style: solid; | ||
253 | border-bottom-width: 1; | ||
254 | background: #EFEFF7; | ||
255 | padding: 0.2em; | ||
256 | text-align: left; | ||
257 | color: #000066; | ||
258 | font-weight: bold; | ||
259 | } | ||
260 | |||
261 | table.exceptions td { | ||
262 | border-bottom-style: solid; | ||
263 | border-bottom-color: #C8CDDE; | ||
264 | border-bottom-width: 1px; | ||
265 | background: #F7F7FF; | ||
266 | padding: 0.2em; | ||
267 | vertical-align: top; | ||
268 | } | ||
269 | |||
270 | table.permissions { | ||
271 | table-layout: fixed; | ||
272 | width: 100%; | ||
273 | } | ||
274 | |||
275 | |||
276 | table.permissions th.permissionNameColumn { | ||
277 | width: 33%; | ||
278 | } | ||
279 | |||
280 | table.permissions th.permissionConditionColumn { | ||
281 | width: 66%; | ||
282 | } | ||
283 | |||
284 | table.permissions th { | ||
285 | border-bottom-color: #C8CDDE; | ||
286 | border-bottom-style: solid; | ||
287 | border-bottom-width: 1; | ||
288 | background: #EFEFF7; | ||
289 | padding: 0.2em; | ||
290 | text-align: left; | ||
291 | color: #000066; | ||
292 | font-weight: bold; | ||
293 | } | ||
294 | |||
295 | table.permissions td { | ||
296 | border-bottom-style: solid; | ||
297 | border-bottom-color: #C8CDDE; | ||
298 | border-bottom-width: 1px; | ||
299 | background: #F7F7FF; | ||
300 | padding: 0.2em; | ||
301 | vertical-align: top; | ||
302 | } | ||
303 | |||
304 | span.obsolete { | ||
305 | color: red; | ||
306 | } | ||
307 | |||
308 | span.cs { | ||
309 | display: inline; | ||
310 | } | ||
311 | |||
312 | span.vb { | ||
313 | display: none; | ||
314 | } | ||
315 | |||
316 | span.cpp { | ||
317 | display: none; | ||
318 | } | ||
319 | /* syntax styling */ | ||
320 | |||
321 | div.code span.identifier { | ||
322 | font-size: 120%; | ||
323 | font-weight: bold; | ||
324 | } | ||
325 | |||
326 | div.code span.keyword { | ||
327 | color: green; | ||
328 | } | ||
329 | |||
330 | div.code span.parameter { | ||
331 | font-style: italic; | ||
332 | color: purple; | ||
333 | } | ||
334 | |||
335 | div.code span.literal { | ||
336 | color: purple; | ||
337 | } | ||
338 | |||
339 | div.code span.comment { | ||
340 | color: red; | ||
341 | } | ||
342 | |||
343 | span.foreignPhrase { | ||
344 | font-style: italic; | ||
345 | } | ||
346 | |||
347 | span.placeholder { | ||
348 | font-style: italic; | ||
349 | } | ||
350 | |||
351 | a { | ||
352 | color: blue; | ||
353 | font-weight: bold; | ||
354 | text-decoration: none; | ||
355 | } | ||
356 | |||
357 | MSHelp\:link { | ||
358 | color: blue; | ||
359 | font-weight: bold; | ||
360 | hoverColor: #3366ff; | ||
361 | } | ||
362 | |||
363 | span.nolink { | ||
364 | font-weight: bold; | ||
365 | } | ||
366 | |||
367 | table.filter { | ||
368 | table-layout: fixed; | ||
369 | } | ||
370 | |||
371 | tr.tabs td.tab { | ||
372 | width: 10em; | ||
373 | background: #F7F7FF; | ||
374 | padding: 0.2em; | ||
375 | text-align: left; | ||
376 | color: #000066; | ||
377 | font-weight: normal; | ||
378 | overflow: hidden; | ||
379 | cursor: pointer; | ||
380 | } | ||
381 | |||
382 | tr.tabs td.activeTab { | ||
383 | width: 10em; | ||
384 | background: #EFEFF7; | ||
385 | padding: 0.2em; | ||
386 | text-align: left; | ||
387 | color: #000066; | ||
388 | font-weight: bold; | ||
389 | overflow: hidden; | ||
390 | } | ||
391 | |||
392 | td.line { | ||
393 | background: #EFEFF7; | ||
394 | } | ||