Rewrite FlagSet in order to run flag operation in constant time.
[platal.git] / htdocs / css / keynote.css
... / ...
CommitLineData
1/***************************************************************************
2 * Copyright (C) 2003-2008 Polytechnique.org *
3 * http://opensource.polytechnique.org/ *
4 * *
5 * This program is free software; you can redistribute it and/or modify *
6 * it under the terms of the GNU General Public License as published by *
7 * the Free Software Foundation; either version 2 of the License, or *
8 * (at your option) any later version. *
9 * *
10 * This program is distributed in the hope that it will be useful, *
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of *
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the *
13 * GNU General Public License for more details. *
14 * *
15 * You should have received a copy of the GNU General Public License *
16 * along with this program; if not, write to the Free Software *
17 * Foundation, Inc., *
18 * 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA *
19 ***************************************************************************/
20
21/*******************************************************************************
22 1 Styles par défauts
23 [ balises sans attributs ou classes sans contexte ]
24*******************************************************************************/
25
26body {
27 font-family: "Arial", sans-serif;
28 font-size: 10pt;
29 background: url('../images/skins/keynote_bg.png') #4f4e63 top left repeat-x fixed;
30 color: #fff;
31}
32
33a:link, a:visited, a:active, a:hover {
34 color: #ddd;
35 background: inherit;
36}
37a:hover { color: #999; }
38
39img { vertical-align: middle; }
40a img { border: 0px; }
41td { vertical-align: top; }
42li { padding-left: 3px; padding-right: 3px;
43 text-align: justify; }
44hr { text-align: center; }
45dt { font-weight: bold; }
46
47fieldset {
48 border: 1px solid #fff;
49 border-bottom: 0px;
50 border-right: 0px;
51 background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed;
52 color: #000;
53 margin: 1em 0 1em 0;
54 text-align: justify;
55}
56legend {
57 border-bottom: 1px solid #666;
58 border-right: 1px solid #666;
59 border-top: 1px solid #fff;
60 border-left: 1px solid #fff;
61 background: url('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed;
62 color: #000;
63
64 padding: 2px 4px;
65}
66
67.center { text-align: center; }
68.right { text-align: right; }
69.middle { vertical-align: middle; }
70.smaller { font-size: smaller; font-style: italic; }
71.spacer { clear: both; }
72
73.float2 { float: left; width: 49%; }
74.float3 { float: left; width: 33%; }
75
76/*******************************************************************************
77 2 Styles <p>, <div>, <span>, <li>
78 [ styles classiques d'effets de texte ]
79*******************************************************************************/
80
81p {
82 margin-bottom: 0.4em;
83 text-align: justify;
84 text-indent: 2em;
85}
86
87p.smaller {
88 text-indent: 0;
89}
90
91.errors {
92 width: 98%;
93 border: 1px solid #f00;
94 margin-top: 10px;
95 background-color: #200;
96}
97
98.warnings {
99 width: 98%;
100 border: 1px solid #ff0;
101 margin-top: 10px;
102 background-color: #220;
103}
104
105.success {
106 width: 98%;
107 border: 1px solid #0d3;
108 margin-top: 10px;
109 background-color: #021;
110}
111
112.erreur {
113 font-weight: bold;
114 color: #d00;
115 background: inherit;
116 margin-top: 0.5em;
117 margin-bottom: 0.5em;
118}
119
120.erreur a:link, .erreur a:visited, .erreur a:active, .erreur a:hover {
121 color: #ff3333;
122 background: inherit;
123}
124
125input.error, textarea.error {
126 background-color: #faa;
127}
128
129input.valid, textarea.valid {
130 background-color: #afa;
131}
132
133input.warning, textarea.warning {
134 background-color: #fda;
135}
136
137h1 {
138 background-color: inherit;
139 margin: 0.5em 0 0.5em -8px;
140 text-indent: 0em;
141 padding: 20px 0 0 0px;
142
143 font-size: 130%;
144 font-family: "helvetica", sans-serif;
145 font-weight: bolder;
146 text-align: left;
147
148 color: #bdf;
149}
150
151h2 {
152 padding: 15px 0em 0em 0em;
153 margin: 0;
154 margin-left: -8px;
155 font-size: 110%;
156 font-weight: bold;
157 background: inherit;
158 color: #77c;
159}
160
161h3 {
162 margin: 0em;
163 font-weight: bold;
164 padding: 0.25em;
165 font-size: 105%;
166}
167
168p.explication, div.explication {
169 font-style: italic;
170 padding: 0em 1ex 1ex 1ex;
171}
172
173li.spaced {
174 padding-top: 0.2em;
175 padding-bottom: 0.3em;
176 text-align: justify;
177}
178
179pre {
180 background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed;
181 margin: 0em 0em;
182 padding: 0.3em 1.5em;
183}
184
185.pair pre {
186 background: inherit;
187}
188
189
190/*******************************************************************************
191 3 Tableaux bicolores + classes utiles
192 [ Tableaux à lignes alternées, en taille normale, ou tiny ]
193*******************************************************************************/
194table.bicol, table.tinybicol {
195 color: inherit;
196 background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed;
197 border-width: 1px 0 0 1px;
198 border-style: solid;
199 border-color: #fff;
200 border-collapse: collapse;
201}
202table.bicol { width: 100%; margin-left: 0; }
203table.tinybicol { width: 70%; margin-left: 15%; }
204
205table.tinybicol tr.pair, table.bicol tr.pair {
206 color: inherit;
207 background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed;
208}
209
210table.tinybicol th, table.bicol th {
211 color: #fff;
212 font-weight: bold;
213 text-align: center;
214 vertical-align: middle;
215 background: none;
216 background-color: #000;
217}
218
219table.tinybicol tr:first-child th, table.bicol tr:first-child th {
220 color: #fff;
221 background: url('../images/skins/keynote_title.gif') #000 top left repeat-x;
222}
223
224table.tinybicol td, table.bicol td {
225 color: #000000;
226 background: inherit;
227}
228
229table.tinybicol td, table.bicol td, table.tinybicol tr, table.bicol tr { padding: 4px; }
230
231td.half { width: 50%; padding: 4px; }
232.titre {
233 color: #000000;
234 background: inherit;
235 font-weight: bold;
236}
237td.action {
238 white-space: nowrap;
239 text-align: right;
240 font-weight: bold;
241 vertical-align: middle;
242}
243td.action a { padding: 0px 2px 0px 2px; }
244
245th.grayed {
246 background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed;
247 font-style: italic;
248}
249
250/*******************************************************************************
251 4 Tableau de choix de skins
252 [ Styles pour les tableaux de types de ceux des skins ]
253*******************************************************************************/
254
255#skin {
256 background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed;
257 color: #000;
258 border-top: 1px solid #fff;
259 width: 100%;
260}
261#skin td {
262 border-bottom: 1px solid #fff;
263 vertical-align: middle;
264}
265#skin td.skigauche {
266 background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed;
267 color: inherit;
268 vertical-align: middle;
269}
270#skin td.skimilieu {
271 padding-left: 1em;
272 width: 100%;
273}
274#skin td.skidroite { padding: 0; }
275
276/*******************************************************************************
277 5 Contacts
278 [ Styles liés à l'affichage de contacts ]
279*******************************************************************************/
280
281div.contact-list {
282 width: 98%;
283 margin-left: 1%;
284}
285div.contact-list div.contact {
286 border-top: 1px solid #fff;
287 background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed;
288 color: #000;
289}
290
291div.contact-list div.grayed {
292 font-style: italic;
293 color: #444;
294 background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed;
295}
296
297div.contact-list div.contact:hover {
298 background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed;
299}
300
301.contact .photo {
302 float: left;
303}
304
305.contact .photo img {
306 width: 40px;
307 margin-right: 4px;
308}
309
310div.contact div.identity {
311 float: left;
312 width: 70%;
313}
314
315div.contact div.nom {
316 font-weight: bold;
317 padding-left: 2px;
318}
319
320div.contact div.appli {
321}
322
323div.contact div.bits {
324 text-align: right;
325 float: right;
326}
327
328div.contact div.long {
329 background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed;
330 width: 100%;
331 clear: both;
332 color: inherit;
333 padding: 1px 0px;
334}
335
336div.long table { width: 100%; }
337div.long td.lt { width: 25%; font-style: italic; }
338div.long td.rt { width: 75%; }
339
340/*******************************************************************************
341 6 Profil
342 [ onglets des profils ]
343*******************************************************************************/
344
345.wizard {
346 margin-left: -16px;
347}
348
349.wizard .wiz_header {
350 height: 32px;
351 width: 100%;
352 background: url('../images/skins/wiz_background.png') top right repeat-x;
353 margin-bottom: 1em;
354}
355
356.wizard .wiz_header .wiz_tab {
357 background: url('../images/skins/wiz_normal.png') #aaa top left repeat-x;
358 height: 100%;
359 text-align: center;
360 font-size: 75%;
361 border-right: 1px solid #888;
362}
363
364.wizard .wiz_header .wiz_tab:hover {
365 background: url('../images/skins/wiz_hover.png') #777 top left repeat-x;
366 color: #fff;
367}
368
369.wizard .wiz_header .active, .wizard .wiz_header .active:hover {
370 background: url('../images/skins/wiz_active.png') #444 top left repeat-x;
371 color: #fff;
372}
373
374.wizard .wiz_header a {
375 color: #000;
376 text-decoration: none;
377}
378
379.wizard .wiz_header a.active {
380 color: #fff;
381}
382
383.wizard .wiz_content {
384 margin-left: 16px;
385}
386
387.flags .texte {
388 font-size: smaller;
389 font-weight: bold;
390 margin-left: -6px;
391 padding: 0 12px 0 0;
392}
393.flags img {
394 padding: 0 6px 0 0;
395}
396
397/*******************************************************************************
398 7 fiche.php & fiche_referent.php
399 [ cas de la fiche ]
400*******************************************************************************/
401
402#fiche {
403 width: 740px;
404 color: #000;
405 border-top: 1px solid #fff;
406 border-left: 1px solid #fff;
407 background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed;
408 vertical-align: top;
409}
410
411#fiche em {
412 color: #777;
413 background: inherit;
414 font-weight: bolder;
415}
416
417#fiche h2 {
418 background: url('../images/skins/keynote_title.gif') bottom repeat-x;
419 background-color: inherit;
420 border-bottom: 1px solid #202020;
421 color: #fff;
422 height: 17px;
423 margin: 0.5em 0;
424 padding-left: 0.5em;
425 font-weight: bold;
426}
427
428#fiche .part {
429 float: left;
430 clear: left;
431 width: 70%;
432 padding-right: 0em;
433 margin-right: 0em;
434}
435
436#fiche #photo {
437 float: right;
438 padding-left: 0em;
439 margin-left: 0em;
440 clear: right;
441 width: 30%;
442}
443
444#fiche #photo img {
445 width: 100%;
446}
447
448#fiche_identite div.civilite {
449 text-align: center;
450 font-weight: bold;
451 width: 80%;
452 float: left;
453 color: #fff;
454 background: inherit;
455 padding-top: 0.5ex;
456}
457
458#fiche_identite div.maj {
459 float: right;
460 width: 19%;
461 font-size: 75%;
462 text-align: right;
463 vertical-align: top;
464 padding: 0.5ex 1ex 1ex 0ex;
465 clear: right;
466}
467
468#fiche_identite div.contact {
469 clear: both;
470 margin: 1em;
471 padding: 1ex;
472 border-width: 1px 0 0 1px;
473 border-style: dotted;
474 border-color: #fff;
475 background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed;
476 color: inherit;
477}
478
479#fiche_identite div.contact em {
480 color: #aaa;
481 background: inherit;
482}
483
484
485#fiche_identite div.email {
486 clear: left;
487 float: left;
488}
489
490#fiche_identite div.mob {
491 float: right;
492 clear: right;
493 text-align: right;
494}
495
496#fiche_identite div.formation {
497 margin: 0em 1em;
498 clear: both;
499}
500
501div.adresse {
502 min-width: 30%;
503 padding: 0px;
504 margin: 0px 1% 2ex 2%;
505}
506
507#fiche .medal_frame {
508 float: left;
509 width: 33%;
510}
511
512#fiche .medal_frame img {
513 float: left;
514 padding: 0ex 1ex;
515}
516
517#fiche .medal_text {
518 vertical-align: middle;
519 font-weight: bold;
520}
521
522/* only for fiche_referent.php*/
523
524#fiche_referent .part {
525 width: 100%;
526}
527
528#fiche_referent #fiche_identite div.civilite {
529 width: 100%;
530}
531
532#fiche_referent div.rubrique_referent{
533 float: left;
534 width: 30%;
535 padding: 0px;
536 margin: 0px 1% 1ex 2%;
537 text-align: justify;
538}
539
540#fiche_referent em {
541 color: #777;
542 background: inherit;
543 font-weight: bolder;
544}
545#fiche_referent ul { margin: 0px; padding: 0px 1em; }
546#fiche_referent li { font-weight: bold; margin: 0px; padding: 0px; text-align: left; }
547
548/*******************************************************************************
549 A SKIN
550 [ choix de classes faites par le skinneur
551*******************************************************************************/
552
553#dev {
554 width: auto;
555 text-align: center;
556 padding: 1px;
557
558 background: url('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed;
559 color: #000;
560 font-weight: bold;
561}
562
563#dev a { text-decoration: none; }
564
565.backtrace div.hide { display: none; }
566.backtrace:hover div.hide { display: block; }
567.backtrace h1 { padding: 0; margin: 0; }
568
569#suid {
570 color: red;
571 background: #ffc0cb;
572 width: auto;
573 font-weight: bold;
574 text-align: center;
575}
576#suid a {
577 color: red;
578 background: inherit;
579 text-decoration: none;
580 display: block;
581}
582#suid:hover {
583 color: red;
584 background: #ffffcb;
585}
586#suid a:hover {
587 color: #ff7000;
588 background: inherit;
589}
590
591#body {
592 width: 800px;
593 margin-left: auto;
594 margin-right: auto;
595}
596
597#body-logo {
598 width: 140px;
599 padding-top: 0;
600 text-align: center;
601}
602
603#body-top {
604 padding: 0 0 16px 0;
605 text-align: center;
606 font-size: 85%;
607 border-bottom: 1px solid #fff;
608}
609#body-top table { width: 100%; padding: 4px; }
610#body-top .date-heure { text-align: left; }
611#body-top .inscrits { text-align: right; }
612
613
614#body-bottom {
615 border-top: 1px solid #aaa;
616 text-align: center;
617 padding: 4px;
618 font-size: 75%;
619 font-family: "MS Sans Serif", sans-serif;
620}
621
622#body-menu {
623 width: 140px;
624 text-align: center;
625 font-size: 85%;
626 font-weight: bold;
627 white-space: nowrap;
628 border-right: 1px solid #fff;
629}
630
631#body-menu .menu_item {
632 text-align: left;
633 padding: 2px;
634}
635
636#body-menu a:link, #body-menu a:visited, #body-menu a:active, #body-meny a:hover {
637 color: #fff;
638 background: inherit;
639 text-decoration: none;
640}
641
642#body-menu .menu_item:hover {
643 color: inherit;
644 background-color: #556;
645}
646
647#body-menu .menu_title {
648 color: #fff;
649 height: 17px;
650 background: url('../images/skins/keynote_title.gif') bottom repeat-x;
651 background-color: inherit;
652 border-bottom: 1px solid #202020;
653 padding: 4px 0 0 0;
654 text-align: center;
655 vertical-align: bottom;
656}
657
658#content {
659 width: 600px;
660 padding: 0 0 4px 16px;
661 vertical-align: top;
662 font-size: 95%;
663}
664
665.quick_search {
666 color: gray;
667 background: #fff;
668 text-align: right;
669}
670
671div#content {
672 padding: 1em;
673 margin: 0em;
674}
675
676#content input {
677 font-size: 95%;
678}
679
680#menu-evts {
681 font-size: 85%;
682}
683
684.ac_results {
685 color: black;
686}
687
688/* vim: set et ts=4 sts=4 sw=4: */