source: Ballon/web/resources/css/geisa.css

Last change on this file was 766, checked in by npipsl, 11 years ago
File size: 12.1 KB
Line 
1/*Feuille de style geisa.css*/
2
3body, ul, table {font-family: Arial, Helvetica, sans-serif; text-align:justify; font-size: 10pt; color: #000099;}
4.titrePetit {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000099}
5.titreGrand {font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; color: #000099}
6a {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #0C0CEF; text-decoration: underline}
7a:hover {color: red; text-decoration: none; cursor: pointer;}
8a.clien {text-decoration: none}
9.divViolet {background-color:#dbe9f2; padding-right: 10px;}
10fieldset.general {border-width: 3px; border-style: solid; border-color: #FFCC33;}
11fieldset.options {border-width: 1px; border-style: solid; border-color: #FFCC33;}
12.molecule { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000099 }
13.isotope { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: oblique; color: #CC0000 }
14
15
16/** ***************************************************** **/
17/** ************************ TITLES ********************* **/
18/** ***************************************************** **/
19.title1 {
20    color: #165076;
21    font-weight: bold;
22    font-size: 15px;
23}
24
25.title2 {
26    color: #165076;
27    font-weight: bold;
28}
29
30.titlePage {
31    color: #003D6C;
32    font-weight: bold;
33    font-size: 22px;
34    margin-top: 9px;
35    margin-left :43px;
36}
37
38.information
39{
40 margin-bottom: 10px;
41 margin-left: 30px;
42}
43/** ***************************************************** **/
44/** ********************** CONTAINER ******************** **/
45/** ***************************************************** **/
46.containerTapas {
47    -moz-border-radius: 4px 4px 4px 4px;
48    -webkit-border-radius: 4px 4px 4px 4px;
49    -moz-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.3);
50    -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.3);
51    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.3);
52    width: 980px;
53    float: left;
54    margin-bottom: 10px;
55    background: #F4F4F4;
56    background: -moz-linear-gradient(0deg, #003d6c -9%, rgba(125, 185, 232, 0.48) 50%, rgba(125, 185, 232, 0) 83%) repeat scroll 0 0 transparent;
57    background: -ms-linear-gradient(0deg, #003d6c -9%, rgba(125, 185, 232, 0.48) 50%, rgba(125, 185, 232, 0) 83%) repeat scroll 0 0 transparent; /*For IE10*/
58    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#3299CC'); /*For IE7-8-9*/
59    background: -webkit-linear-gradient(0deg, #003d6c -9%, rgba(125, 185, 232, 0.48) 50%, rgba(125, 185, 232, 0) 83%) repeat scroll 0 0 transparent;
60
61}
62
63.containerTitle {
64    font-size: 22px;
65    color: #003D6C;
66    font-weight: bold;
67    float: left;
68    margin-top: 28px;
69    padding-left: 177px;
70}
71
72.containerLogoLeft {
73    -moz-border-radius: 4px 4px 4px 4px;
74    -webkit-border-radius: 4px 4px 4px 4px;
75    float: left;
76    margin-bottom: 10px;
77    margin-right: 20px;
78    padding-left: 30px;
79    width: 120px;
80    top: -32px;
81    position: relative;
82    margin-top: 35px;
83}
84
85.containerLogoRight {
86    -moz-border-radius: 4px 4px 4px 4px;
87    -webkit-border-radius: 4px 4px 4px 4px;
88    float: right;
89    margin-bottom: 10px;
90    margin-right: -10px;
91    padding-left: 150px;
92    width: 120px;
93    top: -32px;
94    position: relative;
95    margin-top: 35px;
96}
97
98.containerUserLogout {
99    float: left;
100    margin-right: 5px;
101}
102
103.containerImgLogout {
104    float: right;
105    position: relative;
106    top: 13px;
107}
108
109.containerNav {
110    -moz-border-radius: 4px 4px 4px 4px;
111    -webkit-border-radius: 4px 4px 4px 4px;
112    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
113    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
114    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
115    float: left;
116    position: relative;
117    width: 450px;
118    height: 33px;
119    color: #04155D;
120    top: 4px;
121    margin-bottom: 20px;
122    padding-top: 6px;
123    padding-left: 10px;
124    font-size: 11px;
125}
126
127.containerMenu {
128    float: right;
129    margin-bottom: 0px;
130}
131
132.containerTitleContentBorder {
133    float: left;
134    position: relative;
135    height: 2px;
136    border-bottom: 10px solid white;
137    z-index: 1;
138    left: -10px;
139    width: 810px;
140
141}
142
143.containerTitleContent {
144
145    background: -moz-linear-gradient(white, #C0C0C0);
146    background: -webkit-linear-gradient(white, #C0C0C0);
147    -moz-border-radius: 4px 4px 4px 4px;
148    -webkit-border-radius: 4px 4px 4px 4px;
149    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#C0C0C0'); /*For IE7-8-9*/
150
151    float: left;
152    position: relative;
153    width: 619px;
154    height: 33px;
155    color: white;
156    font-weight: bold;
157    padding-left: 10px;
158    padding-top: 10px;
159}
160
161.containerCenter {
162    -moz-border-radius-topright: 0;
163    -webkit-border-radius: 0; /*#E8EFF3*//* #618EAC*/
164    background: -moz-linear-gradient(white, #FFEA8E);
165    background: -webkit-linear-gradient(white, #FFEA8E);
166    background: -ms-linear-gradient(white, #FFEA8E) repeat scroll 0 0 transparent; /*For IE10*/
167    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#FFEA8E'); /*For IE7-8-9*/
168    /* filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#COCOCO'); */
169    min-height: 400px;
170    text-align: justify;
171    position: relative;
172    top: 0px;
173    padding: 10px;
174    width: 960px;
175}
176
177.containerBottom {
178    background: -moz-linear-gradient(left center, white, #003D6C);
179    background: -webkit-linear-gradient(white, #003D6C);
180    background: -ms-linear-gradient(white, #003D6C) repeat scroll 0 0 transparent; /*For IE10*/
181    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#003D6C'); /*For IE7-8-9*/
182    color: #FFFFFF;
183    height: 26px;
184    padding-right: 10px;
185    position: relative;
186    top: 0px;
187    width: 972px;
188}
189
190.containerBottomCopy{
191    float: right;
192    color: #FFFFFF;
193    font-size: 10px;
194}
195
196.containerBottom a {
197    color: white;
198}
199
200.containerErrors, #errors {
201    background: #FEF1EC;
202    -moz-border-radius: 4px 4px 4px 4px;
203    -webkit-border-radius: 4px 4px 4px 4px;
204    border: 1px solid #CD0A0A;
205    color: #CD0A0A;
206    padding: 10px;
207    margin: 10px;
208}
209
210.containerErrors {
211    display: none;
212}
213
214.containerInfos {
215    background: url("images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50% #F0FFF0;
216    -moz-border-radius: 4px 4px 4px 4px;
217    -webkit-border-radius: 4px 4px 4px 4px;
218    border: 1px solid #529214;
219    color: #529214;
220    padding: 10px;
221    margin: 10px;
222    display: none;
223}
224
225.inputs {
226   /* float: none; */
227    margin-left: 30px;
228    margin-right: 30px;
229}
230.basicOptions {
231    float: left;
232    width: 445px;
233    margin-left: 30px;
234    margin-top: 15px;
235}
236.advancedOptions {
237    float: right;
238    width: 445px;
239    margin-right: 30px;
240    margin-top: 26px;
241}
242
243.fieldsetGeneralTitle {
244 font-weight: bold;
245 font-size: 14px;
246}
247
248/*.caption {
249color: #FFCC33;
250font-size: 17px;
251font-weight: bold;
252text-decoration:underline
253} */
254
255.containerInsideOptions {
256margin-left: 35px;
257}
258
259
260
261.database {
262    width: 864px;
263    /*float: left;*/
264    margin-bottom: 10px;
265    margin-left: 5px;
266}
267
268.containerBeginDatabase {
269    margin-left: 35px;
270    float:left;
271}
272
273.containerDatabase {
274    margin-left: 6px;
275    float:left;
276}
277
278.molecules {
279    width: 864px;
280    /*float: left;*/
281    padding-bottom: 15px;
282    margin-left: 5px;
283}
284
285.selectAndShowIsotopes {
286     float: right;
287}
288
289.moleculesGEISA11 {
290     margin-left: 35px;
291}
292
293
294.spectralRange{
295    width: 410px;
296    /*float: left;*/
297    margin-left: 5px;
298    margin-bottom: 8px;
299}
300
301.intensity {
302    width: 410px;
303    /*float: left;*/
304    padding-bottom: 8px;
305    margin-left: 5px;
306}
307
308.axeY1Gene{
309    /*float: left;*/
310    width: 410px;
311    margin-left: 5px;
312    margin-bottom: 8px;
313}
314
315.drawingOptionsY1{
316    /*float: left;*/
317    width: 410px;
318    margin-left: 5px;
319    margin-bottom: 8px;
320}
321
322.containerBeginPlotDatabase1 {
323    margin-left: 45px;
324    float:left;
325}
326
327.containerBeginPlotDatabase2 {
328    margin-left: 25px;
329    float:left;
330}
331
332.containerPlot {
333    margin-left: 6px;
334    float:left;
335}
336
337.showAdvancedOptions{
338 float: left;
339 font-weight: bold;
340 font-size: 14px;
341 margin-left: 142px;
342 margin-top: 30px;
343}
344
345.transition{
346    width: 410px;
347    /*float: left;*/
348    margin-left: 5px;
349    margin-bottom: 8px;
350}
351
352.transitionValue{
353    float: left;
354}
355
356.transitionReset
357{
358    float: right;
359    margin-top: 18px;
360}
361
362
363.meanValue{
364    width: 410px;
365    /*float: left;*/
366    margin-left: 5px;
367    margin-bottom: 8px;
368}
369
370.outputChoiceDifferences
371{
372    margin-left: 72px;
373    float:left;
374}
375
376.outputChoiceDifferencesNotActiveText{
377    color: #9C9F9F;
378    margin-left: 72px;
379    float:left;
380}
381
382.outputChoiceDifferencesPercentage
383{
384    margin-left: 35px;
385    float:left;
386}
387
388.outputChoiceDifferencesPercentageNotActiveText{
389    color: #9C9F9F;
390    margin-left: 35px;
391    float:left;
392}
393
394.axeY2Gene{
395    /*float: left;*/
396    width: 410px;
397    margin-left: 5px;
398    margin-bottom: 8px;
399}
400
401.axeY2Titre{
402    color: #000000;
403}
404
405.drawingOptionsY2{
406    /*float: left;*/
407    position: relative;
408    width: 410px;
409    margin-left: 5px;
410    margin-bottom: 8px;
411}
412
413.outputDatabaseComparison{
414    /*float: left;*/
415    position: relative;
416    width: 410px;
417    margin-left: 5px;
418    margin-bottom: 8px;
419}
420
421.boutonSubmit{
422    float: right;
423    margin-top: 40px;
424}
425
426.loading{
427    float: right;
428}
429
430.notActiveText{
431    color: #9C9F9F;
432    margin-left: 35px;
433}
434
435.activeText{
436    color: #000099;
437    margin-left: 35px;
438}
439
440/** ***************************************************** **/
441/** ************************ OTHER ********************** **/
442/** ***************************************************** **/
443.roundTable {
444    -moz-border-radius: 4px;
445    -webkit-border-radius: 4px;
446    border: 1px solid;
447    width: 100%;
448}
449
450.smallRoundTable {
451    -moz-border-radius: 4px;
452    -webkit-border-radius: 4px;
453    border: 1px solid;
454}
455
456.divMenu_arrow, .divMenu_arrow.deployed, .divMenu_arrow_left, .divMenu_arrow_left.deployed {
457    height: 13px;
458    width: 13px;
459    position: relative;
460    float: right;
461    top: -17px;
462}
463
464.divMenu_arrow, .divMenu_arrow_left {
465    background-image: url("../images/utils/toggle_down_dark.png");
466}
467
468.divMenu_arrow_left, .divMenu_arrow_left.deployed {
469    float: left;
470    top: 4px;
471    margin-left: -19px;
472}
473
474.divMenu_arrow.deployed, .divMenu_arrow_left.deployed {
475    background-image: url("../images/utils/toggle_up_dark.png");
476}
477
478.divMenu_content {
479    display: none;
480}
481
482/** ***************************************************** **/
483/** ************************ PAGES ********************** **/
484/** ***************************************************** **/
485#title_tools, #title_tools .links li a {
486    height: 87px;
487}
488
489#title_tools {
490    font: 12px/18px Trebuchet MS, Arial, san-serif;
491    margin: 18px auto 12px;
492    position: relative;
493}
494
495.dataProtocolDownloadButton {
496    float: right;
497}
498
499.dataProtocolCheckbox, .dataProtocolCheckboxText {
500    float: left;
501    margin-left: 3px;
502    margin-top: 7px;
503}
504
505.dataProtocolCheckboxText {
506    margin-top: 4px;
507}
508
509.styleDivs{
510    padding: 10px;
511}
512
513.styleInputs{
514    margin-right:10px;
515}
516
517
518/** ***************************************************** **/
519/** ************************ TABS *********************** **/
520/** ***************************************************** **/
521.containerTabs {
522    float: right;
523    margin-top: -67px;
524}
525
526.tab_class {
527   /* -moz-border-radius: 4px 4px 0 0; */
528    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
529    -moz-border-radius: 0px 0px 4px 4px;
530    -webkit-border-radius: 0px 0px 4px 4px;
531    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
532    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
533    border-radius: 0px 0px 4px 4px;
534    background: none repeat scroll 0 0 #FFCC33;
535    /*background: none repeat scroll 0 0 #a0c3df;*/
536    color: black;
537    float: right;
538    height: 19px;
539    margin-left: 11px;
540    margin-right: -7px;
541    margin-top: 3px;
542    padding: 4px;
543    /*font-weight: bold;  */
544    font-size:14px;
545    /*pour changer le curseur de la souris*/
546    cursor:  pointer;
547}
548
549
550.tab_class.activated {
551    /*background: none repeat scroll 0 0 #6191b5;*/
552    background: none repeat scroll 0 0 #FF9300;
553    /*color: white;*/
554    color:#0C0CEF;
555}
556
557.tab_class:hover {
558 /* background: none repeat scroll 0 0 #4382C1;*/
559 background: none repeat scroll 0 0 #FF9300;
560}
Note: See TracBrowser for help on using the repository browser.