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

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

changement logo
champs locality/lieu desactives

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