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

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

BO insertion données _ insertion code medias package insertion
File size: 10.1 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.disable {
197    background-color: #f5f5f5;
198    border: 1px solid #565656;
199    color: #565656;
200}
201
202.containerElement {
203    color: #6178BC;
204}
205
206.containerElement:hover {
207    -moz-border-radius: 4px 4px 4px 4px;
208    -webkit-border-radius: 4px 4px 4px 4px;
209    text-decoration: none;
210    background: #70739C;
211    color: #FFFFFF;
212}
213
214.containerElement_plateform {
215    width: 84px;
216    float: left;
217}
218
219#containerMobilePlateforms .containerElement_main_plateform .containerElement_plateform:hover {
220    -moz-border-radius: 4px 0 0 4px;
221    -webkit-border-radius: 4px 0 0 4px;
222}
223
224.containerElement_plateform_dates {
225    display: none;
226    -moz-border-radius: 0 4px 4px 4px;
227    -webkit-border-radius: 0 4px 4px 4px;
228    background: #70739C;
229    color: white;
230    float: left;
231}
232
233.containerElement_main_plateform {
234    float: left;
235    width: 900px;
236}
237
238#containerMobilePlateforms {
239    padding-bottom: 117px;
240}
241
242/** ***************************************************** **/
243/** ************************ SLIDES ********************** **/
244/** ***************************************************** **/
245.containerSlide {
246    position: absolute;
247    top: 300px;
248}
249
250.containerSlideContent {
251    float: left;
252    min-height: 200px;
253    -moz-border-radius: 4px 4px 0 0;
254    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
255    -webkit-border-radius: 4px 4px 0 0;
256    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
257    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
258    margin-right: -50px;
259    display: none;
260    background-color: white;
261    padding: 18px 51px 10px 36px;
262}
263
264.containerSlideContent2 {
265    padding-left: 10px;
266}
267
268.containerSlideButton {
269    float: left; /*-moz-border-radius: 4px;*/
270/*-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
271/*-webkit-border-radius: 4px;*/
272/*-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
273/*box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
274}
275
276.containerSlideButtonMentions {
277    margin-top: 65px;
278}
279
280.containerSlideButtonInfos {
281    margin-top: 122px;
282}
283
284/*#hideSlide {*/
285/*background-image: url("../images/utils/toggle_up_dark.png");*/
286/*height: 13px;*/
287/*width: 13px;*/
288/*margin-top: -10px;*/
289/*}*/
290
291#creditSlide {
292    z-index: 2;
293}
294
295#mentionSlide {
296    z-index: 1;
297}
298
299#infoSlide {
300    z-index: 0;
301}
302
303#slideContentCredits {
304    width: 700px;
305}
306
307#slideContentMentions {
308    width: 300px;
309}
310
311#slideContentInfos {
312    width: 550px;
313}
314
315/** ***************************************************** **/
316/** ************************ OTHER ********************** **/
317/** ***************************************************** **/
318#tools .complexButton {
319    float: right;
320}
321
322.colborder {
323    border-right: 1px solid #96A1BA;
324    margin-right: 15px;
325    padding-right: 29px;
326}
327
328.mainContent {
329    padding: 15px;
330}
331
332.roundTable {
333    -moz-border-radius: 4px;
334    -webkit-border-radius: 4px;
335    border: 1px solid;
336    width: 100%;
337}
338
339.smallRoundTable {
340    -moz-border-radius: 4px;
341    -webkit-border-radius: 4px;
342    border: 1px solid;
343}
344
345.divMenu_arrow, .divMenu_arrow.deployed, .divMenu_arrow_left, .divMenu_arrow_left.deployed {
346    height: 13px;
347    width: 13px;
348    position: relative;
349    float: right;
350    top: -17px;
351}
352
353.divMenu_arrow, .divMenu_arrow_left {
354    background-image: url("../images/utils/toggle_down_dark.png");
355}
356
357.divMenu_arrow_left, .divMenu_arrow_left.deployed {
358    float: left;
359    top: 4px;
360    margin-left: -19px;
361}
362
363.divMenu_arrow.deployed, .divMenu_arrow_left.deployed {
364    background-image: url("../images/utils/toggle_up_dark.png");
365}
366
367.divMenu_content {
368    display: none;
369}
370
371.parameter_name_subMenu, .parameter_name_subMenu:hover {
372    position: relative;
373    margin-left: 10px;
374    margin-right: 10px;
375}
376
377.parameter_name_subMenu:hover {
378    -moz-border-radius: 4px 4px 4px 4px;
379    -webkit-border-radius: 4px 4px 4px 4px;
380    background-color: #DDEEF6;
381}
382
383.plateform_selected, .plateform_selected:hover,
384.parameter_selected, .parameter_selected:hover {
385    -moz-border-radius: 4px 4px 4px 4px;
386    -webkit-border-radius: 4px 4px 4px 4px;
387    background: #70739C;
388    color: #E1DEF1;
389    text-decoration: none;
390}
391
392/** ***************************************************** **/
393/** ************************ PAGES ********************** **/
394/** ***************************************************** **/
395#title_tools, #title_tools .links li a {
396    height: 39px;
397}
398
399#title_tools {
400    font: 12px/18px Trebuchet MS, Arial, san-serif;
401    margin: 18px auto 12px;
402    position: relative;
403}
404
405#level2 .title {
406    color: #165076;
407    font-weight: bold;
408    padding: 0.5em;
409}
410
411.level2_more {
412    padding-bottom: 16px;
413}
414
415.elementExtract {
416    position: relative;
417    top: -2px;
418
419}
420
421.jeuxElement {
422    position: relative;
423    float: left;
424    margin-left: 30px
425}
426
427#level1 {
428    margin-bottom: 20px;
429}
430
431#level2 {
432    margin-left: 20px;
433}
434
435#level2 table {
436    border: 0 none;
437    padding: 0;
438    text-align: left;
439    width: 100%;
440}
441
442#level2 th {
443    background-color: #E9E6D9;
444    color: #596F80;
445    text-align: center;
446}
447
448#level2 td {
449    vertical-align: top;
450}
451
452table .pair, table .pairTable {
453    background-color: #F5F3EC;
454}
455
456table .impair, table .impairTable {
457    background-color: #FFFDF6;
458}
459
460.dataProtocolButton {
461/*margin-left: 140px;*/
462}
463
464.dataProtocolDownloadButton {
465    float: right;
466}
467
468.dataProtocolCheckbox, .dataProtocolCheckboxText {
469    float: left;
470    margin-left: 3px;
471    margin-top: 7px;
472}
473
474.dataProtocolCheckboxText {
475    margin-top: 4px;
476}
477
478.parameterElement, .plateformElement {
479    margin-left: 50px;
480    margin-right: 50px;
481}
482
483.loadingForParameters_meta, .loadingForPlateforms_meta {
484    margin: auto;
485}
Note: See TracBrowser for help on using the repository browser.