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