Rev 64 | Rev 89 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed
Rev | Author | Line No. | Line |
---|---|---|---|
44 | fvelez | 1 | |
20 | fvelez | 2 | /*********** Site Struture *************/ |
44 | fvelez | 3 | BODY *, .contentPortal, .contentPortal p, .contentPortal li |
1 | fvelez | 4 | { |
44 | fvelez | 5 | FONT-FAMILY: "Lucida Grande","Trebuchet MS","bitstream vera sans",Verdana,Arial,Helvetica,sans-serif; |
6 | FONT-SIZE:0.98em; |
||
1 | fvelez | 7 | } |
8 | |||
84 | jmachado | 9 | .pFooter |
10 | { |
||
11 | background-color:#8EC73F; |
||
12 | font-size:0.7em; |
||
13 | border-top: 1px solid #cccccc; |
||
14 | border-bottom: 1px solid #cccccc; |
||
15 | text-align:right; |
||
16 | clear:both; |
||
17 | |||
18 | } |
||
19 | .pFooter a |
||
20 | { |
||
21 | font-style:italic; |
||
22 | } |
||
23 | |||
5 | fvelez | 24 | #body |
25 | { |
||
54 | jmachado | 26 | width:950px; |
27 | margin-left: auto; |
||
28 | margin-right: auto; |
||
5 | fvelez | 29 | } |
30 | |||
36 | fvelez | 31 | #pageStructure |
1 | fvelez | 32 | { |
36 | fvelez | 33 | border-collapse :collapse ; |
20 | fvelez | 34 | LEFT: 0; |
35 | WIDTH: 100%; |
||
1 | fvelez | 36 | } |
37 | |||
25 | fvelez | 38 | /*#page |
1 | fvelez | 39 | { |
20 | fvelez | 40 | LEFT: 0; |
41 | WIDTH: 100% |
||
25 | fvelez | 42 | } */ |
1 | fvelez | 43 | |
20 | fvelez | 44 | TD#leftPage |
1 | fvelez | 45 | { |
20 | fvelez | 46 | VERTICAL-ALIGN: top; |
47 | WIDTH: 160px; |
||
48 | text-align:left; |
||
1 | fvelez | 49 | } |
50 | |||
20 | fvelez | 51 | #leftPagePosition |
1 | fvelez | 52 | { |
20 | fvelez | 53 | CLEAR: left; |
54 | LEFT: 0; |
||
55 | FLOAT: left; |
||
36 | fvelez | 56 | PADDING-TOP: 43px; |
1 | fvelez | 57 | } |
20 | fvelez | 58 | |
39 | fvelez | 59 | TD.rightPage,TD.rightPagePortal |
60 | { |
||
20 | fvelez | 61 | VERTICAL-ALIGN: top; |
62 | WIDTH: 160px; |
||
1 | fvelez | 63 | } |
20 | fvelez | 64 | |
39 | fvelez | 65 | .rightPagePosition |
33 | fvelez | 66 | { |
20 | fvelez | 67 | CLEAR: left; |
68 | LEFT: 0; |
||
69 | FLOAT: left; |
||
70 | PADDING-BOTTOM: 20px; |
||
1 | fvelez | 71 | } |
20 | fvelez | 72 | |
73 | #footer |
||
1 | fvelez | 74 | { |
20 | fvelez | 75 | HEIGHT: 50px; |
76 | PADDING-TOP: 5px; |
||
1 | fvelez | 77 | } |
20 | fvelez | 78 | |
79 | #footerStructure TABLE |
||
1 | fvelez | 80 | { |
20 | fvelez | 81 | BORDER-RIGHT: 0; |
82 | BORDER-TOP: 0; |
||
83 | RIGHT: 0; |
||
84 | LEFT: 0; |
||
1 | fvelez | 85 | MARGIN: 0; |
20 | fvelez | 86 | BORDER-LEFT: 0; |
87 | WIDTH: 100%; |
||
1 | fvelez | 88 | PADDING-TOP: 0; |
20 | fvelez | 89 | BORDER-BOTTOM: 0; |
90 | TOP: 0; |
||
91 | border-spacing: 0 |
||
1 | fvelez | 92 | } |
20 | fvelez | 93 | #footerStructure TABLE TD |
1 | fvelez | 94 | { |
20 | fvelez | 95 | VERTICAL-ALIGN: top |
1 | fvelez | 96 | } |
25 | fvelez | 97 | /****************************Text Size*************************************************/ |
11 | fvelez | 98 | |
25 | fvelez | 99 | h1 |
100 | { |
||
48 | fvelez | 101 | font-size:1.2em; |
25 | fvelez | 102 | } |
103 | h2 |
||
104 | { |
||
48 | fvelez | 105 | font-size:1em; |
25 | fvelez | 106 | } |
20 | fvelez | 107 | |
25 | fvelez | 108 | /*************************************************************************************/ |
109 | |||
110 | /*****************************Portal Page Template************************************/ |
||
111 | .portal |
||
112 | { |
||
113 | } |
||
36 | fvelez | 114 | .portalContent |
25 | fvelez | 115 | { |
116 | padding-left:10px; |
||
36 | fvelez | 117 | } |
25 | fvelez | 118 | |
36 | fvelez | 119 | td.column |
120 | { |
||
121 | vertical-align:top; |
||
122 | } |
||
123 | |||
25 | fvelez | 124 | .portalContent |
125 | { |
||
36 | fvelez | 126 | padding-left:10px; |
127 | padding-right:10px; |
||
25 | fvelez | 128 | } |
129 | |||
64 | fvelez | 130 | .navLeftMenu h2 |
131 | { |
||
132 | font-size:0.9em; |
||
133 | } |
||
134 | .navLeftMenu |
||
135 | { |
||
136 | font-size:0.7em; |
||
137 | } |
||
138 | |||
42 | fvelez | 139 | .block P,.navLeftMenu h2 |
25 | fvelez | 140 | { |
54 | jmachado | 141 | background-color:#ededed; |
142 | padding-left:10px; |
||
143 | margin:0; |
||
144 | |||
25 | fvelez | 145 | } |
146 | |||
147 | .block UL |
||
148 | { |
||
149 | LIST-STYLE-TYPE: none; |
||
54 | jmachado | 150 | padding-left:10px; |
25 | fvelez | 151 | } |
152 | |||
153 | .block a:link |
||
154 | { |
||
155 | color:#4d4d4d; |
||
156 | text-decoration:none; |
||
157 | } |
||
158 | |||
159 | .block a:visited |
||
160 | { |
||
161 | color:#4d4d4d; |
||
162 | text-decoration:none; |
||
163 | } |
||
164 | |||
36 | fvelez | 165 | .block a:hover,.linkUnderlineGrayToGreen a:hover |
25 | fvelez | 166 | { |
167 | color:#8EC73F; |
||
168 | text-decoration:underline; |
||
169 | } |
||
33 | fvelez | 170 | |
171 | .portalLeftAnnouncements table |
||
172 | { |
||
39 | fvelez | 173 | table-layout:fixed; |
174 | width:180px; |
||
175 | padding-top:10px; |
||
64 | fvelez | 176 | font-size:0.8em; |
33 | fvelez | 177 | } |
178 | |||
179 | .portalRightAnnouncements table |
||
180 | { |
||
54 | jmachado | 181 | table-layout:fixed; |
182 | width:250px; |
||
64 | fvelez | 183 | font-size:0.8em; |
33 | fvelez | 184 | } |
185 | |||
36 | fvelez | 186 | .portalAnnouncement a:link,.portalAnnouncement a:visited |
33 | fvelez | 187 | { |
54 | jmachado | 188 | margin:0; |
33 | fvelez | 189 | } |
190 | |||
36 | fvelez | 191 | .portalAnnouncementTitle a |
33 | fvelez | 192 | { |
54 | jmachado | 193 | color:#000000; |
36 | fvelez | 194 | } |
195 | |||
196 | .portalAnnouncement a |
||
197 | { |
||
54 | jmachado | 198 | text-decoration :none; |
36 | fvelez | 199 | } |
200 | |||
201 | .portalAnnouncementText a:link,.portalAnnouncementText a:visited |
||
202 | { |
||
54 | jmachado | 203 | color:#4d4d4d; |
33 | fvelez | 204 | } |
42 | fvelez | 205 | |
206 | .navleftMenu |
||
207 | { |
||
208 | width:180px; |
||
54 | jmachado | 209 | padding-left:10px; |
42 | fvelez | 210 | } |
211 | |||
212 | #portalMenu li.selected a |
||
213 | { |
||
54 | jmachado | 214 | color:#8EC73F; |
42 | fvelez | 215 | } |
25 | fvelez | 216 | /**********************************************************************************/ |
217 | |||
218 | /****************************** Standard Page Template ***************************/ |
||
61 | fvelez | 219 | .contentPortal h1 |
25 | fvelez | 220 | { |
61 | fvelez | 221 | background-color:#8EC73F; |
222 | color:#FFFFFF; |
||
64 | fvelez | 223 | font-size:1.2em; |
25 | fvelez | 224 | } |
225 | |||
64 | fvelez | 226 | .contentPortal h2 |
227 | { |
||
228 | font-size:1em; |
||
229 | } |
||
230 | |||
231 | .contentPortal |
||
232 | { |
||
233 | font-size:0.75em; |
||
234 | } |
||
235 | |||
61 | fvelez | 236 | .contentPortal p |
25 | fvelez | 237 | { |
61 | fvelez | 238 | margin:0; |
239 | color:#4d4d4d; |
||
25 | fvelez | 240 | } |
241 | |||
61 | fvelez | 242 | .section |
25 | fvelez | 243 | { |
61 | fvelez | 244 | margin-bottom:10px; |
25 | fvelez | 245 | } |
246 | |||
62 | fvelez | 247 | .contentPortal li a:link,.contentPortal a:visited,.contentPortal li |
25 | fvelez | 248 | { |
61 | fvelez | 249 | color:#4d4d4d; |
25 | fvelez | 250 | } |
61 | fvelez | 251 | .contentPortal li a:hover |
25 | fvelez | 252 | { |
54 | jmachado | 253 | color:#8EC73F; |
25 | fvelez | 254 | } |
255 | |||
256 | .listClean UL /*Lista sem nada*/ |
||
257 | { |
||
54 | jmachado | 258 | LIST-STYLE-TYPE: none; |
259 | padding:0; |
||
25 | fvelez | 260 | } |
261 | |||
262 | .listCircleWhite UL/*Lista circulo branco*/ |
||
263 | { |
||
54 | jmachado | 264 | LIST-STYLE-TYPE: circle; |
25 | fvelez | 265 | } |
266 | |||
267 | .listDecimal UL/*Lista decimal*/ |
||
268 | { |
||
54 | jmachado | 269 | LIST-STYLE-TYPE: decimal; |
25 | fvelez | 270 | } |
271 | |||
272 | .listDisc UL/*Lista circulo preto*/ |
||
273 | { |
||
54 | jmachado | 274 | LIST-STYLE-TYPE: disc; |
25 | fvelez | 275 | } |
276 | |||
277 | .listSquare UL/*Lista quadrado preto*/ |
||
278 | { |
||
54 | jmachado | 279 | LIST-STYLE-TYPE: square; |
25 | fvelez | 280 | } |
281 | |||
56 | fvelez | 282 | .portalLeftAnnouncements img |
283 | { |
||
284 | height:133px; |
||
61 | fvelez | 285 | width:177px; |
56 | fvelez | 286 | } |
287 | |||
54 | jmachado | 288 | /*PASSA PARA AQUI TUDO O QUE SEJA DE BLOCOS E VAMOS LIMPAR TUDO */ |
289 | |||
290 | /*Isto tem de ser generico o H1 jáe um header nao necessita da classe .header para nada*/ |
||
291 | /*Block Titles*/ |
||
56 | fvelez | 292 | .content h1, #lastnews h1 |
32 | fvelez | 293 | { |
54 | jmachado | 294 | margin-bottom:1px; |
295 | color:#FFFFFF; |
||
296 | background-color:#8EC73F; |
||
297 | padding-left:10px; |
||
32 | fvelez | 298 | } |
299 | |||
54 | jmachado | 300 | /*********************************************************************************/ |
301 | /******************************* Index Page***************************************/ |
||
302 | #flashTopNews * td, #flashCenterNews * td, #flashBottomNews * td |
||
36 | fvelez | 303 | { |
54 | jmachado | 304 | vertical-align:top; |
36 | fvelez | 305 | } |
54 | jmachado | 306 | /*FlashTopNews*/ |
307 | #flashTopNews |
||
32 | fvelez | 308 | { |
54 | jmachado | 309 | padding:0; |
310 | margin:0; |
||
32 | fvelez | 311 | } |
54 | jmachado | 312 | #flashTopNews .container |
32 | fvelez | 313 | { |
314 | background-color:#4d4d4d; |
||
54 | jmachado | 315 | height:100px; |
316 | width:100%; |
||
317 | margin:0; |
||
32 | fvelez | 318 | } |
54 | jmachado | 319 | #flashTopNews .container .textContainer |
32 | fvelez | 320 | { |
54 | jmachado | 321 | margin:0; |
322 | text-align :justify; |
||
53 | jmachado | 323 | } |
54 | jmachado | 324 | #flashTopNews .container .imageContainer |
53 | jmachado | 325 | { |
326 | margin:0; |
||
54 | jmachado | 327 | text-align :right; |
56 | fvelez | 328 | text-decoration:none; |
48 | fvelez | 329 | } |
330 | #flashTopNews img |
||
331 | { |
||
56 | fvelez | 332 | height:167px; |
61 | fvelez | 333 | width:341px; |
48 | fvelez | 334 | } |
54 | jmachado | 335 | #flashTopNews * td |
48 | fvelez | 336 | { |
54 | jmachado | 337 | vertical-align:top; |
48 | fvelez | 338 | } |
54 | jmachado | 339 | #flashTopNews .container .textContainer h2 |
48 | fvelez | 340 | { |
54 | jmachado | 341 | margin:0; |
342 | margin-top:1px; |
||
32 | fvelez | 343 | } |
54 | jmachado | 344 | #flashTopNews .container .textContainer p |
345 | { |
||
346 | margin:0; |
||
347 | margin-top:1px; |
||
348 | } |
||
349 | #flashTopNews h2 a:link,#flashTopNews h2 a:visited |
||
350 | { |
||
351 | color:#8EC73F; |
||
352 | font-weight:bold; |
||
56 | fvelez | 353 | text-decoration:none; |
54 | jmachado | 354 | } |
355 | #flashTopNews p a:link, #flashTopNews p a:visited |
||
356 | { |
||
357 | color:#FFFFFF; |
||
56 | fvelez | 358 | text-decoration:none; |
54 | jmachado | 359 | } |
32 | fvelez | 360 | |
54 | jmachado | 361 | /*FlashCenterNews*/ |
362 | #flashCenterNews |
||
32 | fvelez | 363 | { |
54 | jmachado | 364 | margin-top:2px; |
42 | fvelez | 365 | border-top-style: dotted; |
54 | jmachado | 366 | border-top-color:gray; |
32 | fvelez | 367 | } |
54 | jmachado | 368 | #flashCenterNews .container |
32 | fvelez | 369 | { |
54 | jmachado | 370 | width:100%; |
371 | margin:0; |
||
32 | fvelez | 372 | } |
54 | jmachado | 373 | #flashCenterNews .textContainer |
32 | fvelez | 374 | { |
375 | padding-top :10px; |
||
376 | } |
||
54 | jmachado | 377 | #flashCenterNews h2 a:link,#flashCenterNews h2 a:visited |
32 | fvelez | 378 | { |
379 | color:#8EC73F; |
||
54 | jmachado | 380 | font-weight:bold; |
56 | fvelez | 381 | text-decoration:none; |
32 | fvelez | 382 | } |
54 | jmachado | 383 | #flashCenterNews p a:link, #flashCenterNews p a:visited |
32 | fvelez | 384 | { |
54 | jmachado | 385 | color:#4d4d4d; |
56 | fvelez | 386 | text-decoration:none; |
32 | fvelez | 387 | } |
56 | fvelez | 388 | #flashCenterNews img,#flashCenterNews td.imageContainer |
32 | fvelez | 389 | { |
56 | fvelez | 390 | width:133px; |
61 | fvelez | 391 | height:133px; |
36 | fvelez | 392 | } |
393 | |||
56 | fvelez | 394 | |
395 | |||
54 | jmachado | 396 | /*FlashBottomNews*/ |
397 | #flashBottomNews img |
||
36 | fvelez | 398 | { |
56 | fvelez | 399 | width:100px; |
61 | fvelez | 400 | height:100px; |
32 | fvelez | 401 | } |
402 | |||
56 | fvelez | 403 | #flashBottomNews h2 a:link,#flashBottomNews h2 a:visited |
404 | { |
||
405 | color:#8EC73F; |
||
406 | font-weight:bold; |
||
407 | } |
||
408 | |||
409 | #flashBottomNews p a:link,#flashBottomNews p a:visited |
||
410 | { |
||
411 | color:#4d4d4d; |
||
412 | } |
||
413 | |||
54 | jmachado | 414 | /*Last News Block*/ |
64 | fvelez | 415 | #lastnews |
416 | { |
||
417 | font-size:0.8em; |
||
418 | } |
||
419 | |||
54 | jmachado | 420 | #lastnews ul |
32 | fvelez | 421 | { |
54 | jmachado | 422 | list-style: none; |
423 | width:160px; |
||
424 | LIST-STYLE-TYPE: none; |
||
425 | padding:0; |
||
426 | margin:0; |
||
32 | fvelez | 427 | } |
54 | jmachado | 428 | #lastnews li |
32 | fvelez | 429 | { |
54 | jmachado | 430 | margin:0; |
431 | padding:0; |
||
32 | fvelez | 432 | } |
54 | jmachado | 433 | #lastnews li h2 |
32 | fvelez | 434 | { |
54 | jmachado | 435 | padding:0; |
436 | padding-left:2px; |
||
437 | margin:1px; |
||
32 | fvelez | 438 | } |
54 | jmachado | 439 | #lastnews li h2 a,.linkLeftMenu a |
11 | fvelez | 440 | { |
54 | jmachado | 441 | text-decoration:none; |
11 | fvelez | 442 | } |
54 | jmachado | 443 | #lastnews li h2 a:link,.linkLeftMenu a:link |
444 | { |
||
445 | color:#4d4d4d; |
||
446 | } |
||
447 | #lastnews li h2 a:visited,.linkLeftMenu a:visited |
||
448 | { |
||
449 | color:#4d4d4d; |
||
450 | } |
||
451 | #lastnews li h2 a:hover,.linkLeftMenu a:hover |
||
56 | fvelez | 452 | { |
54 | jmachado | 453 | color:#8EC73F; |
454 | } |
||
11 | fvelez | 455 | |
54 | jmachado | 456 | /**/ |
457 | |||
458 | /*LEFT MENUS*/ |
||
36 | fvelez | 459 | #leftMenuModule h2 |
11 | fvelez | 460 | { |
20 | fvelez | 461 | MARGIN: 0; |
54 | jmachado | 462 | color:#8EC73F; |
11 | fvelez | 463 | } |
20 | fvelez | 464 | #leftMenuModule UL |
1 | fvelez | 465 | { |
466 | MARGIN: 0; |
||
20 | fvelez | 467 | WIDTH: 155px; |
1 | fvelez | 468 | } |
36 | fvelez | 469 | /*********************************************************************************/ |
1 | fvelez | 470 | |
35 | fvelez | 471 | /****************** topnav **********************/ |
1 | fvelez | 472 | |
473 | #topnav |
||
474 | { |
||
42 | fvelez | 475 | color:#FFFFFF; |
476 | text-decoration:none; |
||
477 | BACKGROUND-COLOR: #8EC73F; |
||
1 | fvelez | 478 | FONT: 11px/20px "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif |
479 | } |
||
480 | |||
481 | #topnav LI A:hover |
||
482 | { |
||
42 | fvelez | 483 | COLOR:#4d4d4d; |
484 | BACKGROUND-COLOR: #FFFFFF |
||
1 | fvelez | 485 | } |
42 | fvelez | 486 | #topnav LI A |
487 | { |
||
488 | color:#FFFFFF; |
||
489 | text-decoration:none; |
||
490 | } |
||
1 | fvelez | 491 | |
492 | #topnav UL |
||
493 | { |
||
494 | PADDING-RIGHT: 0; |
||
495 | PADDING-LEFT: 0; |
||
496 | PADDING-BOTTOM: 10px; |
||
497 | MARGIN: 0; |
||
498 | WIDTH: 155px; |
||
499 | LINE-HEIGHT: 1.5em; |
||
500 | PADDING-TOP: 0; |
||
501 | LIST-STYLE-TYPE: none |
||
502 | } |
||
503 | |||
504 | #topnav LI |
||
505 | { |
||
506 | PADDING-RIGHT: 0; |
||
507 | DISPLAY: inline; |
||
508 | PADDING-LEFT: 0; |
||
509 | PADDING-BOTTOM: 0; |
||
510 | MARGIN: 0; |
||
42 | fvelez | 511 | PADDING-TOP: 0; |
1 | fvelez | 512 | } |
42 | fvelez | 513 | /*****************************************************************************************/ |
1 | fvelez | 514 | |
20 | fvelez | 515 | /************************************** Content Structure ********************************/ |
64 | fvelez | 516 | .contentPortal |
517 | { |
||
518 | padding-left:10px; |
||
519 | padding-top:10px; |
||
520 | } |
||
1 | fvelez | 521 | |
64 | fvelez | 522 | .content h2 |
523 | { |
||
524 | font-size:1em; |
||
525 | } |
||
526 | |||
527 | .content |
||
528 | { |
||
529 | font-size:0.8em; |
||
530 | } |
||
531 | |||
532 | .content a:link,.content a:visited |
||
533 | { |
||
534 | color:#4d4d4d; |
||
535 | } |
||
536 | |||
537 | .content a:hover |
||
538 | { |
||
539 | color:#8EC73F |
||
540 | } |
||
541 | |||
39 | fvelez | 542 | .content,.contentPortal |
1 | fvelez | 543 | { |
20 | fvelez | 544 | LEFT: 0; |
545 | RIGHT: 0; |
||
546 | WIDTH: 100%; |
||
547 | PADDING-BOTTOM: 10px; |
||
1 | fvelez | 548 | VERTICAL-ALIGN: top; |
39 | fvelez | 549 | } |
550 | |||
551 | .contentPortal |
||
552 | { |
||
553 | border-left: #8EC73F solid 2px; |
||
33 | fvelez | 554 | border-top: #8EC73F solid 2px; |
39 | fvelez | 555 | border-bottom: #8EC73F solid 2px; |
1 | fvelez | 556 | } |
11 | fvelez | 557 | |
39 | fvelez | 558 | .rightPagePortal |
559 | { |
||
560 | background-color:#ededed; |
||
561 | border-right: #8EC73F solid 2px; |
||
562 | border-top: #8EC73F solid 2px; |
||
563 | border-bottom: #8EC73F solid 2px; |
||
42 | fvelez | 564 | } |
20 | fvelez | 565 | |
39 | fvelez | 566 | |
20 | fvelez | 567 | /*****************************************************************************************/ |
568 | |||
569 | /************************************* Footer Modules ***********************************/ |
||
570 | |||
571 | #license UL |
||
572 | { |
||
42 | fvelez | 573 | COLOR: #4D4D4D; |
20 | fvelez | 574 | PADDING-RIGHT: 0; |
575 | PADDING-LEFT: 0; |
||
576 | FONT-SIZE: 12px; |
||
577 | TEXT-ALIGN: center; |
||
578 | MARGIN: 0; |
||
579 | LIST-STYLE-TYPE: none; |
||
11 | fvelez | 580 | } |
581 | |||
20 | fvelez | 582 | #footer #organizations |
1 | fvelez | 583 | { |
584 | } |
||
11 | fvelez | 585 | |
20 | fvelez | 586 | #footer #sponsors |
11 | fvelez | 587 | { |
588 | } |
||
589 | |||
61 | fvelez | 590 | #footer a:link,#footer a:visited |
591 | { |
||
592 | color:#4d4d4d; |
||
593 | } |
||
594 | #footer a:hover |
||
595 | { |
||
596 | color:#8EC73F; |
||
597 | } |
||
598 | |||
20 | fvelez | 599 | /**************************************************************************************/ |
600 | |||
601 | /******************************** Bar Module Color ************************************/ |
||
602 | TD #topBar |
||
1 | fvelez | 603 | { |
20 | fvelez | 604 | font-weight:bold; |
605 | color:white; |
||
606 | background-color:#8EC73F; |
||
607 | padding-left:10px; |
||
608 | FONT-SIZE: 18px |
||
1 | fvelez | 609 | } |
20 | fvelez | 610 | /**************************************************************************************/ |
1 | fvelez | 611 | |
20 | fvelez | 612 | /******************************** Background Color ************************************/ |
613 | /*Gray background*/ |
||
42 | fvelez | 614 | #backOne |
1 | fvelez | 615 | { |
20 | fvelez | 616 | background-color:#4D4D4D; |
11 | fvelez | 617 | } |
20 | fvelez | 618 | /**************************************************************************************/ |
11 | fvelez | 619 | |
22 | fvelez | 620 | /*************************Staff Links Structure***************************************/ |
621 | .staffLinks P |
||
622 | { |
||
54 | jmachado | 623 | font-weight :bold; |
22 | fvelez | 624 | } |
625 | /*************************************************************************************/ |
||
61 | fvelez | 626 | form , .boxHorizontal |
1 | fvelez | 627 | { |
628 | margin:0; |
||
629 | padding:3px; |
||
61 | fvelez | 630 | border:0px #793B0D solid ; |
631 | background-color:#FFFFFF; |
||
1 | fvelez | 632 | } |
61 | fvelez | 633 | .boxHorizontal |
634 | { |
||
635 | padding-top:33px; |
||
636 | padding-left:180px; |
||
637 | } |
||
1 | fvelez | 638 | |
639 | .form th, .boxHorizontal th |
||
640 | { |
||
641 | margin:0; |
||
642 | padding-left:10px; |
||
643 | padding-top:3px; |
||
644 | padding-bottom:3px; |
||
645 | padding-right:15px; |
||
61 | fvelez | 646 | color:#4d4d4d; |
647 | background-color: #FFFFFF; |
||
648 | border: 0px solid #793B0D; |
||
649 | font-size:0.86em; |
||
1 | fvelez | 650 | font-weight:bold; |
651 | font-family:Helvetica,sans-serif; |
||
652 | text-align:left; |
||
653 | } |
||
654 | |||
655 | .form td, .boxHorizontal td |
||
656 | { |
||
657 | margin:0; |
||
658 | padding-left:10px; |
||
659 | padding-top:3px; |
||
660 | padding-bottom:3px; |
||
661 | padding-right:15px; |
||
662 | color:#793B0D; |
||
663 | background-color: #FFFFFF; |
||
61 | fvelez | 664 | border: 0px solid #793B0D; |
1 | fvelez | 665 | font-size:0.8em; |
666 | font-family:Helvetica,sans-serif; |
||
667 | vertical-align:middle; |
||
668 | } |
||
669 | |||
670 | .form .buttons td, .boxHorizontal .buttons td |
||
671 | { |
||
672 | text-align:center; |
||
61 | fvelez | 673 | background-color: #FFFFFF; |
1 | fvelez | 674 | } |
675 | |||
676 | .form textarea, .boxHorizontal textarea |
||
677 | { |
||
678 | width:600px; |
||
679 | height:300px; |
||
680 | |||
681 | } |
||
682 | |||
683 | .form input[type="text"], .form input[type="password"] |
||
684 | { |
||
685 | width:600px; |
||
686 | } |
||
687 | .form input.date |
||
688 | { |
||
689 | width:100px; |
||
690 | } |
||
691 | |||
692 | |||
693 | |||
694 | |||
695 | /* PAGE LAYOUTS */ |
||
696 | |||
697 | .seccao, .seccao p |
||
698 | { |
||
699 | padding:30px; |
||
700 | font-size:0.95em; |
||
701 | font-family: Helvetica, sans-serif; |
||
702 | } |
||
703 | .seccao p |
||
704 | { |
||
705 | padding:4px; |
||
706 | } |
||
707 | .seccao h1 |
||
708 | { |
||
709 | font-size:1.1em; |
||
710 | font-weight:bold; |
||
711 | font-family:Helvetica,sans-serif; |
||
712 | color:red; |
||
713 | } |
||
714 | |||
715 | .seccao .seccao h1 |
||
716 | { |
||
717 | font-size:1em; |
||
718 | font-weight:bold; |
||
719 | font-family: Helvetica,sans-serif; |
||
720 | color:red; |
||
721 | } |
||
722 | |||
723 | |||
724 | /*Butões*/ |
||
725 | |||
726 | input[type="text"] , input[type="password"] |
||
727 | { |
||
728 | FONT-SIZE: 0.8em; |
||
729 | FONT-FAMILY:Helvetica; |
||
730 | } |
||
731 | |||
732 | input[type="button"], input[type="submit"] |
||
733 | { |
||
61 | fvelez | 734 | color: #4d4d4d; |
1 | fvelez | 735 | border-top-width: 1px; |
736 | border-right-width: 1px; |
||
737 | border-bottom-width: 1px; |
||
738 | border-left-width: 1px; |
||
739 | border-top-style: solid; |
||
740 | border-right-style: solid; |
||
741 | border-bottom-style: solid; |
||
742 | border-left-style: solid; |
||
61 | fvelez | 743 | border-top-color:#4d4d4d; |
744 | border-right-color: #4d4d4d; |
||
745 | border-bottom-color: #4d4d4d; |
||
746 | border-left-color: #4d4d4d; |
||
1 | fvelez | 747 | background-color: transparent; |
748 | background-image: none; |
||
749 | background-repeat: repeat; |
||
750 | background-attachment: scroll; |
||
751 | } |
||
752 | |||
753 | input[type="button"]:hover, input[type="submit"]:hover |
||
754 | { |
||
61 | fvelez | 755 | background-color: #8EC73F; |
1 | fvelez | 756 | background-image: none; |
757 | background-repeat: repeat; |
||
758 | background-attachment: scroll; |
||
759 | cursor: pointer; |
||
760 | color: white; |
||
761 | } |
||
762 | |||
763 | /*Errors and Warnings*/ |
||
764 | .statusOK |
||
765 | { |
||
766 | padding: 2px; |
||
767 | list-style-type: none; |
||
768 | color: green; |
||
769 | background-color: #FFEEDD; |
||
770 | } |
||
771 | |||
772 | .statusERROR |
||
773 | { |
||
774 | color:red; |
||
775 | } |
||
776 | |||
777 | .statusWARNING |
||
778 | { |
||
779 | padding: 2px; |
||
780 | list-style-type: none; |
||
781 | color: yellow; |
||
782 | background-color: black; |
||
783 | } |
||
784 | .requiredField{ |
||
785 | color: red; |
||
786 | } |
||
787 | |||
788 | .statusSearch{ |
||
789 | color:lightblue; |
||
790 | } |
||
791 | |||
20 | fvelez | 792 | /********************************************** Navigation Menu ********************************/ |
793 | ul.menubar{ |
||
54 | jmachado | 794 | margin: 0px; |
795 | padding: 0px; |
||
796 | background-color: #FFFFFF; /* IE6 Bug */ |
||
797 | font-size: 100%; |
||
1 | fvelez | 798 | |
20 | fvelez | 799 | } |
800 | .submenu |
||
801 | { |
||
64 | fvelez | 802 | FONT-FAMILY: "Lucida Grande","Trebuchet MS","bitstream vera sans",Verdana,Arial,Helvetica,sans-serif; |
803 | font-size:0.8em; |
||
20 | fvelez | 804 | } |
805 | |||
806 | .menu |
||
807 | { |
||
64 | fvelez | 808 | FONT-FAMILY: "Lucida Grande","Trebuchet MS","bitstream vera sans",Verdana,Arial,Helvetica,sans-serif; |
809 | font-size:0.8em; |
||
20 | fvelez | 810 | } |
811 | |||
812 | ul.menubar .submenu{ |
||
54 | jmachado | 813 | margin: 0px; |
814 | padding: 0px; |
||
815 | list-style: none; |
||
816 | background-color: #FFFFFF; |
||
817 | float:left; |
||
20 | fvelez | 818 | } |
819 | |||
820 | ul.menubar ul.menu{ |
||
54 | jmachado | 821 | display: none; |
822 | position: absolute; |
||
823 | margin: 0px; |
||
20 | fvelez | 824 | } |
825 | |||
826 | ul.menubar a{ |
||
64 | fvelez | 827 | |
54 | jmachado | 828 | display:block; |
829 | text-decoration: none; |
||
830 | color: #4D4D4D; |
||
64 | fvelez | 831 | padding-left:5px; |
832 | padding-right:5px; |
||
833 | padding-top:2px; |
||
834 | padding-bottom:2px; |
||
20 | fvelez | 835 | } |
836 | |||
837 | ul.menubar a:hover{ |
||
54 | jmachado | 838 | display:block; |
839 | text-decoration: none; |
||
840 | color: #4D4D4D; |
||
64 | fvelez | 841 | padding-left:5px; |
842 | padding-right:5px; |
||
843 | padding-top:2px; |
||
844 | padding-bottom:2px; |
||
20 | fvelez | 845 | } |
846 | |||
36 | fvelez | 847 | .menuTop |
848 | { |
||
42 | fvelez | 849 | |
36 | fvelez | 850 | } |
851 | |||
20 | fvelez | 852 | .menu a:hover{ |
64 | fvelez | 853 | |
54 | jmachado | 854 | display:block; |
855 | /* border-left: none; |
||
20 | fvelez | 856 | border-right: none; |
857 | border-top: none; |
||
858 | border-bottom: none; */ |
||
64 | fvelez | 859 | |
20 | fvelez | 860 | } |
861 | |||
862 | ul.menu, ul.menu ul{ |
||
54 | jmachado | 863 | margin: 0; |
864 | padding: 2px; |
||
865 | /* border-left: 1px solid #ccc; |
||
866 | border-bottom: 1px solid #ccc; |
||
867 | border-top: 1px solid #ccc; |
||
868 | border-right: 1px solid #ccc; */ |
||
869 | background-color: #FFFFFF; /* IE6 Bug */ |
||
20 | fvelez | 870 | } |
871 | |||
872 | ul.menu li{ |
||
54 | jmachado | 873 | position: relative; |
874 | list-style: none; |
||
875 | /*border: 0px;*/ |
||
876 | opacity:0.9; |
||
877 | background-color: #4D4D4D; |
||
878 | width:250px; |
||
20 | fvelez | 879 | } |
880 | |||
881 | ul.menu li a{ |
||
54 | jmachado | 882 | display: block; |
883 | text-decoration: none; |
||
884 | /* border-bottom: 0px;*/ |
||
885 | /*color: #4D4D4D;*/ |
||
886 | /* background-color: #FFFFFF; */ |
||
887 | color: #4d4d4d; |
||
888 | background-color: #CCCCCC; |
||
64 | fvelez | 889 | padding-left:2px; |
890 | padding-right:2px; |
||
891 | padding-top:2px; |
||
892 | padding-bottom:2px; |
||
20 | fvelez | 893 | } |
894 | |||
895 | /* |
||
896 | .shadow UL{ |
||
897 | background-color: #666; |
||
898 | color: inherit; |
||
899 | position: relative; |
||
900 | padding-left:1px; |
||
901 | padding-top :0px; |
||
902 | padding-bottom:2px; |
||
903 | padding-right:2px; |
||
904 | } |
||
905 | */ |
||
906 | .shadow UL |
||
907 | { |
||
908 | background :transparent; |
||
909 | width:250px; |
||
910 | color: inherit; |
||
911 | } |
||
912 | |||
64 | fvelez | 913 | /*ul.menu li sup{ |
54 | jmachado | 914 | font-weight:bold; |
915 | font-size:7px; |
||
916 | color: red; |
||
64 | fvelez | 917 | } */ |
20 | fvelez | 918 | |
919 | /* Fix IE. Hide from IE Mac \*/ |
||
920 | * html ul.menu li { float: left; height: 1%; } |
||
921 | * html ul.menu li a { height: 1%; } |
||
922 | /* End */ |
||
923 | |||
924 | ul.menu ul{ |
||
54 | jmachado | 925 | position: absolute; |
926 | display: none; |
||
927 | left: 149px; /* Set 1px less than menu width */ |
||
928 | top: 0px; |
||
20 | fvelez | 929 | } |
930 | |||
931 | ul.menu li.submenu ul |
||
932 | { |
||
933 | display: none; |
||
934 | } /* Hide sub-menus initially */ |
||
935 | |||
936 | ul.menu li a:hover |
||
937 | { |
||
938 | background-color: #8EC73F; |
||
939 | color: #FFFFFF; |
||
940 | text-decoration :underline; |
||
941 | } |
||
942 | |||
943 | /***********************************************************************************************/ |
||
944 | |||
44 | fvelez | 945 |