source: ether_ndacc/trunk/web/resources/css/ndacc.css @ 518

Last change on this file since 518 was 518, checked in by rboipsl, 12 years ago

nouveau design page station ohp
File size: 12.1 KB
Line 
1/*a.onglet {
2text-decoration:none;
3border-color:#294c8b;
4font-weight:normal;
5color:#CDECFF;
6font-size: 9pt;
7} *//* les liens ne sont pas soulignés */
8/*body { /* défini le body (la page) */
9/*background-color:blue ; le fond de la page est blanc */
10/*color:black} /* les textes sont noirs */
11
12.menu1 { /* boite qui contient le menu (les onglets) */
13/*border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
14
15padding-top:12px ; /* marge intérieure haute */
16padding-bottom:7px} /* marge intérieure basse */
17
18.menu2 {
19    /* boite qui contient le menu (les onglets) */
20    /*border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
21
22    padding-top: 12px; /* marge intérieure haute */
23    padding-bottom: 7px; /* marge intérieure basse */
24    font-size: 13pt;
25    font-weight: bold;
26    font-family: Arial;
27    text-decoration: underline;
28    color: #294c8b;
29
30}
31
32li.menu2 { /* boite qui contient le menu (les onglets) */
33/*border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
34
35padding-top:12px ; /* marge intérieure haute */
36padding-bottom:7px; /* marge intérieure basse */
37font-size: 13pt;
38font-weight:bold;
39font-family: Arial;
40text-decoration:underline ;
41color:#294c8b;
42
43}
44ul.menu2 {
45    list-style-type: disc;
46}
47
48
49.cfs {
50    margin-top: 21px;
51    margin-left: 7px;
52    margin-right: 7px;
53    /*width :700px;
54    height :618px; */
55    padding: 4px;
56    height: 630px;
57
58}
59
60.ttt {
61    text-shadow: #dddddd;
62    font-size: 18pt;
63    font-family: Arial;
64    color: #CDECFF;
65    font-weight:bold;
66    text-shadow: -0.1em -0.1em 0.1em #000000;
67     //filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);
68}
69
70.encadre { /* style des onglets inactifs */
71        border:solid 2px black ; /* encadrement */
72    /*margin:0px 0px 0px 5px ; /* marge extérieure */
73    padding:7px 3px 7px 3px ;/* marge intérieure */
74    color: #294c8b;
75    //color:#777777;
76    //background-color:#ffffff;
77    font-size:12pt;
78    font-family: Arial;
79}
80
81.onglet, a.onglet:visited, a.onglet:link {
82
83        border:solid 1px white ; /* encadrement */
84        color: white;
85        font-size: 9pt;
86        font-family: Arial;
87        padding: 1px; /* marges extérieures */
88    text-decoration: none;
89    border-color: transparent;
90    padding: 7px 4px 5px 4px;
91    margin-left: 1px;
92    margin-top: -4px;
93    text-shadow: 0.1em 0.1em 0.1em #000000;
94}
95
96.onglet-actif {
97    /* style de l'onglet de la page active */
98    border: solid 1px white; /* l'encadrement est porté à 2 pixels */
99    border-color: #FFFFFF;
100    color: #ffffff;
101    //font-weight: bold;
102    font-size: 9pt;
103    font-family: Arial;
104    padding: 7px 4px 5px 4px; /* marges extérieures */
105    margin-left: 1px;
106    margin-top: -4px;
107    margin-bottom: -10px;
108    text-shadow: 0.1em 0.1em 0.1em #000000;
109
110
111}
112
113/* le fond de l'onglet actif est blanc*/
114
115a.onglet:hover {
116   border:solid 1px white ; /* encadrement */
117   //color: #ff0033;
118
119}
120
121
122/*.onglet a:visited {
123        color:white;
124} */
125
126.liste1, .liste1 a:visited, liste1 a:link {
127    padding: 2px 4px 1px 1px; /* marge intérieure */
128    color: #294c8b;
129    font-size: 12pt;
130    font-family: Arial;
131    font-weight: normal;
132    text-align:justify;
133}
134
135a.liste1 {
136    /* style des liens se trouvant dans un onglet inactif */
137    /*background-color:#b3b3b3 ; le fond de l'onglet est gris */
138    background-color: #ffffff;
139    text-decoration: none;
140    border-color: #294c8b;
141    font-weight: normal;
142    cursor: pointer;
143    text-align:left;
144}
145
146
147a:hover {
148        color: #cccccc;
149
150}
151
152
153a:link{
154  cursor:  pointer;
155}
156
157
158
159/*a.onglet {
160text-decoration:none;
161border-color:#294c8b;
162font-weight:normal;
163color:#CDECFF;
164font-size: 9pt;
165} */
166
167
168.fiche {
169    text-align: justify;
170    font: Arial;
171    border:solid 1px black ; /* encadrement */
172    padding: px 8px 8px 10px; /* marges extérieures */
173    position:absolute;
174    top:195px;
175    left:420px;
176    background-color: #CDECFF;
177    visibility:hidden;
178
179}
180
181.iminfo {
182    position:relative;
183    margin-top:20px;
184    margin-left:200px;
185}
186
187
188.contenut {
189    text-align: justify;
190    font: Arial;
191    background-color: white;
192    border:solid 1px black ; /* encadrement */
193    padding: 7px 8px 8px 10px; /* marges extérieures */
194
195}
196
197
198.ongletc { /* style des onglets inactifs */
199border:solid 2px black ; /* encadrement */
200/*margin:0px 0px 0px 5px ; /* marge extérieure */
201padding:7px 3px 7px 3px ;/* marge intérieure */
202color: #ff5900;
203font-size: 10pt;
204
205font-family: Arial;}
206
207
208a.ongletc { /* style des liens se trouvant dans un onglet inactif */
209/*background-color:#b3b3b3 ; le fond de l'onglet est gris */
210background-color:#ffffff;
211text-decoration:none;
212font-weigbackground-color:blue;ht:bold;
213border-color:#294c8b;
214//color:#ff5900;
215} /* les liens ne sont pas soulignés */
216
217
218.menuover { /* style de l'onglet de la page active */
219border:solid 1px white; /* l'encadrement est porté à 2 pixels */
220border-color:#FFFFFF;
221//text-decoration:overline underline ;
222//color:#ffffff;
223font-weight:bold;
224font-size: 11pt;
225font-family: Arial;
226//font-color:#ffffff;
227/*bordebackground-color:blue;r-bottom:solid 3px white ; /* le trait inférieur est effacé */
228/*margin:0px 0px 0px 5px ; /* marges intérieures */
229padding:7px 4px 7px 4px ; /* marges extérieures */
230text-shadow: -0.1em -0.1em 0.1em #000000;
231//background-color:#294c8b
232} /* le fond de l'onglet actif est blanc*/
233
234a.menuover { /* style des liens se trouvant dans un onglet inactif */
235        border:solid 1px white;
236text-decoration:none;
237border-color:white;
238font-weight:normal;
239color:white;
240font-size: 11pt;
241    text-shadow: -0.1em -0.1em 0.1em #000000;
242    padding:7px 4px 7px 4px ; /* marges extérieures */
243
244} /* les liens ne sont pas soulignés */
245
246
247.menuselect { /* style de l'onglet de la page active */
248border:solid 1px white; /* l'encadrement est porté à 2 pixels */
249border-color:#FFFFFF;
250//text-decoration:overline underline ;
251//color:#ffffff;
252font-weight:bold;
253font-size: 11pt;
254font-family: Arial;
255//font-color:#ffffff;
256/*bordebackground-color:blue;r-bottom:solid 3px white ; /* le trait inférieur est effacé */
257/*margin:0px 0px 0px 5px ; /* marges intérieures */
258padding:7px 4px 7px 4px ; /* marges extérieures */
259//background-color:#294c8b;
260text-shadow: -0.1em -0.1em 0.1em #000000;
261} /* le fond de l'onglet actif est blanc*/
262
263a.menuselect { /* style des liens se trouvant dans un onglet inactif */
264        border:solid 1px white;
265text-decoration:none;
266border-color:white;
267font-weight:normal;
268color:white;
269font-size: 11pt;
270    padding:7px 4px 7px 4px ; /* marges extérieures */
271
272    text-shadow: -0.1em -0.1em 0.1em #000000;
273} /* les liens ne sont pas soulignés */
274
275
276a.menuon { /* style des liens se trouvant dans un onglet inactif */
277    text-decoration:none;
278    font-weight:normal;
279    border-color: transparent;
280    //border:solid 1px white;
281    color:#CDECFF;
282    font-size: 11pt;
283    padding:7px 4px 7px 4px ; /* marges extérieures */
284
285    text-shadow: -0.1em -0.1em 0.1em #000000;
286} /* les liens ne sont pas soulignés */
287
288
289
290.menuon , .menuon a:visited, menuon a:link { /* style de l'onglet de la page active */
291
292    padding:7px 80px 7px 4px ; /* marges extérieures */
293        color: white;
294        font-size: 10pt;
295        font-family: Arial;
296    border-color: transparent;
297    border:solid 1px white;
298    text-shadow: -0.1em -0.1em 0.1em #000000;
299}
300
301
302
303.onglet-actifo {
304border:solid 2px ;
305border-color:#294c8b;
306text-decoration:overline underline ;
307font-weight:bold;
308font-size: 10pt;
309font-family: Arial;
310/*border-bottom:solid 3px white ; /* le trait inférieur est effacé */
311/*margin:0px 0px 0px 5px ; /* marges intérieures */
312padding:7px 3px 7px 3px ; /* marges extérieures */
313background-color:#294c8b
314} /* le fond de l'onglet actif est blanc*/
315
316.itap { /* style de l'onglet de la page active */
317font-size: 9pt;
318} /* le fond de l'onglet actif est blanc*/
319
320itapl {
321        font-size: 9pt;
322        color: #8e91b4;
323}
324
325body {
326        background-color: #0b0b11;
327    font-family: Arial;
328}
329
330.fb {
331    background-color: white;
332}
333
334a:link,a:active {
335        //color: #724ca5;
336}
337
338a:visited {
339        //color:#CDECFF;
340}
341
342.plein { /* boite qui contient le menu (les onglets) */
343/*border-bottom:solid 2px ;*/ /* crée le trait noir en-dessous des onglets */
344/*color:#821a2f;*/
345
346padding-top:10px ; /* marge intérieure haute */
347padding-bottom:7px;
348/*margin:30px 30px 25px 30px ;*/
349/*background-color:#313678;*/
350/*background-color:#294c8b;*/
351background-image: url("../images/fond_menu2.jpg");
352    //background-repeat: repeat-x;
353    //height: 117px;
354
355} /* marge intérieure basse */
356
357.blanc1 {
358        border:1px;
359        background-color:white;
360        font-weight:bold;
361        color:#294c8b;
362        font-size: 10pt;
363        font-family: Arial;
364        padding:3px 3px 7px 3px;
365        text-align:center;
366        }
367
368.blanc1p {
369        border:1px;
370        background-color:white;
371        font-weight:bold;
372        color:#294c8b;
373        font-size: 8pt;
374        font-family: Arial;
375        padding:3px 3px 7px 3px;
376        text-align:center;
377        }
378
379.blanc1A {
380        border:1px;
381        background-color:white;
382        font-weight:bold;
383        color:#294c8b;
384        font-size: 12pt;
385        font-family: Arial;
386        padding:7px 3px 7px 3px;
387        text-align:center;
388        }
389
390.blanc2 {
391        border:1px;
392        background-color:white;
393        color:#294c8b;
394        font-size: 10pt;
395        font-family: Arial;
396        padding:7px 3px 7px 3px;
397        text-align:center;
398        }
399
400a.blanc2 {
401        font-weight:bold;
402}
403
404.blanc22 {
405        border:1px;
406        background-color:white;
407        color:#294c8b;
408        font-size: 10pt;
409        font-family: Arial;
410        padding:7px 3px 7px 3px;
411        }
412
413a.blanc22 {
414        font-weight:bold;
415}
416
417.blanc2l {
418        border:1px;
419        background-color:white;
420        color:#294c8b;
421        font-size: 10pt;
422        font-family: Arial;
423           padding: 2px 4px 10px 8px; /* marge intérieure */
424    text-align: left;
425        }
426
427a.blanc2l {
428        font-weight:bold;
429    text-align: left;
430}
431
432.rouge {
433        border:1px;
434        background-color:white;
435        font-weight:bold;
436        color:red;
437        font-size: 10pt;
438        font-family: Arial;
439        padding:7px 3px 7px 3px;
440    text-align: center;
441
442        }
443
444.vert {
445        border:1px;
446        background-color:white;
447        color:green;
448        font-weight:bold;
449        font-size: 10pt;
450        font-family: Arial;
451        padding:7px 3px 7px 3px;
452        text-align:center;
453        }
454
455.orange {
456        border:1px;
457        background-color:white;
458        color:#ff5900;
459        font-weight:bold;
460        font-size: 10pt;
461        font-family: Arial;
462        padding:7px 3px 7px 3px;
463
464}
465        background-color:blue;
466
467
468.noir {
469color:black;
470font-weight:bold;
471}
472
473.gris {
474color:#b3b3b3;
475font-weight:bold;
476}
477
478.ciel {
479color:#CDECFF;
480font-size: 10pt;
481font-family: Arial;
482}
483
484.cielb {
485//background-color:#CDECFF;
486background-color:white;
487color:#294c8b;
488font-weight:bold;
489font-size: 10pt;
490font-family: Arial;
491text-align: center;
492vertical-align: middle;
493}
494
495.cellinfo2 {
496    background-color: #354667;
497    color: #CDECFF;
498font-size: 10pt;
499font-family: Arial;
500text-align: left;
501vertical-align: middle;
502}
503
504
505.cellinfo {
506background-color: #354667;
507color: #CDECFF;
508font-weight:bold;
509font-size: 10pt;
510font-family: Arial;
511text-align: center;
512vertical-align: middle;
513}
514
515.cielbp {
516background-color:white;
517color:#294c8b;
518    font-size: 10pt;
519font-family: Arial;
520text-align: left;
521vertical-align: middle;
522}
523
524
525a.cielbpb {
526        font-weight:bold;
527}
528
529.cielbpb {
530    //background-color:#CDECFF;
531    color:#294c8b;
532    font-size: 10pt;
533    font-family: Arial;
534    text-align: left;
535    vertical-align: middle;
536padding:7px 3px 7px 3px;
537}
538
539
540a.cielbpb {
541        font-weight:bold;
542    padding:7px 3px 7px 3px;
543}
544
545
546.cielbpt {
547background-color:white;
548color:#294c8b;
549font-family: Arial;
550text-align: justify ;
551//vertical-align: middle;
552    padding: 1px 2px 1px 2 px;
553
554}
555
556
557a.cielbpt {
558        //color:#7f50be;
559        font-weight:bold;
560    font-size: 12pt;
561//vertical-align: middle;
562padding: 1px 2px 1px 2 px;
563
564}
565
566p.cielbpt {
567        //font-weight:bold;
568    font-size: 10pt;
569
570    padding:1px 20px 1px 20px;
571}
572
573
574.cielbl {
575color:#CDECFF;
576font-weight:bold;
577font-size: 10pt;
578font-family: Arial;
579}
580
581.cielbh1 {
582color:#CDECFF;
583font-weight:bold;
584font-size: 16pt;
585font-family: Arial;
586    text-shadow: 0.1em 0.1em 0.1em #000000;
587}
588
589a.cielbh1 {
590color:#CDECFF;
591font-weight:bold;
592font-size: 11pt;
593font-family: Arial;
594}
595
596a.cielbh1:hover {
597
598   color: #ffffff;
599
600}
601
602.bleuf {
603color:#294c8b;
604font-weight:bold;
605background-color:white;
606font-weight:bold;
607font-size: 10pt;
608font-family: Arial;
609padding:7px 3px 7px 3px;
610}
611
612
613.im1 {
614        position:absolute;
615        top: 50px;
616        left: 80px;
617        background-color:blue;
618}
619
620.tabChrome {
621    margin-left:15px;
622    margin-top:1px;
623    width:1150px;
624    height:490px;
625    overflow:auto;
626    padding-left:16px;
627}
628
629
630.tabMozilla {
631    margin-left:15px;
632    margin-top:-60x;
633    width:1150px;
634    height:490px;
635    overflow:auto;
636    padding-left:0px;
637    top:-15px;
638    position:relative;
639}
Note: See TracBrowser for help on using the repository browser.