source: geisa/web/resources/css/geisa.css @ 567

Last change on this file since 567 was 567, checked in by npipsl, 12 years ago

Modifications des menus deroulants , des liens, de l'aide
File size: 9.8 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: 20px;
34    margin-top: 9px;
35    margin-left :43px;
36}
37
38/** ***************************************************** **/
39/** ********************** CONTAINER ******************** **/
40/** ***************************************************** **/
41.containerTapas {
42    -moz-border-radius: 4px 4px 4px 4px;
43    -webkit-border-radius: 4px 4px 4px 4px;
44    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
45    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
46    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
47    width: 980px;
48    float: left;
49    margin-bottom: 10px;
50    background: #F4F4F4;
51    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;
52    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*/
53    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#3299CC'); /*For IE7-8-9*/
54    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;
55
56}
57
58.containerTitle {
59    font-size: 22px;
60    color: #003D6C;
61    font-weight: bold;
62    float: left;
63    margin-top: 28px;
64    padding-left: 177px;
65}
66
67.containerLogoLeft {
68    -moz-border-radius: 4px 4px 4px 4px;
69    -webkit-border-radius: 4px 4px 4px 4px;
70    float: left;
71    margin-bottom: 10px;
72    margin-right: 20px;
73    padding-left: 30px;
74    width: 120px;
75    top: -32px;
76    position: relative;
77    margin-top: 35px;
78}
79
80.containerLogoRight {
81    -moz-border-radius: 4px 4px 4px 4px;
82    -webkit-border-radius: 4px 4px 4px 4px;
83    float: right;
84    margin-bottom: 10px;
85    margin-right: -10px;
86    padding-left: 150px;
87    width: 120px;
88    top: -32px;
89    position: relative;
90    margin-top: 35px;
91}
92
93.containerUserLogout {
94    float: left;
95    margin-right: 5px;
96}
97
98.containerImgLogout {
99    float: right;
100    position: relative;
101    top: 13px;
102}
103
104.containerNav {
105    -moz-border-radius: 4px 4px 4px 4px;
106    -webkit-border-radius: 4px 4px 4px 4px;
107    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
108    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
109    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
110    float: left;
111    position: relative;
112    width: 450px;
113    height: 33px;
114    color: #04155D;
115    top: 4px;
116    margin-bottom: 20px;
117    padding-top: 6px;
118    padding-left: 10px;
119    font-size: 11px;
120}
121
122.containerMenu {
123    float: right;
124    margin-bottom: 0px;
125}
126
127.containerTitleContentBorder {
128    float: left;
129    position: relative;
130    height: 2px;
131    border-bottom: 10px solid white;
132    z-index: 1;
133    left: -10px;
134    width: 810px;
135
136}
137
138.containerTitleContent {
139
140    background: -moz-linear-gradient(white, #C0C0C0);
141    background: -webkit-linear-gradient(white, #C0C0C0);
142    -moz-border-radius: 4px 4px 4px 4px;
143    -webkit-border-radius: 4px 4px 4px 4px;
144    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#C0C0C0'); /*For IE7-8-9*/
145
146    float: left;
147    position: relative;
148    width: 619px;
149    height: 33px;
150    color: white;
151    font-weight: bold;
152    padding-left: 10px;
153    padding-top: 10px;
154}
155
156.containerCenter {
157    -moz-border-radius-topright: 0;
158    -webkit-border-radius: 0; /*#E8EFF3*//* #618EAC*/
159    background: -moz-linear-gradient(white, #FFEA8E);
160    background: -webkit-linear-gradient(white, #FFEA8E);
161    background: -ms-linear-gradient(white, #FFEA8E) repeat scroll 0 0 transparent; /*For IE10*/
162    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#C0C0C0'); /*For IE7-8-9*/
163    min-height: 400px;
164    text-align: justify;
165    position: relative;
166    top: 0px;
167    padding: 10px;
168    width: 960px;
169}
170
171.containerBottom {
172    background: -moz-linear-gradient(left center, white, #003D6C);
173    background: -webkit-linear-gradient(white, #003D6C);
174    background: -ms-linear-gradient(white, #003D6C) repeat scroll 0 0 transparent; /*For IE10*/
175    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#003D6C'); /*For IE7-8-9*/
176    color: #FFFFFF;
177    height: 26px;
178    padding-right: 10px;
179    position: relative;
180    top: 0px;
181    width: 972px;
182}
183
184.containerBottomCopy{
185    float: right;
186    color: #FFFFFF;
187    font-size: 10px;
188}
189
190.containerBottom a {
191    color: white;
192}
193
194.containerErrors, #errors {
195    background: #FEF1EC;
196    -moz-border-radius: 4px 4px 4px 4px;
197    -webkit-border-radius: 4px 4px 4px 4px;
198    border: 1px solid #CD0A0A;
199    color: #CD0A0A;
200    padding: 10px;
201    margin: 10px;
202}
203
204.containerErrors {
205    display: none;
206}
207
208.containerInfos {
209    background: url("images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50% #F0FFF0;
210    -moz-border-radius: 4px 4px 4px 4px;
211    -webkit-border-radius: 4px 4px 4px 4px;
212    border: 1px solid #529214;
213    color: #529214;
214    padding: 10px;
215    margin: 10px;
216    display: none;
217}
218
219.inputs {
220    float: none;
221    margin-left: 30px;
222    margin-right: 30px;
223}
224.basicOptions {
225    float: left;
226    width: 445px;
227    margin-left: 30px;
228    margin-top: 15px;
229}
230.advancedOptions {
231    float: right;
232    width: 445px;
233    margin-right: 30px;
234    margin-top: 26px;
235}
236
237.fieldsetGeneralTitle {
238 font-weight: bold;
239 font-size: 14px;
240}
241
242.caption {
243color: #FFCC33;
244font-size: 17px;
245font-weight: bold;
246text-decoration:underline
247}
248
249.containerInsideOptions {
250margin-left: 35px;
251}
252
253.database {
254    width: 864px;
255    float: left;
256    margin-bottom: 10px;
257    margin-left: 5px;
258}
259
260.molecules {
261    width: 864px;
262    float: left;
263    padding-bottom: 15px;
264    margin-left: 5px;
265}
266
267.moleculesGEISA11 {
268     margin-left: 35px;
269}
270
271
272.spectralRange{
273    width: 410px;
274    float: left;
275    margin-left: 5px;
276    margin-bottom: 8px;
277}
278
279.intensity {
280    width: 410px;
281    float:left;
282    padding-bottom: 8px;
283    margin-left: 5px;
284}
285
286.axeY1Gene{
287    float: left;
288    width: 410px;
289    margin-left: 5px;
290    margin-bottom: 8px;
291}
292
293.drawingOptionsY1{
294    float: left;
295    width: 410px;
296    margin-left: 5px;
297    margin-bottom: 8px;
298}
299
300.showAdvancedOptions{
301 float: left;
302 font-weight: bold;
303 font-size: 14px;
304 margin-left: 142px;
305 margin-top: 30px;
306}
307
308.transition{
309    width: 410px;
310    float: left;
311    margin-left: 5px;
312    margin-bottom: 8px;
313}
314
315.transitionValue{
316    float: left;
317}
318
319.transitionReset
320{
321    float: right;
322    margin-top: 18px;
323}
324
325
326.meanValue{
327    width: 410px;
328    float: left;
329    margin-left: 5px;
330    margin-bottom: 8px;
331}
332
333.axeY2Gene{
334    float: left;
335    width: 410px;
336    margin-left: 5px;
337    margin-bottom: 8px;
338}
339
340.axeY2Titre{
341    color: #000000;
342}
343
344.drawingOptionsY2{
345    float: left;
346    position: relative;
347    width: 410px;
348    margin-left: 5px;
349    margin-bottom: 8px;
350}
351
352.boutonSubmit{
353    float: right;
354    margin-top: 40px;
355}
356
357.loading{
358    float: right;
359}
360
361.notActiveText{
362    color: #CCCCCC;
363    margin-left: 35px;
364}
365
366.activeText{
367    color: #000099;
368    margin-left: 35px;
369}
370
371/** ***************************************************** **/
372/** ************************ OTHER ********************** **/
373/** ***************************************************** **/
374.roundTable {
375    -moz-border-radius: 4px;
376    -webkit-border-radius: 4px;
377    border: 1px solid;
378    width: 100%;
379}
380
381.smallRoundTable {
382    -moz-border-radius: 4px;
383    -webkit-border-radius: 4px;
384    border: 1px solid;
385}
386
387.divMenu_arrow, .divMenu_arrow.deployed, .divMenu_arrow_left, .divMenu_arrow_left.deployed {
388    height: 13px;
389    width: 13px;
390    position: relative;
391    float: right;
392    top: -17px;
393}
394
395.divMenu_arrow, .divMenu_arrow_left {
396    background-image: url("../images/utils/toggle_down_dark.png");
397}
398
399.divMenu_arrow_left, .divMenu_arrow_left.deployed {
400    float: left;
401    top: 4px;
402    margin-left: -19px;
403}
404
405.divMenu_arrow.deployed, .divMenu_arrow_left.deployed {
406    background-image: url("../images/utils/toggle_up_dark.png");
407}
408
409.divMenu_content {
410    display: none;
411}
412
413/** ***************************************************** **/
414/** ************************ PAGES ********************** **/
415/** ***************************************************** **/
416#title_tools, #title_tools .links li a {
417    height: 87px;
418}
419
420#title_tools {
421    font: 12px/18px Trebuchet MS, Arial, san-serif;
422    margin: 18px auto 12px;
423    position: relative;
424}
425
426.dataProtocolDownloadButton {
427    float: right;
428}
429
430.dataProtocolCheckbox, .dataProtocolCheckboxText {
431    float: left;
432    margin-left: 3px;
433    margin-top: 7px;
434}
435
436.dataProtocolCheckboxText {
437    margin-top: 4px;
438}
439
440.styleDivs{
441    padding: 10px;
442}
443
444.styleInputs{
445    margin-right:10px;
446}
Note: See TracBrowser for help on using the repository browser.