source: tapas/web/resources/css/tapas.css

Last change on this file was 825, checked in by rboipsl, 9 years ago

changement logo
champs locality/lieu desactives
+modif sur tapas.css et bas page frontend
+ ajout textes info xml et one transmission

File size: 13.2 KB
Line 
1/** ***************************************************** **/
2/** ************************ TITLES ********************* **/
3/** ***************************************************** **/
4.title1 {
5    color: #165076;
6    font-weight: bold;
7    font-size: 15px;
8}
9
10.title2 {
11    color: #165076;
12    font-weight: bold;
13}
14
15/** ***************************************************** **/
16/** ********************** CONTAINER ******************** **/
17/** ***************************************************** **/
18button.positive, button.negative, button.option {
19
20    float: right;
21    font-weight:bold;
22    //font-size:12px;
23}
24
25.tab_class {
26    float: right;
27    background: #bfafd6;
28    color: #e7e6eb;
29    margin-left: 11px;
30    margin-right: -10px;
31    padding: 4px;
32    -moz-border-radius: 4px 4px 0 0;
33    -webkit-border-radius: 4px 4px 0 0;
34    margin-top: 3px;
35    height: 19px;
36    border-radius: 8px 8px 0px 0px;
37}
38
39.tab_class.activated {
40    background: #8260b1;
41    color: white;
42
43}
44
45.divAll {
46
47}
48
49.cfs1 {
50    border: 2px solid #e7e6eb;
51    -moz-border-radius: 8px;
52    -webkit-border-radius: 8px;
53    border-radius: 8px;
54    padding-right: 40px;
55    padding-left: 21px;
56    height: 479px;
57    margin-left: -26px;
58    margin-top: -23px;
59    padding-bottom: 13px;
60    width:676px;
61}
62
63.cfs2 {
64    border: 2px solid #e7e6eb;
65    -moz-border-radius: 8px;
66    -webkit-border-radius: 8px;
67    border-radius: 8px;
68    /*padding-right: 9px;
69    padding-bottom: 30px;
70    margin-right: 0px;*/
71    margin-left: -72px;
72    height: 327px;
73    margin-top: -23px;
74    /*padding-left: 20px;*/
75    width : 249px;
76
77}
78
79.cfs3 {
80    border: 2px solid #bfafd6;
81    -moz-border-radius: 8px;
82    -webkit-border-radius: 8px;
83    border-radius: 8px;
84    padding-right: 45px;
85    padding-left: 60px;
86    margin-left: 10px;
87    margin-top: 2px;
88    padding-bottom: 30px;
89    width:900px;
90}
91
92
93
94.cfs4 {
95    border: 2px solid #E7E6EB;
96    border-radius: 8px 8px 8px 8px;
97    height: 443px;
98    margin-left: -1px;
99    margin-top: -1px;
100    padding-bottom: 13px;
101    padding-left: 21px;
102    padding-right: 40px;
103    width: 954px;
104}
105
106.containerForm {
107
108    float: left;
109    width: 1070px;
110    height: 467px;
111
112}
113
114.containerTabs {
115
116    float: right;
117    margin-top: -40px;
118
119}
120
121.divPreference {
122    margin-top: 20px;
123    float: left;
124}
125
126#button_submit {
127    margin-right: 30px;
128
129}
130
131.divObservation {
132    margin-top: 20px;
133    margin-left: 30px;
134    margin-right: 80px;
135    float: left;
136}
137
138.containerLinkLogoEther {
139
140    position: absolute;
141    top: 0;
142    left: 127px;
143    width: 10px;
144    height: 99px;
145    background-image: url("../images/link_logo_Ether.png");
146    background-repeat: repeat-y;
147
148}
149
150.containerLogoEther {
151    position: absolute;
152    top: 100px;
153    left: 50px;
154    -moz-border-radius: 4px 4px 4px 4px;
155    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
156    -webkit-border-radius: 4px 4px 4px 4px;
157    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
158    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
159    width: 80px;
160    height: 80px;
161    padding: 15px;
162}
163
164.containerText {
165    font-size: 12px;
166    color: #999999;
167    padding-left: 0px;
168    background-color: white;
169    border-radius: 6px 6px 6px 6px;
170}
171
172.containerArea {
173    font-size: 12px;
174    color: #00cc00;
175    padding-left: 0px;
176    background-color: black;
177    border-radius: 6px 6px 12px 6px;
178    height:435px;
179    width:940px;
180    resize:none;
181}
182
183.containerText2 {
184    font-size: 12px;
185    color: white;
186    padding-left: 0px;
187    background-color: #cccccc;
188    font-weight:bold;
189   border-radius: 6px 6px 6px 6px;
190
191
192}
193
194.containerLabel {
195    font-size: 12px;
196    color: #e7e6eb;
197    font-weight: bold;
198/ / margin-bottom : 10 px;
199    padding-left: 20px;
200    text-align: right;
201}
202
203.containerLabelT {
204    font-size: 12px;
205    color: #e7e6eb;
206    font-weight: bold;
207/ / margin-bottom : 10 px;
208    padding-left: 20px;
209    text-align: center;
210}
211
212.containerLabel2 {
213    font-size: 12px;
214    color: #e7e6eb;
215    font-weight: bold;
216/ / margin-bottom : 10 px;
217/ / padding-left : 20 px;
218}
219
220
221.containerLabel3 {
222    font-size: 12px;
223    color: white;
224    font-weight: bold;
225    text-align: justify;
226}
227
228.containerLabel3 a {
229    font-size: 12px;
230    color: white;
231    font-weight: bold;
232    text-align: justify;
233    text-decoration:underline;
234}
235
236.containerLabel4 {
237    font-size: 12px;
238    color: white;
239    font-weight: bold;
240    text-align: right;
241}
242
243.containerLabel4 a {
244    font-size: 12px;
245    color: white;
246    font-weight: bold;
247    text-align: right;
248    text-decoration:underline;
249}
250
251.containerTapas {
252    -moz-border-radius: 4px 4px 4px 4px;
253    -webkit-border-radius: 4px 4px 4px 4px;
254    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
255    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
256    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
257    width: 1047px;
258    float: left;
259    margin-bottom: 10px;
260}
261
262.containerTitle {
263    font-size: 14px;
264    color: #59427b;
265    font-weight: bold;
266    float: left;
267    margin-top: 9px;
268    padding-left: 19px;
269    font-family: Comic Sans MS;
270}
271
272.containerTitle2 {
273    font-size: 18px;
274    color: #59427b;
275    font-weight: bold;
276    float: left;
277    margin-top: 0px;
278    padding-left: 40px;
279}
280
281.containerLogo {
282    -moz-border-radius: 4px 4px 4px 4px;
283    -webkit-border-radius: 4px 4px 4px 4px;
284    float: left;
285    margin-bottom: 10px;
286    margin-left: 31px;
287    width: 120px;
288    top: 50px;
289    position: absolute;
290}
291
292.containerUserLogout {
293    float: left;
294    margin-right: 5px;
295}
296
297.containerImgLogout {
298    float: right;
299    position: relative;
300    top: 13px;
301}
302
303.containerNav {
304    -moz-border-radius: 4px 4px 4px 4px;
305    -webkit-border-radius: 4px 4px 4px 4px;
306    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
307    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
308    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
309    float: left;
310    position: relative;
311    width: 330px;
312    height: 40px;
313    color: #04155D;
314    top: 4px;
315    margin-bottom: 20px;
316    padding-top: 6px;
317    padding-left: 10px;
318    font-size: 11px;
319    top: 12px;
320}
321
322.containerMenu {
323    float: right;
324 //   margin-left:171px;
325}
326
327.containerTitleContentBorder {
328    float: left;
329    position: relative;
330    height: 2px;
331    border-bottom: 10px solid black;
332    z-index: 1;
333    left: -10px;
334    width: 100px;
335}
336
337
338.containerTitleContent {
339    -moz-border-radius: 4px 4px 0 0;
340    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
341    -webkit-border-radius: 4px 4px 0 0;
342    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
343    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
344    background: -moz-linear-gradient(#8A68BB, #8A68BB) repeat scroll 0 0 transparent;
345    background: -ms-linear-gradient(#8A68BB, #8A68BB) repeat scroll 0 0 transparent; /*For IE10*/
346    background: -webkit-linear-gradient(#8260b1, #8260b1) repeat scroll 0 0 transparent; /*For IE10*/
347    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#59427b', endColorstr = 'white'); /*For IE7-8-9*/
348    float: left;
349    position: relative;
350    width: 98px;
351    height: 32px;
352    color: white;
353    font-weight: bold;
354    padding-left: 10px;
355    padding-top: 4px;
356    top: 15px;
357    margin-right: 600px;
358    text-decoration: underline;
359    text-align:justify;
360    margin-bottom:-8px;
361    border-radius: 8px 8px 8px 8px ;
362
363}
364
365
366.containerField {
367    color: #e7e6eb;
368    font-weight: bold;
369    font-size: 14px;
370    border-radius: 6px 6px 6px 6px;
371
372}
373
374.containerField2 {
375    color: black;
376    font-weight: bold;
377    font-size: 14px;
378}
379
380.containerFieldO {
381    font-size: 32px;
382        color: white;
383        padding-left: 0px;
384        font-weight: bold;
385
386}
387
388.containerCenter {
389    -moz-border-radius-topright: 0;
390    -webkit-border-radius: 0; /*#E8EFF3*//* #618EAC*/
391    border-radius: 8px 0px 8px 8px;
392    background: -moz-linear-gradient(#8a68bb, #8a68bb);
393    background: -webkit-linear-gradient(#8a68bb, #8a68bb);
394    background: -ms-linear-gradient(#8a68bb, #8a68bb) repeat scroll 0 0 transparent; /*For IE10*/
395    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#333333', endColorstr = '#59427b'); /*For IE7-8-9*/
396    min-height: 400px;
397    text-align: justify;
398    position: relative;
399    top: 11px;
400    padding: 10px;
401    width: 1028px;
402    color:white;
403}
404
405.containerBottom {
406    background: -moz-linear-gradient(left center, #c0afd6, #8A68BB); /*background: -webkit-linear-gradient(#333333, #d45400);*/
407    background: -ms-linear-gradient(#c0afd6, #8A68BB) repeat scroll 0 0 transparent; /*For IE10*/
408    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#8a68bb', endColorstr = '#59427b'); /*For IE7-8-9*/
409    color: #FFFFFF;
410    height: 26px;
411    padding-right: 10px;
412    position: relative;
413    top: 0px;
414    width: 1039px;
415    border-radius: 8px 8px 8px 8px;
416    margin-top:5px;
417}
418
419.containerBottom a {
420    color: black;
421}
422
423.containerErrors, #errors {
424    background: white;
425    -moz-border-radius: 4px 4px 4px 4px;
426    -webkit-border-radius: 4px 4px 4px 4px;
427    border: 1px solid #cc0000;
428    color: #cc0000;
429    padding: 10px;
430    margin: 10px;
431    border-radius: 8px 8px 8px 8px ;
432}
433
434.errorsForm {
435    background: none repeat scroll 0 0 #E7E6EB;
436    border: 2px solid #CC0000;
437    border-radius: 8px 8px 8px 8px;
438    color: #CC0000;
439    float: left;
440    font-weight: bold;
441    margin-left: 1052px;
442    margin-right: -232px;
443    margin-top: -137px;
444    padding: 10px;
445    text-align: left;
446}
447
448
449.xmlInfos {
450   float: left;
451    font-weight: bold;
452    margin-left: 749px;
453    margin-right: -232px;
454    margin-top: 455px;
455    padding: 10px;
456    text-align: left;
457    position:absolute;
458}
459
460
461
462/*Spectral unit : must be selected
463Observatory : must be selected   */
464
465.cfs3 {
466   /* border: 2px solid red;
467    -moz-border-radius: 8px;
468    -webkit-border-radius: 8px;
469    border-radius: 8px;
470    padding-right: 40px;
471    padding-bottom: 30px;
472    margin-right: 0px;
473    margin-left: 30px;
474    padding-left: 30px ;
475    background: #333333;*/
476}
477
478/*.errorsForm {
479    -moz-border-radius: 8px 8px 8px 8px;
480    border: 2px solid #333333;
481    //margin-left: 648px;
482    margin-right: 1500;
483    padding-bottom: 30px;
484    //padding-left: 30px;
485    //padding-right: 40px;
486
487} */
488
489.containerErrors {
490    display: none;
491}
492
493.containerInfos {
494    background: url("images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50% #F0FFF0;
495    -moz-border-radius: 4px 4px 4px 4px;
496    -webkit-border-radius: 4px 4px 4px 4px;
497    border: 1px solid #59427b;
498    color: white;
499    padding: 10px;
500    margin: 10px;
501    display: none;
502}
503
504/** ***************************************************** **/
505/** ************************ OTHER ********************** **/
506/** ***************************************************** **/
507#button_submit {
508    height: 27px;
509}
510
511#tools .complexButton {
512    float: right;
513}
514
515.roundTable {
516    -moz-border-radius: 4px;
517    -webkit-border-radius: 4px;
518    border: 1px solid;
519    width: 100%;
520}
521
522.smallRoundTable {
523    -moz-border-radius: 4px;
524    -webkit-border-radius: 4px;
525    border: 1px solid;
526}
527
528.divMenu_arrow, .divMenu_arrow.deployed, .divMenu_arrow_left, .divMenu_arrow_left.deployed {
529    height: 13px;
530    width: 13px;
531    position: relative;
532    float: right;
533    top: -17px;
534}
535
536.divMenu_arrow, .divMenu_arrow_left {
537    background-image: url("../images/utils/toggle_down_dark.png");
538}
539
540.divMenu_arrow_left, .divMenu_arrow_left.deployed {
541    float: left;
542    top: 4px;
543    margin-left: -19px;
544}
545
546.divMenu_arrow.deployed, .divMenu_arrow_left.deployed {
547    background-image: url("../images/utils/toggle_up_dark.png");
548}
549
550.divMenu_content {
551    display: none;
552}
553
554/*.loading-classic {
555    background-image: url(../../resources/icons/transparent_loading.gif);
556    height: 16px;
557    width: 16px;
558}
559 */
560/** ***************************************************** **/
561/** ************************ PAGES ********************** **/
562/** ***************************************************** **/
563#title_tools, #title_tools .links li a {
564    height: 39px;
565}
566
567#title_tools {
568    font: 12px/18px Trebuchet MS, Arial, san-serif;
569    margin: 18px auto 12px;
570    position: relative;
571    border-radius: 8px 8px 8px 8px;
572}
573
574.dataProtocolDownloadButton {
575    float: right;
576}
577
578.dataProtocolCheckbox, .dataProtocolCheckboxText {
579    float: left;
580    margin-left: 3px;
581    margin-top: 7px;
582}
583
584.dataProtocolCheckboxText {
585    margin-top: 4px;
586}
587
588/** ************************************ **/
589/** ************ CALENDAR ************** **/
590/** ************************************ **/
591.calendar {
592    background-image: url("../../resources/icons/calendrier-icone-16x16.png");
593    background-position: right center;
594    background-repeat: no-repeat;
595}
596
597.time {
598    background-image: url("../../resources/icons/icone_heure.png");
599    background-position: bottom right;
600    background-repeat: no-repeat;
601
602}
603
604/** ************************************ **/
605/** ************ LOADING *************** **/
606/** ************************************ **/
607.loading-classic {
608    background-image: url(../../resources/icons/transparent_loading.gif);
609    height: 37px;
610    //margin-top: 462px;
611    //margin-top: 1046px;
612    //margin-left: 21px;
613    margin-left: 1046px;
614    position: relative;
615    width: 36px;
616}
617
618.loading-data {
619    background-image: url(../../resources/icons/loading_datas.gif);
620    height: 15px;
621    width: 128px;
622
623}
624
625.regionContent ul {
626    height: 150px;
627    overflow-x: hidden;
628    overflow-y: auto;
629}
630
631.regionContent ul li a {
632    color: #778899;
633    text-align:left;
634    font-size:10px;
635
636}
637
638
639.logos {
640    border-radius: 8px 8px 8px 8px;
641}
Note: See TracBrowser for help on using the repository browser.