source: ether_megapoli/trunk/web/resources/css/megapoli.css @ 372

Last change on this file since 372 was 372, checked in by vmipsl, 12 years ago

Transfert chewie --> vador
Look IE
File size: 10.0 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/** ***************************************************** **/
18.containerLinkLogoEther {
19    position: absolute;
20    top: 0;
21    left: 127px;
22    width: 10px;
23    height: 99px;
24    background-image: url("../images/link_logo_Ether.png");
25    background-repeat: repeat-y;
26}
27
28.containerLogoEther {
29    position: absolute;
30    top: 100px;
31    left: 50px;
32    -moz-border-radius: 4px 4px 4px 4px;
33    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
34    -webkit-border-radius: 4px 4px 4px 4px;
35    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
36    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
37    width: 80px;
38    height: 80px;
39    padding: 15px;
40}
41
42.containerSmallLogoEther {
43    float: right;
44    margin-right: 15px;
45}
46
47.containerMegapoli {
48    -moz-border-radius: 4px 4px 4px 4px;
49    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
50    -webkit-border-radius: 4px 4px 4px 4px;
51    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
52    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
53    width: 980px;
54    float: left;
55    margin-bottom: 10px;
56}
57
58.containerTitle {
59/*background: url("../images/nuage_bleu.png") no-repeat scroll 0 0 transparent;*/
60    font-size: 20px;
61    color: #165076;
62    font-weight: bold;
63    float: left;
64    margin-top: 9px;
65    padding-left: 177px;
66}
67
68.containerLogo {
69    -moz-border-radius: 4px 4px 4px 4px; /*-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/
70    -webkit-border-radius: 4px 4px 4px 4px;
71    float: left;
72    margin-bottom: 10px;
73    margin-right: 20px;
74    padding-left: 30px;
75    width: 120px;
76    top: -32px;
77    position: relative;
78}
79
80.containerUserLogout {
81    float: left;
82    margin-right: 5px;
83}
84
85.containerImgLogout {
86    float: right;
87    position: relative;
88    top: 13px;
89}
90
91.containerNav {
92    -moz-border-radius: 4px 4px 4px 4px;
93    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
94    -webkit-border-radius: 4px 4px 4px 4px;
95    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
96    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
97    float: left;
98    position: relative;
99    width: 334px;
100    height: 31px;
101    color: #04155D;
102    top: 4px;
103    margin-bottom: 20px; /*margin-right: 15px;*/
104    padding-top: 6px;
105    padding-left: 10px;
106    font-size: 11px;
107}
108
109.containerMenu {
110    float: right;
111}
112
113.containerTitleContentBorder {
114    float: left;
115    position: relative;
116    height: 2px;
117    border-bottom: 10px solid white;
118    z-index: 1;
119    left: -10px;
120    width: 810px;
121}
122
123.containerTitleContent {
124    -moz-border-radius: 4px 4px 0 0;
125    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
126    -webkit-border-radius: 4px 4px 0 0;
127    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
128    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
129    background-image: url("../images/fond_bleu2.png");
130    background-repeat: repeat-x;
131    float: left;
132    position: relative;
133    width: 800px;
134    height: 26px;
135    color: #165076;
136    font-weight: bold;
137    padding-left: 10px;
138    padding-top: 4px;
139}
140
141.containerCenter {
142    -moz-border-radius-topright: 0;
143    -webkit-border-radius: 0; /*#E8EFF3*//* #618EAC*/
144    background: -moz-linear-gradient(white, #E8EFF3);
145    background: -webkit-linear-gradient(white, #E8EFF3);
146    background: -ms-linear-gradient(white, #E8EFF3) repeat scroll 0 0 transparent; /*For IE10*/
147    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = 'white', endColorstr = '#E8EFF3'); /*For IE7-8-9*/
148    min-height: 400px;
149    text-align: justify;
150    position: relative;
151    top: -32px;
152    padding: 10px;
153    width: 960px;
154}
155
156.containerCenterContent {
157    padding: 10px;
158}
159
160.containerBottom {
161    background-image: url("../images/elements/button_middle_3.png");
162    background-repeat: repeat-x;
163    color: #FFFFFF;
164    height: 26px;
165    padding-right: 10px;
166    position: relative;
167    top: -32px;
168    width: 972px;
169}
170
171.containerErrors, #errors {
172    background: #FEF1EC;
173    -moz-border-radius: 4px 4px 4px 4px;
174    -webkit-border-radius: 4px 4px 4px 4px;
175    border: 1px solid #CD0A0A;
176    color: #CD0A0A;
177    padding: 10px;
178    margin: 10px;
179}
180
181.containerErrors {
182    display: none;
183}
184
185.containerInfos {
186    background: url("images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50% #F0FFF0;
187    -moz-border-radius: 4px 4px 4px 4px;
188    -webkit-border-radius: 4px 4px 4px 4px;
189    border: 1px solid #529214;
190    color: #529214;
191    padding: 10px;
192    margin: 10px;
193    display: none;
194}
195
196.containerElement {
197    color: #6178BC;
198}
199
200.containerElement:hover {
201    -moz-border-radius: 4px 4px 4px 4px;
202    -webkit-border-radius: 4px 4px 4px 4px;
203    text-decoration: none;
204    background: #70739C;
205    color: #FFFFFF;
206}
207
208.containerElement_plateform {
209    width: 84px;
210    float: left;
211}
212
213#containerMobilePlateforms .containerElement_main_plateform .containerElement_plateform:hover {
214    -moz-border-radius: 4px 0 0 4px;
215    -webkit-border-radius: 4px 0 0 4px;
216}
217
218.containerElement_plateform_dates {
219    display: none;
220    -moz-border-radius: 0 4px 4px 4px;
221    -webkit-border-radius: 0 4px 4px 4px;
222    background: #70739C;
223    color: white;
224    float: left;
225}
226
227.containerElement_main_plateform {
228    float: left;
229    width: 900px;
230}
231
232#containerMobilePlateforms {
233    padding-bottom: 117px;
234}
235
236/** ***************************************************** **/
237/** ************************ SLIDES ********************** **/
238/** ***************************************************** **/
239.containerSlide {
240    position: absolute;
241    top: 300px;
242}
243
244.containerSlideContent {
245    float: left;
246    min-height: 200px;
247    -moz-border-radius: 4px 4px 0 0;
248    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
249    -webkit-border-radius: 4px 4px 0 0;
250    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
251    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
252    margin-right: 1px;
253    display: none;
254    background-color: white;
255    padding: 18px 36px 10px;
256}
257
258.containerSlideContent2 {
259    padding-left: 10px;
260}
261
262.containerSlideButton {
263    float: left;
264    -moz-border-radius: 4px;
265    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
266    -webkit-border-radius: 4px;
267    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
268    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
269}
270
271.containerSlideButtonMentions {
272    margin-top: 51px;
273}
274
275.containerSlideButtonInfos {
276    margin-top: 102px;
277}
278
279/*#hideSlide {*/
280/*background-image: url("../images/utils/toggle_up_dark.png");*/
281/*height: 13px;*/
282/*width: 13px;*/
283/*margin-top: -10px;*/
284/*}*/
285
286#creditSlide {
287    z-index: 2;
288}
289
290#mentionSlide {
291    z-index: 1;
292}
293
294#infoSlide {
295    z-index: 0;
296}
297
298#slideContentCredits {
299    width: 700px;
300}
301
302#slideContentMentions {
303    width: 300px;
304}
305
306#slideContentInfos {
307    width: 550px;
308}
309
310/** ***************************************************** **/
311/** ************************ OTHER ********************** **/
312/** ***************************************************** **/
313#tools .complexButton {
314    float: right;
315}
316
317.colborder {
318    border-right: 1px solid #96A1BA;
319    margin-right: 15px;
320    padding-right: 29px;
321}
322
323.mainContent {
324    padding: 15px;
325}
326
327.roundTable {
328    -moz-border-radius: 4px;
329    -webkit-border-radius: 4px;
330    border: 1px solid;
331    width: 100%;
332}
333
334.smallRoundTable {
335    -moz-border-radius: 4px;
336    -webkit-border-radius: 4px;
337    border: 1px solid;
338}
339
340.divMenu_arrow, .divMenu_arrow.deployed, .divMenu_arrow_left, .divMenu_arrow_left.deployed {
341    height: 13px;
342    width: 13px;
343    position: relative;
344    float: right;
345    top: -17px;
346}
347
348.divMenu_arrow, .divMenu_arrow_left {
349    background-image: url("../images/utils/toggle_down_dark.png");
350}
351
352.divMenu_arrow_left, .divMenu_arrow_left.deployed {
353    float: left;
354    top: 4px;
355    margin-left: -19px;
356}
357
358.divMenu_arrow.deployed, .divMenu_arrow_left.deployed {
359    background-image: url("../images/utils/toggle_up_dark.png");
360}
361
362.divMenu_content {
363    display: none;
364}
365
366.parameter_name_subMenu, .parameter_name_subMenu:hover {
367    position: relative;
368    margin-left: 10px;
369    margin-right: 10px;
370}
371
372.parameter_name_subMenu:hover {
373    -moz-border-radius: 4px 4px 4px 4px;
374    -webkit-border-radius: 4px 4px 4px 4px;
375    background-color: #DDEEF6;
376}
377
378.plateform_selected, .plateform_selected:hover,
379.parameter_selected, .parameter_selected:hover {
380    -moz-border-radius: 4px 4px 4px 4px;
381    -webkit-border-radius: 4px 4px 4px 4px;
382    background: #70739C;
383    color: #E1DEF1;
384    text-decoration: none;
385}
386
387/** ***************************************************** **/
388/** ************************ PAGES ********************** **/
389/** ***************************************************** **/
390#title_tools, #title_tools .links li a {
391    height: 39px;
392}
393
394#title_tools {
395    font: 12px/18px Trebuchet MS, Arial, san-serif;
396    margin: 18px auto 12px;
397    position: relative;
398}
399
400#level2 .title {
401    color: #165076;
402    font-weight: bold;
403    padding: 0.5em;
404}
405
406.level2_more {
407    padding-bottom: 16px;
408}
409
410.elementExtract {
411    position: relative;
412    top: -2px;
413
414}
415
416.jeuxElement {
417    position: relative;
418    float: left;
419    margin-left: 30px
420}
421
422#level1 {
423    margin-bottom: 20px;
424}
425
426#level2 {
427    margin-left: 20px;
428}
429
430#level2 table {
431    border: 0 none;
432    padding: 0;
433    text-align: left;
434    width: 100%;
435}
436
437#level2 th {
438    background-color: #E9E6D9;
439    color: #596F80;
440    text-align: center;
441}
442
443#level2 td {
444    vertical-align: top;
445}
446
447table .pair, table .pairTable {
448    background-color: #F5F3EC;
449}
450
451table .impair, table .impairTable {
452    background-color: #FFFDF6;
453}
454
455.dataProtocolButton {
456/*margin-left: 140px;*/
457}
458
459.dataProtocolDownloadButton {
460    float: right;
461}
462
463.dataProtocolCheckbox, .dataProtocolCheckboxText {
464    float: left;
465    margin-left: 3px;
466    margin-top: 7px;
467}
468
469.dataProtocolCheckboxText {
470    margin-top: 4px;
471}
472
473.parameterElement, .plateformElement {
474    margin-left: 50px;
475    margin-right: 50px;
476}
477
478.loadingForParameters_meta, .loadingForPlateforms_meta {
479    margin: auto;
480}
Note: See TracBrowser for help on using the repository browser.