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