|
1 /* $Id$ */ |
|
2 |
|
3 *::comment { display: none; } |
|
4 |
|
5 publidoc { |
|
6 display: block; |
|
7 font-family: sans-serif; |
|
8 padding: 0; |
|
9 } |
|
10 |
|
11 |
|
12 /* Head level ============================================================== */ |
|
13 |
|
14 head { |
|
15 display: block; |
|
16 margin-bottom: .5em; |
|
17 background-color: #fafafa; |
|
18 padding: 0 .2em 0 .2em; |
|
19 border: 1px solid #bbbbbb; |
|
20 border-radius: 0.2em; |
|
21 } |
|
22 |
|
23 head > *:before { |
|
24 display: marker; |
|
25 content: element-label(); |
|
26 color: #7f7f7f; |
|
27 } |
|
28 head > title:before { display: none; } |
|
29 head > subtitle:before { display: none; } |
|
30 head > identifier[type="uri"]:before { content: insert-before-button() " URI :"; } |
|
31 head > identifier[type="ean"]:before { content: insert-before-button() " EAN :"; } |
|
32 head > language:before { content: insert-before-button() " Langue :"; } |
|
33 head > copyright:before { content: insert-before-button() " Copyright :"; } |
|
34 head > author:before { content: insert-before-button() " Auteur :"; } |
|
35 head > publisher:before { content: insert-before-button() " Éditeur :"; } |
|
36 head > date:before { content: insert-before-button() " Date :"; } |
|
37 head > place:before { content: insert-before-button() " Lieu :"; } |
|
38 head > source:before { content: insert-before-button() " Source :"; } |
|
39 head > keywordset:before { content: insert-before-button() " Mots clés :"; } |
|
40 head > subjectset:before { content: insert-before-button() " Thèmes :"; } |
|
41 head > abstract:before { content: insert-before-button() " Résumé :"; } |
|
42 head > cover:before { content: insert-before-button() " Couverture :"; } |
|
43 head > annotation:before { content: insert-before-button() " Annotation :"; } |
|
44 |
|
45 head > * { |
|
46 display: block; |
|
47 margin: 0 0 .5em 7em; |
|
48 } |
|
49 head > title { |
|
50 font-size: 120%; |
|
51 font-weight: bold; |
|
52 color: #004080; |
|
53 margin: .2em 0 .2em 0; |
|
54 } |
|
55 head > subtitle { |
|
56 font-weight: bold; |
|
57 color: #004080; |
|
58 margin: 0 0 .2em 0; |
|
59 } |
|
60 |
|
61 head > *:after { |
|
62 color: #7f7f7f; |
|
63 content: " " insert-after-button(); |
|
64 } |
|
65 head > annotation:after { content: ""; } |
|
66 |
|
67 language { |
|
68 content: combo-box(attribute, "xml:lang", font-size, 75%, |
|
69 labels, "Anglais\A Français\A Français (France)\A Espagnol", |
|
70 values, "en\A fr\A fr-FR\A, es"); |
|
71 } |
|
72 |
|
73 /* Division level ========================================================== */ |
|
74 |
|
75 division:before { |
|
76 display: block; |
|
77 color: #7f7f7f; |
|
78 content: collapser() " " insert-before-button() insert-after-button() |
|
79 " Division" |
|
80 } |
|
81 |
|
82 division { |
|
83 display: block; |
|
84 border: 1px dotted #7f7f7f; |
|
85 padding: 5px; |
|
86 margin-bottom: .5em; |
|
87 collapsible: yes; |
|
88 not-collapsible-head: 1; |
|
89 } |
|
90 division:last-child { |
|
91 margin-bottom: 0; |
|
92 } |
|
93 |
|
94 division > head { |
|
95 background-color: #ffffee; |
|
96 padding: .3em .5em .3em .5em; |
|
97 border-radius: 0.5em; |
|
98 } |
|
99 |
|
100 |
|
101 /* Component level ========================================================= */ |
|
102 |
|
103 topic:before { |
|
104 display: block; |
|
105 color: #7f7f7f; |
|
106 background-color: #ddddcc; |
|
107 border: 1px solid #aeaea0; |
|
108 font-weight: bold; |
|
109 padding: .5em 5px .5em 5px; |
|
110 content: collapser() " " insert-before-button() insert-after-button() |
|
111 " " add-attribute-button() " Topic"; |
|
112 } |
|
113 topic[xml|id]:before { |
|
114 content: collapser() " " insert-before-button() insert-after-button() |
|
115 " " add-attribute-button() " Topic" |
|
116 " – ID = " text-field(attribute, "xml:id", columns, 15, color, black); |
|
117 } |
|
118 topic[type]:before { |
|
119 content: collapser() " " insert-before-button() insert-after-button() |
|
120 " " add-attribute-button() " Topic" |
|
121 " – Type = " text-field(attribute, type, columns, 10, color, black); |
|
122 } |
|
123 topic[xml|id][type]:before { |
|
124 content: collapser() " " insert-before-button() insert-after-button() |
|
125 " Topic" |
|
126 " – ID = " text-field(attribute, "xml:id", columns, 15, color, black) |
|
127 " – Type = " text-field(attribute, type, columns, 10, color, black); |
|
128 } |
|
129 |
|
130 topic { |
|
131 display: block; |
|
132 border: 1px solid #aeaea0; |
|
133 margin-bottom: .5em; |
|
134 padding: 5px; |
|
135 collapsible: yes; |
|
136 } |
|
137 topic:last-child { |
|
138 margin-bottom: 0; |
|
139 } |
|
140 |
|
141 topic > head { |
|
142 background-color: #ffffee; |
|
143 padding: .3em .5em .3em .5em; |
|
144 border-radius: 0.5em; |
|
145 } |
|
146 |
|
147 |
|
148 /* Top level =============================================================== */ |
|
149 |
|
150 publidoc > *:before { |
|
151 display: block; |
|
152 color: #bbbbbb; |
|
153 background: #993333 url('top.png') repeat-x top left; |
|
154 font-weight: bold; |
|
155 padding: 1.2em 5px 1em 5px; |
|
156 } |
|
157 publidoc > document:before { |
|
158 content: "Document – " |
|
159 "ID = " text-field(attribute, "xml:id", columns, 15, color, white); |
|
160 } |
|
161 publidoc > topic[xml|id]:before { |
|
162 content: add-attribute-button() " Topic – " |
|
163 "ID = " text-field(attribute, "xml:id", columns, 15, color, white); |
|
164 } |
|
165 publidoc > topic[xml|id][type]:before { |
|
166 content: "Topic" |
|
167 " – ID = " text-field(attribute, "xml:id", columns, 15, color, white) |
|
168 " – Type = " text-field(attribute, type, columns, 10, color, white); |
|
169 } |
|
170 |
|
171 |
|
172 publidoc > * { |
|
173 display: block; |
|
174 margin: 5px; |
|
175 padding: 0; |
|
176 border: 0; |
|
177 } |
|
178 |
|
179 publidoc > * > head { |
|
180 background-color: #ffffee; |
|
181 padding: .3em .5em .3em .5em; |
|
182 border-radius: 0.5em; |
|
183 } |
|
184 |
|
185 publidoc > * > head > title { |
|
186 font-size: 140%; |
|
187 } |
|
188 |
|
189 |
|
190 /* Section level =========================================================== */ |
|
191 |
|
192 section:before { |
|
193 display: block; |
|
194 color: #7f7f7f; |
|
195 text-align: left; |
|
196 font-style: normal; |
|
197 font-size: 75%; |
|
198 padding-bottom: 3px; |
|
199 content: insert-before-button() add-attribute-button(icon, icon(plus-box)); |
|
200 } |
|
201 section[type]:before { |
|
202 content: insert-before-button() add-attribute-button(icon, icon(plus-box)) |
|
203 " Type = " text-field(attribute, type, columns, 5, color, black); |
|
204 } |
|
205 section[xml|lang]:before { |
|
206 content: insert-before-button() add-attribute-button(icon, icon(plus-box)) |
|
207 " Langue = " text-field(attribute, "xml:lang", columns, 2, color, black); |
|
208 } |
|
209 section[type][xml|lang]:before { |
|
210 content: insert-before-button() |
|
211 " Type = " text-field(attribute, type, columns, 5, color, black) |
|
212 " – Langue = " text-field(attribute, "xml:lang", columns, 2, color, black); |
|
213 } |
|
214 section section:before { |
|
215 margin-left: 1em; |
|
216 } |
|
217 |
|
218 section { |
|
219 display: block; |
|
220 } |
|
221 section[type="box"] { |
|
222 margin-bottom: .5em; |
|
223 padding: 5px; |
|
224 background-color: #e8f0f7; |
|
225 border-radius: 0.2em; |
|
226 } |
|
227 section[type="ex"] { font-style: italic; } |
|
228 section[type="sign"] { text-align: right; } |
|
229 |
|
230 section section { |
|
231 margin-left: 1em; |
|
232 } |
|
233 |
|
234 section:after { |
|
235 color: #7f7f7f; |
|
236 content: insert-after-button(); |
|
237 } |
|
238 section section:after { |
|
239 margin-left: 1em; |
|
240 } |
|
241 |
|
242 |
|
243 /* Block level ============================================================= */ |
|
244 |
|
245 p:before, speech:before, list:before, |
|
246 blockquote:before, table:before, media:before { |
|
247 display: marker; |
|
248 content: insert-before-button(color, #7f7f7f, icon, icon(left-half-disc)) |
|
249 insert-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
250 } |
|
251 |
|
252 p, speech, list, blockquote, table, media { |
|
253 display: block; |
|
254 margin-left: 24px; |
|
255 font-size: 115%; |
|
256 font-family: serif; |
|
257 } |
|
258 |
|
259 /* list ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
260 |
|
261 list { |
|
262 margin: .3em 0 .3em 24px; |
|
263 } |
|
264 |
|
265 list > head { |
|
266 font-size: 75%; |
|
267 } |
|
268 |
|
269 item { |
|
270 display: list-item; |
|
271 } |
|
272 list[type="ordered"] > item { |
|
273 list-style-type: decimal; |
|
274 } |
|
275 |
|
276 item:after { |
|
277 content: insert-same-after-button(color, #7f7f7f, icon, icon(right-half-disc)); |
|
278 } |
|
279 |
|
280 list[type="glossary"] > item > label { |
|
281 font-weight: bold; |
|
282 } |
|
283 |
|
284 /* blockquote ~~~~~~~~~~~~~~~~~~~~~~ */ |
|
285 |
|
286 attribution { font-style: italic; } |
|
287 |
|
288 |
|
289 /* media ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
290 |
|
291 image { |
|
292 display: block; |
|
293 margin: .5em; |
|
294 content: concatenate("image('Images/", attr(id), ".png', -200, -200, smooth)"); |
|
295 } |
|
296 |
|
297 |
|
298 /* Inline level ============================================================ */ |
|
299 |
|
300 /* sup, sub, var ~~~~~~~~~~~~~~~~~~~ */ |
|
301 |
|
302 sup { font-family: sans-serif; vertical-align: super; font-size: 75%; } |
|
303 sub { font-family: sans-serif; vertical-align: sub; font-size: 75%; } |
|
304 var { font-family: sans-serif; font-style: italic; } |
|
305 |
|
306 /* note ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
307 |
|
308 note:before { font-size: 75%; content: "(Note : "; } |
|
309 note { font-family: sans-serif; color: #004080; font-size: 75%; } |
|
310 note:after { font-size: 75%; content: ")"; } |
|
311 note p { display:inline; } |
|
312 |
|
313 /* highlight ~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
314 |
|
315 highlight { font-weight: bold; } |
|
316 |
|
317 /* link ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ |
|
318 |
|
319 link:before { |
|
320 color: #7f7f7f; |
|
321 font-family: sans-serif; |
|
322 content: "[" |
|
323 } |
|
324 |
|
325 media link { |
|
326 display: block; |
|
327 } |
|
328 |
|
329 link:after { |
|
330 color: #7f7f7f; |
|
331 font-family: sans-serif; |
|
332 } |
|
333 link[uri]:after { |
|
334 content: " ‣ " text-field(attribute, uri, color, black, font-size, 80%) "]"; |
|
335 } |
|
336 link[idref]:after { |
|
337 content: " ‣ " label(attribute, idref, color, black) |
|
338 set-attribute-button(attribute, idref) "]"; |
|
339 } |
|
340 |