1 /* $Id$ */ |
1 /* $Id$ */ |
2 |
2 |
3 publidoc:before { |
3 publidoc { |
4 display: block; |
|
5 background-color: #993333; |
|
6 padding: 3ex 1ex 3ex 1ex; |
|
7 color: silver; |
|
8 font-family: sans-serif; |
4 font-family: sans-serif; |
9 font-size: 100%; |
|
10 font-weight: bold; |
|
11 content: " id = " text-field(attribute, id, columns, 10, color, white, font-size, 120%) |
|
12 " " icon(diamond) " type = " label(attribute, type, color, white, font-size, 120%) |
|
13 set-attribute-button(attribute, type, icon, icon(pop-sw)) |
|
14 " " icon(diamond) " media = " label(attribute, media, color, white, font-size, 120%) |
|
15 set-attribute-button(attribute, media, icon, icon(pop-sw)) |
|
16 " " icon(diamond) " lang = " label(attribute, "xml:lang", color, white, font-size, 120%) |
|
17 set-attribute-button(attribute, "xml:lang", icon, icon(pop-sw)); |
|
18 } |
5 } |
19 |
6 |
20 publidoc { |
7 *::comment { display: none; } |
21 color: black; |
8 |
22 background-color: white; |
9 /* Top level =============================================================== */ |
23 font-family: sans-serif; |
10 |
24 font-size: 120%; |
11 |
|
12 |
|
13 /* Head level ============================================================== */ |
|
14 |
|
15 head { |
|
16 display: block; |
|
17 margin: .5em 0; |
|
18 background-color: #ffffe0; |
|
19 border: thin solid #dcdcdc; |
|
20 padding: .5em; |
|
21 border-radius: 0.5em; |
|
22 width: 100%; |
25 } |
23 } |
26 |
24 |
27 /* ======= Head level ======= */ |
25 head > *:before { |
|
26 display: marker; |
|
27 content: element-label(); |
|
28 color: gray; |
|
29 } |
|
30 head > title:before { display: none; } |
|
31 head > subtitle:before { content: "Sous-titre :"; } |
|
32 head > language:before { content: insert-before-button() " Langue :"; } |
|
33 head > date:before { content: insert-before-button() " Date :"; } |
|
34 head > place:before { content: insert-before-button() " Lieu :"; } |
|
35 head > source:before { content: insert-before-button() " Source :"; } |
|
36 head > keywordset:before { content: insert-before-button() " Mots clés :"; } |
28 |
37 |
29 /* head { */ |
38 head > * { |
|
39 display: block; |
|
40 margin: 0 0 .5em 6em; |
|
41 } |
|
42 head > title { |
|
43 font-size: 150%; |
|
44 font-weight: bold; |
|
45 color: #004080; |
|
46 margin: 0 0 .4em 0; |
|
47 } |
|
48 |
|
49 head > *:after { |
|
50 color: gray; |
|
51 content: " " insert-after-button(); |
|
52 } |
|
53 head > title:after { content: ""; } |
|
54 |
|
55 /* Division level ========================================================== */ |
|
56 |
|
57 /* Component level ========================================================= */ |
|
58 |
|
59 /* Section level =========================================================== */ |
|
60 |
|
61 /* section { */ |
30 /* display: block; */ |
62 /* display: block; */ |
31 /* } */ |
63 /* } */ |
32 |
64 |
33 /* ====== Section level ===== */ |
65 /* Block level ============================================================= */ |
34 |
66 |
35 section:before { |
67 /* p { */ |
36 display: block; |
68 /* display: block; */ |
37 margin: 2ex 10px 0 1ex; |
69 /* } */ |
38 background-color: silver; |
|
39 color: gray; |
|
40 font-family: sans-serif; |
|
41 font-weight: bold; |
|
42 content: row(cell(content(" " insert-before-button() collapser()), width, 90%), |
|
43 cell(content(insert-after-button() " "), width, 10%, text-align, right)); |
|
44 } |
|
45 |
70 |
46 section { |
71 /* Inline level ============================================================ */ |
47 display: block; |
|
48 collapsible: yes; |
|
49 collapsed: no; |
|
50 } |
|
51 |
72 |
52 /* ======= Block level ====== */ |
73 sup { vertical-align: super; font-size: 75%; } |
53 |
74 sub { vertical-align: sub; font-size: 75%; } |
54 p { |
|
55 display: block; |
|
56 } |
|