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