1 @charset "UTF-8"; |
|
2 |
|
3 @import url(xxe-config:common/css/cals_table.imp); |
|
4 |
|
5 /* $Id$ */ |
|
6 |
|
7 *::comment { display: none; } |
|
8 |
|
9 publidoc { |
|
10 display: block; |
|
11 font-family: sans-serif; |
|
12 padding: 0; |
|
13 } |
|
14 |
|
15 |
|
16 /* Head level ============================================================== */ |
|
17 |
|
18 head { |
|
19 display: block; |
|
20 margin-bottom: .5em; |
|
21 background-color: #fafafa; |
|
22 padding: .2em .5em 0 .5em; |
|
23 border: 1px solid #bbbbbb; |
|
24 border-radius: 0.2em; |
|
25 } |
|
26 |
|
27 head > *:before { |
|
28 display: marker; |
|
29 color: #7f7f7f; |
|
30 content: insert-before-button() element-label() " :"; |
|
31 } |
|
32 head > title:before { display: none; } |
|
33 head > shorttitle:before { display: none; } |
|
34 head > subtitle:before { display: none; } |
|
35 head > identifier[type="uri"]:before { content: insert-before-button() " URI :"; } |
|
36 head > identifier[type="ean"]:before { content: insert-before-button() " EAN :"; } |
|
37 head > copyright:before { content: insert-before-button() " Copyright :"; } |
|
38 head > collection:before { content: insert-before-button() " Collection :"; } |
|
39 head > contributors:before { content: insert-before-button() " Contributeurs :"; } |
|
40 head > date:before { content: insert-before-button() " Date :"; } |
|
41 head > place:before { content: insert-before-button() " Lieu :"; } |
|
42 head > source:before { content: insert-before-button() " Source :"; } |
|
43 head > keywordset:before { content: insert-before-button() " Mots clés :"; } |
|
44 head > subjectset:before { content: insert-before-button() " Thèmes :"; } |
|
45 head > abstract:before { content: insert-before-button() " Résumé :"; } |
|
46 head > cover:before { content: insert-before-button() " Couverture :"; } |
|
47 head > annotation:before { content: insert-before-button() " Annotation :"; } |
|
48 head > audio:before { content: insert-before-button() " Audio :"; } |
|
49 |
|
50 head > * { |
|
51 display: block; |
|
52 margin: 0 0 .8em 7.5em; |
|
53 } |
|
54 |
|
55 head > *:after { |
|
56 color: #7f7f7f; |
|
57 content: " " insert-after-button(); |
|
58 } |
|
59 |
|
60 /* title, shortitle & subtitle ~~~~~ */ |
|
61 |
|
62 head > title, head > shorttitle { |
|
63 font-weight: bold; |
|
64 font-size: 120%; |
|
65 margin: 0 0 .2em 0; |
|
66 } |
|
67 |
|
68 head > title { |
|
69 color: #004080; |
|
70 } |
|
71 |
|
72 head > subtitle { |
|
73 font-weight: bold; |
|
74 color: #004080; |
|
75 margin: 0 0 .2em 0; |
|
76 } |
|
77 |
|
78 /* contributors ~~~~~~~~~~~~~~~~~~~~ */ |
|
79 |
|
80 contributor:before { |
|
81 display: marker; |
|
82 content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc)) |
|
83 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
84 } |
|
85 contributor { |
|
86 display: block; |
|
87 margin: 0 0 .2em 24px; |
|
88 } |
|
89 |
|
90 firstname:after, secondname:after, lastname:after, label:after, |
|
91 address:after { |
|
92 content: insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
93 } |
|
94 |
|
95 contributor > link[uri]:after { |
|
96 content: " ‣ " text-field(attribute, uri, color, black, font-size, 80%) "]" |
|
97 insert-after-button(icon, icon(right-half-disc)); |
|
98 } |
|
99 contributor > link[idref]:after { |
|
100 content: " ‣ " label(attribute, idref, color, black) |
|
101 set-attribute-button(attribute, idref) "]" |
|
102 insert-after-button(icon, icon(right-half-disc)); |
|
103 } |
|
104 |
|
105 contributor role { |
|
106 color: #7f7f7f; |
|
107 content: " rôle : " combo-box(element, role, font-size, 75%, |
|
108 labels, "auteur\A illustrateur\A éditeur\A packager" |
|
109 values, "author\A illustrator\A publisher\A packager", color, black) |
|
110 insert-same-after-button(icon, icon(right-half-disc)); |
|
111 } |
|
112 |
|
113 /* source ~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
114 |
|
115 head source[type="book"] { |
|
116 display: none; |
|
117 } |
|
118 |
|
119 /* keyword & subject ~~~~~~~~~~~~~~~ */ |
|
120 |
|
121 head keyword:after { |
|
122 content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc)) |
|
123 " "; |
|
124 } |
|
125 |
|
126 head subject:before { |
|
127 color: #7F7f7f; |
|
128 content: "ID = " text-field(attribute, id, columns, 10, color, black, font-size, 75%); |
|
129 } |
|
130 head subject:after { |
|
131 content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
132 } |
|
133 |
|
134 |
|
135 /* Division level ========================================================== */ |
|
136 |
|
137 division:before { |
|
138 display: block; |
|
139 color: #7f7f7f; |
|
140 content: collapser() " " insert-before-button() insert-after-button() |
|
141 " Division" |
|
142 } |
|
143 |
|
144 division { |
|
145 display: block; |
|
146 border: 1px dotted #7f7f7f; |
|
147 padding: 5px; |
|
148 margin-bottom: .5em; |
|
149 collapsible: yes; |
|
150 not-collapsible-head: 1; |
|
151 } |
|
152 division:last-child { |
|
153 margin-bottom: 0; |
|
154 } |
|
155 |
|
156 division > head { |
|
157 background-color: #ffffee; |
|
158 padding: .3em .5em .3em .5em; |
|
159 border-radius: 0.5em; |
|
160 } |
|
161 |
|
162 |
|
163 /* Component level ========================================================= */ |
|
164 |
|
165 topic:before { |
|
166 display: block; |
|
167 color: #7f7f7f; |
|
168 background-color: #ddddcc; |
|
169 border: 1px solid #aeaea0; |
|
170 font-weight: bold; |
|
171 padding: .5em 5px .5em 5px; |
|
172 content: collapser() " " insert-before-button() insert-after-button() |
|
173 " " add-attribute-button() " Topic"; |
|
174 } |
|
175 topic[id]:before { |
|
176 content: collapser() " " insert-before-button() insert-after-button() |
|
177 " " add-attribute-button() " Topic" |
|
178 " – ID = " text-field(attribute, "id", columns, 15, color, black); |
|
179 } |
|
180 topic[type]:before { |
|
181 content: collapser() " " insert-before-button() insert-after-button() |
|
182 " " add-attribute-button() " Topic" |
|
183 " – Type = " text-field(attribute, type, columns, 10, color, black); |
|
184 } |
|
185 topic[id][type]:before { |
|
186 content: collapser() " " insert-before-button() insert-after-button() |
|
187 " Topic" |
|
188 " – ID = " text-field(attribute, "id", columns, 15, color, black) |
|
189 " – Type = " text-field(attribute, type, columns, 10, color, black); |
|
190 } |
|
191 |
|
192 topic { |
|
193 display: block; |
|
194 border: 1px solid #aeaea0; |
|
195 margin-bottom: .5em; |
|
196 padding: 5px; |
|
197 collapsible: yes; |
|
198 } |
|
199 topic:last-child { |
|
200 margin-bottom: 0; |
|
201 } |
|
202 |
|
203 topic > head { |
|
204 background-color: #ffffee; |
|
205 padding: .3em .5em .3em .5em; |
|
206 border-radius: 0.5em; |
|
207 } |
|
208 |
|
209 |
|
210 /* Top level =============================================================== */ |
|
211 |
|
212 publidoc > *:before { |
|
213 display: block; |
|
214 color: #bbbbbb; |
|
215 background: #993333 url('top.png') repeat-x top left; |
|
216 font-weight: bold; |
|
217 padding: 1.2em 5px 1em 5px; |
|
218 } |
|
219 publidoc > document:before { |
|
220 content: add-attribute-button() " Document" |
|
221 " – ID = " text-field(attribute, "id", columns, 15, color, white); |
|
222 } |
|
223 publidoc > document[id][xml|lang]:before { |
|
224 content: "Document" |
|
225 " – ID = " text-field(attribute, "id", columns, 15, color, white) |
|
226 " – Langue principale = " combo-box(attribute, "xml:lang", font-size, 75%, |
|
227 values, "en\A fr\A es", color, white); |
|
228 } |
|
229 publidoc > topic[id]:before { |
|
230 content: add-attribute-button() " Topic" |
|
231 " – ID = " text-field(attribute, "id", columns, 15, color, white); |
|
232 } |
|
233 publidoc > topic[id][type]:before { |
|
234 content: add-attribute-button() " Topic" |
|
235 " – ID = " text-field(attribute, "id", columns, 15, color, white) |
|
236 " – Type = " text-field(attribute, type, columns, 10, color, white); |
|
237 } |
|
238 publidoc > topic[id][xml|lang]:before { |
|
239 content: add-attribute-button() " Topic" |
|
240 " – ID = " text-field(attribute, "id", columns, 15, color, white) |
|
241 " – Langue principale = " combo-box(attribute, "xml:lang", font-size, 75%, |
|
242 values, "en\A fr\A es", color, white); |
|
243 } |
|
244 publidoc > topic[id][type][xml|lang]:before { |
|
245 content: "Topic" |
|
246 " – ID = " text-field(attribute, "id", columns, 15, color, white) |
|
247 " – Type = " text-field(attribute, type, columns, 10, color, white) |
|
248 " – Langue principale = " combo-box(attribute, "xml:lang", font-size, 75%, |
|
249 values, "en\A fr\A es", color, white); |
|
250 } |
|
251 |
|
252 publidoc > * { |
|
253 display: block; |
|
254 margin: 5px; |
|
255 padding: 0; |
|
256 border: 0; |
|
257 } |
|
258 |
|
259 publidoc > * > head { |
|
260 background-color: #ffffee; |
|
261 padding: .3em .5em .3em .5em; |
|
262 border-radius: 0.5em; |
|
263 } |
|
264 |
|
265 publidoc > * > head > title { |
|
266 font-size: 140%; |
|
267 margin: .1em 0 .1em 0; |
|
268 } |
|
269 |
|
270 |
|
271 /* Section level =========================================================== */ |
|
272 |
|
273 section:before { |
|
274 display: block; |
|
275 color: #7f7f7f; |
|
276 text-align: left; |
|
277 font-style: normal; |
|
278 font-size: 75%; |
|
279 padding-bottom: 3px; |
|
280 content: insert-before-button() add-attribute-button(icon, icon(plus-box)); |
|
281 } |
|
282 section[type]:before { |
|
283 content: insert-before-button() add-attribute-button(icon, icon(plus-box)) |
|
284 " Type = " text-field(attribute, type, columns, 5, color, black); |
|
285 } |
|
286 section[for]:before { |
|
287 content: insert-before-button() add-attribute-button(icon, icon(plus-box)) |
|
288 " Pour = " text-field(attribute, for, columns, 5, color, black); |
|
289 } |
|
290 section[xml|lang]:before { |
|
291 content: insert-before-button() add-attribute-button(icon, icon(plus-box)) |
|
292 " Langue = " text-field(attribute, "xml:lang", columns, 2, color, black); |
|
293 } |
|
294 section[type][for]:before { |
|
295 content: insert-before-button() add-attribute-button(icon, icon(plus-box)) |
|
296 " Type = " text-field(attribute, type, columns, 5, color, black) |
|
297 " – Pour = " text-field(attribute, for, columns, 5, color, black); |
|
298 } |
|
299 section[type][xml|lang]:before { |
|
300 content: insert-before-button() add-attribute-button(icon, icon(plus-box)) |
|
301 " Type = " text-field(attribute, type, columns, 5, color, black) |
|
302 " – Langue = " text-field(attribute, "xml:lang", columns, 2, color, black); |
|
303 } |
|
304 section[for][xml|lang]:before { |
|
305 content: insert-before-button() add-attribute-button(icon, icon(plus-box)) |
|
306 " Pour = " text-field(attribute, for, columns, 5, color, black) |
|
307 " – Langue = " text-field(attribute, "xml:lang", columns, 2, color, black); |
|
308 } |
|
309 section[type][for][xml|lang]:before { |
|
310 content: insert-before-button() |
|
311 " Type = " text-field(attribute, type, columns, 5, color, black) |
|
312 " Pour = " text-field(attribute, for, columns, 5, color, black) |
|
313 " – Langue = " text-field(attribute, "xml:lang", columns, 2, color, black); |
|
314 } |
|
315 |
|
316 section section:before { |
|
317 margin-left: 1em; |
|
318 } |
|
319 |
|
320 header, front, section, footer { |
|
321 display: block; |
|
322 } |
|
323 |
|
324 section[type="box"] { |
|
325 margin-bottom: .5em; |
|
326 padding: 5px; |
|
327 background-color: #e8f0f7; |
|
328 border-radius: 0.2em; |
|
329 } |
|
330 section[type="ex"] { font-style: italic; } |
|
331 section[type="sign"] { text-align: right; } |
|
332 |
|
333 header, footer { |
|
334 background-color: #fafafa; |
|
335 } |
|
336 |
|
337 front { |
|
338 margin: 1em 20px 1em 20px; |
|
339 background-color: #fafafa; |
|
340 } |
|
341 front p { |
|
342 font-family: sans-serif; |
|
343 } |
|
344 |
|
345 section section { |
|
346 margin-left: 1em; |
|
347 } |
|
348 |
|
349 section:after { |
|
350 color: #7f7f7f; |
|
351 content: insert-after-button(); |
|
352 } |
|
353 section section:after { |
|
354 margin-left: 1em; |
|
355 } |
|
356 |
|
357 |
|
358 /* Block level ============================================================= */ |
|
359 |
|
360 p:before, speech:before, list:before, |
|
361 blockquote:before, table:before, media:before { |
|
362 display: marker; |
|
363 color: #7f7f7f; |
|
364 content: insert-before-button(icon, icon(left-half-disc)) |
|
365 insert-after-button(icon, icon(right-half-disc)); |
|
366 } |
|
367 |
|
368 p, speech, list, blockquote, table, media { |
|
369 display: block; |
|
370 margin-left: 24px; |
|
371 font-size: 115%; |
|
372 font-family: serif; |
|
373 } |
|
374 |
|
375 /* speech ~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
376 |
|
377 speaker { |
|
378 font-weight: bold; |
|
379 } |
|
380 |
|
381 stage:before, stage:after { |
|
382 color: #7f7f7f; |
|
383 content: "("; |
|
384 } |
|
385 stage:before { |
|
386 content: " ("; |
|
387 } |
|
388 stage { |
|
389 font-style: italic; |
|
390 } |
|
391 stage:after { |
|
392 content: ")"; |
|
393 } |
|
394 |
|
395 /* list ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
396 |
|
397 list:before { |
|
398 content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc)) |
|
399 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)) |
|
400 command-button(command, "putAttribute", parameter, "type ordered", icon, icon(convert)); |
|
401 } |
|
402 list[type="ordered"]:before { |
|
403 content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc)) |
|
404 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)) |
|
405 command-button(command, "removeAttribute", parameter, "type", icon, icon(convert)); |
|
406 } |
|
407 list[type="glossary"]:before { |
|
408 content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc)) |
|
409 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
410 } |
|
411 |
|
412 list { |
|
413 margin: .3em 0 .3em 36px; |
|
414 } |
|
415 list[type="glossary"] { |
|
416 margin: .3em 0 .3em 24px; |
|
417 } |
|
418 |
|
419 list > head { |
|
420 font-size: 75%; |
|
421 } |
|
422 |
|
423 item { |
|
424 display: list-item; |
|
425 } |
|
426 list[type="ordered"] > item { |
|
427 list-style-type: decimal; |
|
428 list-style-position: inside; |
|
429 } |
|
430 |
|
431 item:after { |
|
432 content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
433 } |
|
434 |
|
435 list:not([type="glossary"]) > item > p:before { |
|
436 color: #7f7f7f; |
|
437 content: insert-same-before-button(icon, icon(left-half-disc)) |
|
438 insert-same-after-button(icon, icon(right-half-disc)); |
|
439 } |
|
440 list:not([type="glossary"]) > item > p { |
|
441 display: inline; |
|
442 } |
|
443 list:not([type="glossary"]) > item > p:after { |
|
444 color: #7f7f7f; |
|
445 content: "\A"; |
|
446 } |
|
447 |
|
448 list[type="glossary"] > item > label { |
|
449 font-weight: bold; |
|
450 } |
|
451 |
|
452 /* blockquote ~~~~~~~~~~~~~~~~~~~~~~ */ |
|
453 |
|
454 blockquote { color: #004080; } |
|
455 |
|
456 attribution { font-style: italic; } |
|
457 |
|
458 /* table ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
459 |
|
460 @extension "com.xmlmind.xmleditext.xhtml.table.TableSupport black rgb(238,238,224)"; |
|
461 |
|
462 table { |
|
463 display: table; |
|
464 border-style: solid; |
|
465 border-width: 1px; |
|
466 margin-top: 0; |
|
467 margin-bottom: 1em; |
|
468 } |
|
469 |
|
470 table > head { |
|
471 display: table-caption; |
|
472 margin-left: 24px; |
|
473 margin-bottom: 0; |
|
474 } |
|
475 |
|
476 table title { |
|
477 font-size: 93%; |
|
478 font-family: sans-serif; |
|
479 color: black; |
|
480 } |
|
481 |
|
482 thead, tbody { |
|
483 display: table-row-group; |
|
484 } |
|
485 |
|
486 tr { |
|
487 display: table-row; |
|
488 } |
|
489 |
|
490 td, th { |
|
491 display: table-cell; |
|
492 border-style: solid; |
|
493 border-width: 1px; |
|
494 padding: .2em; |
|
495 } |
|
496 th { |
|
497 font-weight: bold; |
|
498 } |
|
499 |
|
500 table > caption { |
|
501 display: block; |
|
502 font-family: sans-serif; |
|
503 font-size: 93%; |
|
504 color: #004080; |
|
505 } |
|
506 |
|
507 /* media ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
508 |
|
509 media { |
|
510 margin-top: .5em; |
|
511 margin-bottom: 1em; |
|
512 padding: 10px; |
|
513 border: 1px dashed #7f7f7f; |
|
514 } |
|
515 |
|
516 media image, media audio, media video { |
|
517 display: block; |
|
518 font-family: sans-serif; |
|
519 } |
|
520 |
|
521 media caption { |
|
522 display: block; |
|
523 font-family: sans-serif; |
|
524 font-size: 93%; |
|
525 color: #004080; |
|
526 } |
|
527 media caption:after { |
|
528 content: insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
529 } |
|
530 |
|
531 /* image ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
532 |
|
533 cover image { |
|
534 content: concatenate("image('Images/", attr(id), ".png', -480, -360, smooth)"); |
|
535 } |
|
536 |
|
537 p image, entry image { |
|
538 content: concatenate("image('Images/", attr(id), ".png', -64, -48, smooth)"); |
|
539 vertical-align: middle; |
|
540 } |
|
541 |
|
542 p image[type="thumbnail"], entry image[type="thumbnail"] { |
|
543 content: concatenate("image('Images/", attr(id), ".png', -128, -96, smooth)"); |
|
544 vertical-align: middle; |
|
545 } |
|
546 |
|
547 media image:before { |
|
548 display: block; |
|
549 text-align: left; |
|
550 content: concatenate("image('Images/", attr(id), ".png', -480, -360, smooth)") |
|
551 insert-button(color, #7f7f7f, icon, icon(pop-down)) |
|
552 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
553 } |
|
554 media image[type="thumbnail"]:before { |
|
555 content: concatenate("image('Images/", attr(id), ".png', -128, -96, smooth)") |
|
556 insert-button(color, #7f7f7f, icon, icon(pop-down)) |
|
557 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
558 } |
|
559 |
|
560 media image { |
|
561 margin-bottom: .3em; |
|
562 } |
|
563 |
|
564 image > copyright { |
|
565 display: block; |
|
566 font-size: 75%; |
|
567 font-style: italic; |
|
568 } |
|
569 |
|
570 /* hotspot ~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
571 |
|
572 hotspot { |
|
573 display: block; |
|
574 padding: .4em; |
|
575 margin: 0 1em .1em 0; |
|
576 background-color: #ffefd8; |
|
577 border-radius: 1.5em; |
|
578 } |
|
579 |
|
580 hotspot image:before { |
|
581 content: ""; |
|
582 } |
|
583 hotspot > image { |
|
584 content: concatenate("image('Images/", attr(id), ".png', -128, -96, smooth)"); |
|
585 } |
|
586 |
|
587 hotspot p:before { |
|
588 content: ""; |
|
589 } |
|
590 hotspot > p { |
|
591 font-family: sans-serif; |
|
592 font-size: 85%; |
|
593 margin: 0 .5em 0 .5em; |
|
594 } |
|
595 |
|
596 hotspot:after { |
|
597 display: marker; |
|
598 padding-bottom: .7em; |
|
599 content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
600 } |
|
601 |
|
602 /* audio ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
603 |
|
604 audio { |
|
605 content: text-field(attribute, id, color, black, font-size, 75%) |
|
606 " type : " label(attribute, type, color, black) " " |
|
607 set-attribute-button(attribute, type, icon, icon(pop-sw), color, black); |
|
608 } |
|
609 media audio { |
|
610 content: "Audio : " text-field(attribute, id, color, black) |
|
611 " type : " label(attribute, type, color, black) " " |
|
612 set-attribute-button(attribute, type, icon, icon(pop-sw), color, black); |
|
613 } |
|
614 |
|
615 |
|
616 /* video ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
617 |
|
618 video { |
|
619 content: text-field(attribute, id, color, black, font-size, 75%); |
|
620 } |
|
621 media video { |
|
622 content: "Video : " text-field(attribute, id, color, black); |
|
623 } |
|
624 |
|
625 |
|
626 /* Inline level ============================================================ */ |
|
627 |
|
628 /* sup, sub, var ~~~~~~~~~~~~~~~~~~~ */ |
|
629 |
|
630 sup { font-family: sans-serif; vertical-align: super; font-size: 75%; white-space: nowrap; } |
|
631 sub { font-family: sans-serif; vertical-align: sub; font-size: 75%; white-space: nowrap; } |
|
632 var { font-family: sans-serif; font-style: italic; } |
|
633 |
|
634 /* date ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
635 |
|
636 date[value]:after { |
|
637 color: #7f7f7f; |
|
638 content: " (" date-picker(attribute, value, columns, 7, color, black, font-size, 75%) ")"; |
|
639 } |
|
640 head > date[value]:after { |
|
641 color: #7f7f7f; |
|
642 content: " (" date-picker(attribute, value, columns, 7, color, black, font-size, 75%) |
|
643 ") " insert-after-button(); |
|
644 } |
|
645 |
|
646 /* name ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
647 |
|
648 name { font-family: sans-serif; color: #004080; } |
|
649 |
|
650 /* note ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
651 |
|
652 note:before { font-size: 80%; color: #7f7f7f; content: "(Note : "; } |
|
653 note { font-family: sans-serif; color: #aeaea0; font-size: 80%; } |
|
654 note:after { font-size: 80%; color: #7f7f7f; content: ")"; } |
|
655 note p { display:inline; } |
|
656 |
|
657 /* foreign ~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
658 |
|
659 foreign { font-family: sans-serif; font-style: italic; } |
|
660 |
|
661 /* highlight ~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
662 |
|
663 highlight { font-weight: bold; } |
|
664 |
|
665 /* emphasis ~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
666 |
|
667 emphasis { font-style: italic; } |
|
668 |
|
669 /* mentioned ~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
670 |
|
671 mentioned { font-style: oblique; } |
|
672 |
|
673 /* term ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
674 |
|
675 term { font-family: sans-serif; } |
|
676 |
|
677 /* link ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
678 |
|
679 link:before { |
|
680 color: #7f7f7f; |
|
681 font-family: sans-serif; |
|
682 content: "[" |
|
683 } |
|
684 |
|
685 media link { |
|
686 display: block; |
|
687 } |
|
688 |
|
689 link:after { |
|
690 color: #7f7f7f; |
|
691 font-family: sans-serif; |
|
692 } |
|
693 link[uri]:after { |
|
694 content: " ‣ " text-field(attribute, uri, color, black, font-size, 80%) "]"; |
|
695 } |
|
696 link[idref]:after { |
|
697 content: " ‣ " label(attribute, idref, color, black) |
|
698 set-attribute-button(attribute, idref) "]"; |
|
699 } |
|
700 |
|
701 /* smil ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
702 |
|
703 smil { |
|
704 background-color: #ffffc0; |
|
705 } |
|
706 |
|
707 /* warning ~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
708 |
|
709 warning { |
|
710 color: red; |
|
711 font-weight: bold; |
|
712 } |
|