1 /* $Id$ */ |
1 /* $Id$ */ |
2 |
2 |
|
3 *::comment { display: none; } |
|
4 |
3 publidoc { |
5 publidoc { |
|
6 display: block; |
4 font-family: sans-serif; |
7 font-family: sans-serif; |
5 } |
8 padding: 0; |
6 |
9 } |
7 *::comment { display: none; } |
|
8 |
|
9 /* Top level =============================================================== */ |
|
10 |
|
11 |
10 |
12 |
11 |
13 /* Head level ============================================================== */ |
12 /* Head level ============================================================== */ |
14 |
13 |
15 head { |
14 head { |
16 display: block; |
15 display: block; |
17 margin: .5em 0; |
16 margin-bottom: .5em; |
18 background-color: #ffffe0; |
17 background-color: #ffffee; |
19 border: thin solid #dcdcdc; |
18 padding: 0 .2em 0 .2em; |
20 padding: .5em; |
19 border: 1px solid #bbbbbb; |
21 border-radius: 0.5em; |
20 border-radius: 0.2em; |
22 width: 100%; |
|
23 } |
21 } |
24 |
22 |
25 head > *:before { |
23 head > *:before { |
26 display: marker; |
24 display: marker; |
27 content: element-label(); |
25 content: element-label(); |
28 color: gray; |
26 color: #7f7f7f; |
29 } |
27 } |
30 head > title:before { display: none; } |
28 head > title:before { display: none; } |
31 head > subtitle:before { content: "Sous-titre :"; } |
29 head > subtitle:before { content: "Sous-titre :"; } |
|
30 head > identifier:before { content: insert-before-button() " Identifiant :"; } |
32 head > language:before { content: insert-before-button() " Langue :"; } |
31 head > language:before { content: insert-before-button() " Langue :"; } |
|
32 head > copyright:before { content: insert-before-button() " Copyright :"; } |
|
33 head > author:before { content: insert-before-button() " Auteur :"; } |
|
34 head > publisher:before { content: insert-before-button() " Éditeur :"; } |
33 head > date:before { content: insert-before-button() " Date :"; } |
35 head > date:before { content: insert-before-button() " Date :"; } |
34 head > place:before { content: insert-before-button() " Lieu :"; } |
36 head > place:before { content: insert-before-button() " Lieu :"; } |
35 head > source:before { content: insert-before-button() " Source :"; } |
37 head > source:before { content: insert-before-button() " Source :"; } |
36 head > keywordset:before { content: insert-before-button() " Mots clés :"; } |
38 head > keywordset:before { content: insert-before-button() " Mots clés :"; } |
|
39 head > subjectset:before { content: insert-before-button() " Thèmes :"; } |
|
40 head > abstract:before { content: insert-before-button() " Résumé :"; } |
|
41 head > cover:before { content: insert-before-button() " Couverture :"; } |
|
42 head > annotation:before { content: insert-before-button() " Annotation :"; } |
37 |
43 |
38 head > * { |
44 head > * { |
39 display: block; |
45 display: block; |
40 margin: 0 0 .5em 6em; |
46 margin: 0 0 .5em 7em; |
41 } |
47 } |
42 head > title { |
48 head > title { |
43 font-size: 150%; |
49 font-size: 110%; |
44 font-weight: bold; |
50 font-weight: bold; |
45 color: #004080; |
51 color: #004080; |
46 margin: 0 0 .4em 0; |
52 margin: .3em 0 .3em 0; |
|
53 } |
|
54 publidoc > * > head > title { |
|
55 font-size: 140%; |
47 } |
56 } |
48 |
57 |
49 head > *:after { |
58 head > *:after { |
50 color: gray; |
59 color: #7f7f7f; |
51 content: " " insert-after-button(); |
60 content: " " insert-after-button(); |
52 } |
61 } |
53 head > title:after { content: ""; } |
62 head > annotation:after { content: ""; } |
|
63 |
54 |
64 |
55 /* Division level ========================================================== */ |
65 /* Division level ========================================================== */ |
56 |
66 |
|
67 division:before { |
|
68 color: #7f7f7f; |
|
69 content: collapser() " " insert-before-button() insert-after-button() |
|
70 " Division" |
|
71 } |
|
72 |
|
73 division { |
|
74 display: block; |
|
75 border: 1px dotted #7f7f7f; |
|
76 padding: 5px; |
|
77 margin-bottom: .5em; |
|
78 collapsible: yes; |
|
79 not-collapsible-head: 1; |
|
80 } |
|
81 division:last-child { |
|
82 margin-bottom: 0; |
|
83 } |
|
84 |
|
85 division > head { |
|
86 padding: .3em .5em .3em .5em; |
|
87 border-radius: 0.5em; |
|
88 } |
|
89 |
|
90 |
57 /* Component level ========================================================= */ |
91 /* Component level ========================================================= */ |
58 |
92 |
|
93 topic:before { |
|
94 display: block; |
|
95 color: #7f7f7f; |
|
96 background-color: #ddddcc; |
|
97 font-weight: bold; |
|
98 padding: .5em 5px .5em 5px; |
|
99 content: collapser() " " insert-before-button() insert-after-button() |
|
100 " " add-attribute-button() " Topic"; |
|
101 } |
|
102 topic[xml|id]:before { |
|
103 content: collapser() " " insert-before-button() insert-after-button() |
|
104 " " add-attribute-button() " Topic – " |
|
105 " ID = " text-field(attribute, "xml:id", columns, 15, color, black); |
|
106 } |
|
107 topic[type]:before { |
|
108 content: collapser() " " insert-before-button() insert-after-button() |
|
109 " " add-attribute-button() " Topic – " |
|
110 " Type = " text-field(attribute, type, columns, 10, color, black); |
|
111 } |
|
112 topic[xml|id][type]:before { |
|
113 content: collapser() " " insert-before-button() insert-after-button() |
|
114 " Topic – " |
|
115 " ID = " text-field(attribute, "xml:id", columns, 15, color, black) |
|
116 " " icon(diamond) |
|
117 " Type = " text-field(attribute, type, columns, 10, color, black); |
|
118 } |
|
119 |
|
120 topic { |
|
121 display: block; |
|
122 border: 1px solid #ddddcc; |
|
123 margin-bottom: .5em; |
|
124 padding: 5px; |
|
125 collapsible: yes; |
|
126 } |
|
127 topic:last-child { |
|
128 margin-bottom: 0; |
|
129 } |
|
130 |
|
131 topic > head { |
|
132 padding: .3em .5em .3em .5em; |
|
133 border-radius: 0.5em; |
|
134 } |
|
135 |
|
136 |
|
137 /* Top level =============================================================== */ |
|
138 |
|
139 /* Topic ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
140 |
|
141 publidoc > *:before { |
|
142 display: block; |
|
143 color: #bbbbbb; |
|
144 background-color: #993333; |
|
145 font-weight: bold; |
|
146 padding: 1em 5px 1em 5px; |
|
147 } |
|
148 publidoc > document:before { |
|
149 content: "Document – " |
|
150 "ID = " text-field(attribute, "xml:id", columns, 15, color, white); |
|
151 } |
|
152 publidoc > topic[xml|id]:before { |
|
153 content: add-attribute-button() " Topic – " |
|
154 "ID = " text-field(attribute, "xml:id", columns, 15, color, white); |
|
155 } |
|
156 publidoc > topic[xml|id][type]:before { |
|
157 content: "Topic – " |
|
158 " ID = " text-field(attribute, "xml:id", columns, 15, color, white) |
|
159 " " icon(diamond) |
|
160 " Type = " text-field(attribute, type, columns, 10, color, white); |
|
161 } |
|
162 |
|
163 |
|
164 publidoc > * { |
|
165 display: block; |
|
166 margin: 5px; |
|
167 } |
|
168 |
|
169 publidoc > topic { |
|
170 border: 0; |
|
171 padding: 0; |
|
172 } |
|
173 |
|
174 publidoc > * > head { |
|
175 padding: .3em .5em .3em .5em; |
|
176 border-radius: 0.5em; |
|
177 } |
|
178 |
|
179 |
59 /* Section level =========================================================== */ |
180 /* Section level =========================================================== */ |
60 |
181 |
61 /* section { */ |
182 section { |
62 /* display: block; */ |
183 display: block; |
63 /* } */ |
184 margin-bottom: .5em; |
|
185 } |
|
186 section:last-child { |
|
187 margin-bottom: 0; |
|
188 } |
|
189 |
64 |
190 |
65 /* Block level ============================================================= */ |
191 /* Block level ============================================================= */ |
66 |
192 |
67 /* p { */ |
193 p, speech, blockquote, table, media { |
68 /* display: block; */ |
194 display: block; |
69 /* } */ |
195 } |
|
196 |
|
197 /* List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
198 |
|
199 list { |
|
200 display: block; |
|
201 margin: .3em 0 .3em 0; |
|
202 } |
|
203 |
|
204 item { |
|
205 display: list-item; |
|
206 } |
|
207 list[type="ordered"] > item { |
|
208 list-style-type: decimal; |
|
209 } |
|
210 |
|
211 list[type="glossary"] > item > label { |
|
212 font-weight: bold; |
|
213 } |
|
214 |
|
215 item > p { |
|
216 |
|
217 } |
70 |
218 |
71 /* Inline level ============================================================ */ |
219 /* Inline level ============================================================ */ |
72 |
220 |
73 sup { vertical-align: super; font-size: 75%; } |
221 sup { vertical-align: super; font-size: 75%; } |
74 sub { vertical-align: sub; font-size: 75%; } |
222 sub { vertical-align: sub; font-size: 75%; } |