source: ether_2012/trunk/web/resources/css/ether.css @ 347

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

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