author | veltr |
Wed, 11 Jul 2012 18:02:57 +0200 | |
changeset 77 | 04b8157f077b |
parent 75 | ef3377d7a4f7 |
child 78 | 3fe54fb581f5 |
permissions | -rw-r--r-- |
75 | 1 |
html, body, div, span, applet, object, iframe, |
2 |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
3 |
a, abbr, acronym, address, big, cite, code, |
|
4 |
del, dfn, em, img, ins, kbd, q, s, samp, |
|
5 |
small, strike, strong, sub, sup, tt, var, |
|
6 |
b, u, i, center, |
|
7 |
dl, dt, dd, ol, ul, li, |
|
8 |
fieldset, form, label, legend, |
|
9 |
table, caption, tbody, tfoot, thead, tr, th, td, |
|
10 |
article, aside, canvas, details, embed, |
|
11 |
figure, figcaption, footer, header, hgroup, |
|
12 |
menu, nav, output, ruby, section, summary, |
|
13 |
time, mark, audio, video { |
|
14 |
margin: 0; |
|
15 |
padding: 0; |
|
16 |
border: 0; |
|
17 |
font-size: 100%; |
|
18 |
font: inherit; |
|
19 |
vertical-align: baseline; |
|
20 |
} |
|
21 |
||
22 |
ul, li { |
|
23 |
list-style: none; |
|
24 |
} |
|
25 |
||
26 |
input::-moz-focus-inner /*Remove button padding in FF*/ |
|
27 |
{ |
|
28 |
border: 0; |
|
29 |
padding: 0; |
|
30 |
} |
|
31 |
||
32 |
table { |
|
33 |
border-collapse: separate; border-spacing: 0; |
|
34 |
} |
|
35 |
||
36 |
th, td { |
|
37 |
vertical-align: top; |
|
38 |
} |
|
39 |
||
40 |
img a { |
|
41 |
border: none; |
|
42 |
} |
|
43 |
||
44 |
body { |
|
45 |
font-size: 10px; font-family: Arial, Helvetica, sans-serif; |
|
46 |
} |
|
47 |
||
48 |
/*************************************************/ |
|
49 |
||
50 |
.Onglets { |
|
77 | 51 |
display: inline-block; margin: 0 10px; |
75 | 52 |
} |
53 |
||
54 |
.Onglets li { |
|
77 | 55 |
display: inline-block; background: url(../img/barbgd.png); font-size: 14px; height: 15px; padding: 5px; |
56 |
border: 1px solid #cccccc; cursor: pointer; |
|
57 |
border-top-left-radius: 8px; border-top-right-radius: 8px; |
|
58 |
} |
|
59 |
||
60 |
.Onglets li.active, .Onglets li:hover { |
|
61 |
background-position: 0 -25px; |
|
74 | 62 |
} |
63 |
||
64 |
/************************************************/ |
|
65 |
||
65 | 66 |
.Tl-Main { |
77 | 67 |
border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; |
65 | 68 |
} |
69 |
||
70 |
.Tl-TopBar { |
|
71 |
height: 25px; border-style: solid none; border-color: #ccc; border-width: 1px; |
|
72 |
background: url(../img/barbgd.png); |
|
73 |
} |
|
74 |
||
75 |
.Tl-TopBar-Button { |
|
76 |
float: left; background: url(../img/barbgd.png); cursor: pointer; |
|
77 |
} |
|
78 |
||
79 |
.Tl-TopBar-TextBtn { |
|
80 |
font-size: 12px; height: 15px; padding: 5px; |
|
81 |
} |
|
82 |
||
83 |
.Tl-TopBar-Button.active, .Tl-TopBar-Button:hover { |
|
84 |
background-position: 0 -25px; |
|
85 |
} |
|
86 |
||
87 |
.Tl-Border-Right { |
|
88 |
border-right: 1px solid #ccc; |
|
89 |
} |
|
90 |
||
91 |
.Tl-Border-Left { |
|
92 |
border-left: 1px solid #ccc; |
|
93 |
} |
|
94 |
||
95 |
.Tl-TopBar-Spacer { |
|
96 |
float: left; height: 25px; width: 25px; |
|
97 |
} |
|
98 |
||
99 |
.Tl-TopBar-AddButton { |
|
100 |
width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -50px 0; |
|
101 |
} |
|
102 |
||
103 |
.Tl-TopBar-AddButton.active, .Tl-TopBar-AddButton:hover { |
|
104 |
background-position: -50px -25px; |
|
105 |
} |
|
106 |
||
107 |
.Tl-TopBar-PreviousButton { |
|
108 |
width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -100px 0; |
|
109 |
} |
|
110 |
||
111 |
.Tl-TopBar-PreviousButton.active, .Tl-TopBar-PreviousButton:hover { |
|
112 |
background-position: -100px -25px; |
|
113 |
} |
|
114 |
||
115 |
.Tl-TopBar-NextButton { |
|
116 |
width: 25px; height: 25px; background: url(../img/sprites.png); background-position: -75px 0; |
|
117 |
} |
|
118 |
||
119 |
.Tl-TopBar-NextButton.active, .Tl-TopBar-NextButton:hover { |
|
120 |
background-position: -75px -25px; |
|
121 |
} |
|
122 |
||
123 |
.Tl-TopBar-SyncButton { |
|
124 |
width: 25px; height: 25px; background: url(../img/sprites.png); background-position: 0 0; |
|
125 |
} |
|
126 |
||
127 |
.Tl-TopBar-SyncButton.active, .Tl-TopBar-SyncButton:hover { |
|
128 |
background-position: 0 -25px; |
|
129 |
} |
|
130 |
||
131 |
.Tl-TopBar-TimeSpan { |
|
77 | 132 |
float: left; width: 140px; text-align: center; |
65 | 133 |
} |
134 |
||
135 |
.Tl-BottomPart { |
|
136 |
position: relative; |
|
137 |
} |
|
138 |
||
139 |
.Tl-MainPart { |
|
77 | 140 |
position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid #ccc; |
65 | 141 |
} |
142 |
||
143 |
.Tl-UniversLabels { |
|
144 |
list-style: none; margin: 0; padding: 0; border: none; |
|
145 |
} |
|
146 |
||
74 | 147 |
.Tl-UniversText { |
148 |
font-size: 13px; margin: 2px 0; |
|
149 |
} |
|
150 |
||
65 | 151 |
.Tl-Line-Even { |
152 |
background: #e0e0e0; |
|
153 |
} |
|
154 |
||
66 | 155 |
.Tl-Layer { |
67 | 156 |
position: absolute; top: 0; left: 0; height: 100%; |
65 | 157 |
} |
158 |
||
77 | 159 |
.Tl-Grid { |
160 |
width: 100%; overflow: hidden; |
|
161 |
} |
|
162 |
||
65 | 163 |
.Tl-Grid-Column { |
164 |
position: absolute; top: 0; height: 100%; border-left: 1px solid #999; |
|
165 |
} |
|
166 |
/* |
|
167 |
.Tl-Grid-Major { |
|
168 |
z-index: 3; border-left: 1px solid #999; |
|
169 |
} |
|
170 |
*/ |
|
171 |
.Tl-Grid-Label { |
|
172 |
position: absolute; height: 12px; bottom: 0; left: 1px; font-size: 10px; z-index: 4; width: 80px; |
|
173 |
} |
|
174 |
||
175 |
.Tl-Grid-Now { |
|
176 |
position: absolute; top: 0; height: 100%; margin-left: -1px; width: 2px; background: #f000ff; |
|
177 |
} |
|
66 | 178 |
|
75 | 179 |
.Tl-Occurrence, .Tl-Cluster, .Tl-AddOccurrence, .Ls-OccIcon { |
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
180 |
width: 19px; height: 22px; background: url(../img/sprites.png); cursor: pointer; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
181 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
182 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
183 |
.Tl-OccOnGrid, .Tl-Cluster { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
184 |
position: absolute; margin-left: -9px; margin-top: -1px; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
185 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
186 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
187 |
.Tl-OccInCluster { |
70 | 188 |
float: left; position: relative; |
189 |
} |
|
190 |
||
191 |
.Tl-Locked { |
|
192 |
position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/sprites.png); background-position: -57px -50px; |
|
66 | 193 |
} |
194 |
||
195 |
.Tl-Occnarrative { |
|
196 |
background-position: 0 -50px; |
|
197 |
} |
|
198 |
||
73
642ef9139fad
Replaced "Production" by "Publication". Added beautiful arrows
veltr
parents:
71
diff
changeset
|
199 |
.Tl-Occpublication { |
66 | 200 |
background-position: -19px -50px; |
201 |
} |
|
202 |
||
67 | 203 |
.Tl-Occnarrative.Tl-Editing { |
204 |
background-position: 0 -72px; |
|
205 |
} |
|
206 |
||
73
642ef9139fad
Replaced "Production" by "Publication". Added beautiful arrows
veltr
parents:
71
diff
changeset
|
207 |
.Tl-Occpublication.Tl-Editing { |
67 | 208 |
background-position: -19px -72px; |
209 |
} |
|
210 |
||
75 | 211 |
.Tl-Occnarrative.Tl-Occa_valider { |
66 | 212 |
background-position: -38px -50px; |
213 |
} |
|
214 |
||
75 | 215 |
.Tl-Occpublication.Tl-Occa_valider { |
216 |
background-position: -57px -50px; |
|
217 |
} |
|
218 |
||
219 |
.Tl-Occnarrative.Tl-Editing.Tl-Occa_valider { |
|
220 |
background-position: -38px -72px; |
|
221 |
} |
|
222 |
||
223 |
.Tl-Occpublication.Tl-Editing.Tl-Occa_valider { |
|
224 |
background-position: -57px -72px; |
|
225 |
} |
|
226 |
||
227 |
.Tl-Occnarrative.Tl-Occvalide { |
|
228 |
background-position: -76px -50px; |
|
229 |
} |
|
230 |
||
231 |
.Tl-Occpublication.Tl-Occvalide { |
|
232 |
background-position: -95px -50px; |
|
233 |
} |
|
234 |
||
235 |
.Tl-Occnarrative.Tl-Editing.Tl-Occvalide { |
|
236 |
background-position: -76px -72px; |
|
237 |
} |
|
238 |
||
239 |
.Tl-Occpublication.Tl-Editing.Tl-Occvalide { |
|
240 |
background-position: -95px -72px; |
|
241 |
} |
|
242 |
||
243 |
.Tl-Cluster { |
|
244 |
background-position: -114px -50px; |
|
245 |
} |
|
246 |
||
70 | 247 |
.Tl-Link { |
75 | 248 |
position: absolute; left: 0; bottom: 0; width: 11px; height: 11px; background: url(../img/sprites.png) -114px -83px; display: none; |
70 | 249 |
} |
250 |
||
66 | 251 |
.Tl-ClusterCount { |
252 |
position: absolute; right: 0; top: 0; border: 1px solid #999999; background: #333333; |
|
253 |
padding: 1px 2px; font-size: 9px; color: #ffffff; border-radius: 5px; |
|
254 |
} |
|
255 |
||
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
256 |
.Tl-ClusterOverlay { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
257 |
position: absolute; margin-top: -20px; height: 30px; background: url(../img/cluster-overlay.png) center; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
258 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
259 |
|
66 | 260 |
.Tl-Overlay-Container { |
261 |
position: absolute; top: 0; |
|
262 |
} |
|
263 |
||
264 |
.Tl-Overlay-Box { |
|
265 |
position: absolute; width: 0; height: 0; display: none; |
|
266 |
} |
|
267 |
||
268 |
.Tl-Overlay { |
|
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
269 |
position: absolute; left: -105px; width: 210px; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
270 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
271 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
272 |
.Tl-Overlay-Up .Tl-Overlay { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
273 |
bottom: 0; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
274 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
275 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
276 |
.Tl-Overlay-Down .Tl-Overlay { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
277 |
top: 22px; |
66 | 278 |
} |
279 |
||
280 |
.Tl-Overlay-Main { |
|
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
281 |
width: 190px; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
282 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
283 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
284 |
.Tl-Overlay-Up .Tl-Overlay-Main { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
285 |
background: url(../img/tooltip.png) top; padding: 10px 10px 0; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
286 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
287 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
288 |
.Tl-Overlay-Down .Tl-Overlay-Main { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
289 |
background: url(../img/tooltip-down.png) bottom; padding: 0 10px 10px; |
66 | 290 |
} |
291 |
||
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
292 |
.Tl-Overlay-Up .Tl-Overlay-Tip-Bottom { |
66 | 293 |
width: 210px; height: 20px; background: url(../img/tooltip.png) bottom; |
294 |
} |
|
68
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
295 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
296 |
.Tl-Overlay-Down .Tl-Overlay-Tip-Top { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
297 |
width: 210px; height: 20px; background: url(../img/tooltip-down.png) top; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
298 |
} |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
299 |
|
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
300 |
.Tl-Overlay-Up .Tl-Overlay-Tip-Top, .Tl-Overlay-Down .Tl-Overlay-Tip-Bottom { |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
301 |
display: none; |
4def147b1604
Added a visualization of the contents of clusters + mousewheel support
veltr
parents:
67
diff
changeset
|
302 |
} |
70 | 303 |
|
304 |
h3.Tl-Tooltip-Title { |
|
305 |
font-size: 14px; font-weight: bold; color: #000080; margin: 0; |
|
306 |
} |
|
307 |
||
308 |
p.Tl-Tooltip-Date { |
|
309 |
font-size: 11px; margin: 2px 0; color: #000080; border-bottom: 1px dotted; float: left; |
|
310 |
} |
|
311 |
||
312 |
p.Tl-Tooltip-Description, p.Tl-Tooltip-Characters { |
|
313 |
font-size: 12px; margin: 5px 0 0; clear: both; |
|
314 |
} |
|
71 | 315 |
|
316 |
ul.Tl-Adding { |
|
317 |
position: absolute; left: -150px; top: 0; display: none; |
|
318 |
list-style: none; font-size: 12px; padding: 0; margin: 0; width: 150px; border-style: none solid; border-color: #999999; border-width: 1px; |
|
319 |
} |
|
320 |
||
321 |
.Tl-Adding li { |
|
322 |
border-style: none none solid; border-color: #cccccc; border-width: 1px; padding: 4px; background: rgba(255,255,255,.9); |
|
323 |
} |
|
324 |
||
325 |
li.Tl-AddingTitle { |
|
326 |
background: rgba(215,215,215,.9); font-weight: bold; |
|
327 |
} |
|
328 |
||
329 |
.Tl-AddOccurrence { |
|
330 |
float: right; margin: -3px; |
|
331 |
} |
|
74 | 332 |
|
333 |
/**********************************/ |
|
334 |
||
75 | 335 |
.Ls-Main { |
77 | 336 |
display: none; width: 950px; height: 200px; background: #fafafa; border: 1px solid #cccccc; |
75 | 337 |
} |
338 |
||
339 |
.Ls-Filtres { |
|
340 |
width: 540px; |
|
341 |
float: left; |
|
342 |
} |
|
343 |
||
344 |
.Ls-Column { |
|
345 |
width: 180px; height: 160px; |
|
346 |
float: left; |
|
347 |
} |
|
348 |
||
349 |
.Ls-Main h2 { |
|
350 |
text-align: center; margin: 0; font-size: 14px; font-weight: bold; clear: both; |
|
351 |
} |
|
352 |
||
353 |
.Ls-Resultats { |
|
354 |
height: 200px; overflow: auto; border-left: 1px solid #cccccc; |
|
355 |
} |
|
356 |
||
357 |
.Ls-Input { |
|
358 |
width: 100px; margin-right: 5px; |
|
359 |
} |
|
360 |
||
361 |
.Ls-Label { |
|
362 |
display: inline-block; width: 30px; font-size: 12px; |
|
363 |
} |
|
364 |
||
365 |
.Ls-Main h3 { |
|
366 |
font-size: 12px; font-weight: bold; margin: 5px 0 0; |
|
367 |
clear: both; |
|
368 |
} |
|
369 |
||
370 |
.Ls-Critere { |
|
371 |
font-size: 11px; background: #ffffff; color: #333333; cursor: pointer; |
|
77 | 372 |
border-radius: 4px; margin: 2px; padding: 3px; display: inline-block; clear: both; |
75 | 373 |
} |
374 |
||
375 |
.Ls-Critere.Ls-Active { |
|
376 |
background: #ffb0ff; |
|
377 |
} |
|
378 |
||
379 |
.Ls-Critere:hover { |
|
380 |
background: #ffe0ff; |
|
381 |
} |
|
382 |
||
383 |
.Ls-Resultats ul { |
|
384 |
border-top: 1px solid #cccccc; |
|
385 |
} |
|
386 |
||
387 |
li.Ls-Occurrence { |
|
388 |
border-bottom: 1px solid #cccccc; clear: both; |
|
389 |
} |
|
390 |
||
391 |
.Ls-Occurrence-Title { |
|
392 |
width: 260px; float: left; font-size: 14px; |
|
393 |
} |
|
394 |
||
395 |
.Ls-Occurrence-Date { |
|
396 |
padding-top: 2px; font-size: 12px; |
|
397 |
} |
|
398 |
||
399 |
.Ls-CrWithIcon { |
|
400 |
padding: 5px 2px; |
|
401 |
} |
|
402 |
||
403 |
.Ls-OccIcon { |
|
404 |
float: right; |
|
405 |
} |
|
406 |
||
407 |
.Ls-CrWithIcon .Ls-OccIcon { |
|
408 |
margin: -4px 0; |
|
409 |
} |