Rev 393 | Rev 400 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed
Rev | Author | Line No. | Line |
---|---|---|---|
367 | jmachado | 1 | /*********** Site Struture *************/ |
146 | jmachado | 2 | BODY *, .contentPortal, .contentPortal p, .contentPortal li, div { |
104 | jmachado | 3 | FONT-FAMILY: "bitstream vera sans", Verdana, Arial, Helvetica, sans-serif; |
4 | FONT-SIZE: 11px; |
||
92 | jmachado | 5 | } |
6 | |||
214 | jmachado | 7 | .homebox img |
8 | { |
||
9 | } |
||
165 | jmachado | 10 | |
214 | jmachado | 11 | .homebox img:hover |
12 | { |
||
13 | cursor:pointer; |
||
14 | } |
||
165 | jmachado | 15 | |
249 | jmachado | 16 | label.info |
17 | { |
||
18 | FONT-SIZE: 10px; |
||
19 | font-style:italic; |
||
20 | padding-left:5px; |
||
21 | } |
||
214 | jmachado | 22 | |
165 | jmachado | 23 | /*Errors and Warnings*/ |
207 | jmachado | 24 | .statusOK, .active { |
165 | jmachado | 25 | padding: 2px; |
26 | list-style-type: none; |
||
27 | color: green; |
||
28 | background-color: #FFEEDD; |
||
29 | } |
||
30 | |||
207 | jmachado | 31 | .statusERROR *, .statusERROR, .inactive { |
165 | jmachado | 32 | color: red; |
33 | } |
||
34 | |||
207 | jmachado | 35 | .statusWARNING *, .statusWARNING { |
165 | jmachado | 36 | padding: 2px; |
37 | list-style-type: none; |
||
38 | color: yellow; |
||
39 | background-color: black; |
||
40 | } |
||
41 | |||
396 | jmachado | 42 | #header #headerTable |
43 | { |
||
44 | background-image:url(@contextPath@/imgs/topFundoTijolo.jpg) |
||
45 | } |
||
46 | |||
248 | jmachado | 47 | .log |
48 | { |
||
49 | background:gray; |
||
50 | color:#FFFFFF; |
||
51 | } |
||
52 | |||
165 | jmachado | 53 | .requiredField * { |
54 | color: red; |
||
55 | } |
||
56 | |||
57 | .statusSearch { |
||
58 | color: lightblue; |
||
59 | } |
||
207 | jmachado | 60 | |
61 | a |
||
104 | jmachado | 62 | /****************************Text Size*************************************************/ |
92 | jmachado | 63 | |
150 | jmachado | 64 | |
165 | jmachado | 65 | a input |
66 | { |
||
67 | text-decoration:none; |
||
68 | cursor:pointer; |
||
69 | } |
||
178 | jmachado | 70 | .errorPage |
71 | { |
||
72 | padding:10px; |
||
73 | } |
||
150 | jmachado | 74 | |
75 | form ul,.errorPage ul { |
||
146 | jmachado | 76 | margin-left: 15px; |
144 | jmachado | 77 | } |
146 | jmachado | 78 | |
79 | UL { |
||
80 | margin: 0; |
||
81 | padding: 0; |
||
82 | } |
||
83 | |||
104 | jmachado | 84 | h1 { |
85 | font-size: 1.2em; |
||
146 | jmachado | 86 | margin: 0; |
92 | jmachado | 87 | } |
88 | |||
104 | jmachado | 89 | h2 { |
146 | jmachado | 90 | margin: 0; |
91 | font-size: 1em; |
||
92 | jmachado | 92 | } |
93 | |||
94 | .pFooter { |
||
95 | background-color: #8EC73F; |
||
187 | jmachado | 96 | font-size: 0.8em; |
84 | jmachado | 97 | border-top: 1px solid #cccccc; |
98 | border-bottom: 1px solid #cccccc; |
||
92 | jmachado | 99 | text-align: right; |
100 | clear: both; |
||
146 | jmachado | 101 | margin-top:10px; |
84 | jmachado | 102 | } |
92 | jmachado | 103 | |
104 | .pFooter a { |
||
105 | font-style: italic; |
||
84 | jmachado | 106 | } |
214 | jmachado | 107 | |
108 | .pFooterSeccao { |
||
109 | background-color: white; |
||
110 | font-size: 0.8em; |
||
111 | border-top: 1px solid #cccccc; |
||
112 | text-align: left; |
||
113 | clear: both; |
||
114 | margin-top:10px; |
||
115 | } |
||
116 | |||
150 | jmachado | 117 | #content .pFooter a:hover |
146 | jmachado | 118 | { |
119 | color:white; |
||
120 | } |
||
84 | jmachado | 121 | |
146 | jmachado | 122 | |
92 | jmachado | 123 | #body { |
165 | jmachado | 124 | /*width: 950px;*/ |
54 | jmachado | 125 | margin-left: auto; |
126 | margin-right: auto; |
||
5 | fvelez | 127 | } |
128 | |||
92 | jmachado | 129 | #pageStructure { |
130 | border-collapse: collapse; |
||
20 | fvelez | 131 | LEFT: 0; |
132 | WIDTH: 100%; |
||
1 | fvelez | 133 | } |
134 | |||
25 | fvelez | 135 | /*#page |
1 | fvelez | 136 | { |
20 | fvelez | 137 | LEFT: 0; |
138 | WIDTH: 100% |
||
25 | fvelez | 139 | } */ |
1 | fvelez | 140 | |
92 | jmachado | 141 | TD#leftPage { |
20 | fvelez | 142 | VERTICAL-ALIGN: top; |
92 | jmachado | 143 | text-align: left; |
1 | fvelez | 144 | } |
145 | |||
92 | jmachado | 146 | #leftPagePosition { |
20 | fvelez | 147 | CLEAR: left; |
148 | LEFT: 0; |
||
149 | FLOAT: left; |
||
36 | fvelez | 150 | PADDING-TOP: 43px; |
1 | fvelez | 151 | } |
20 | fvelez | 152 | |
156 | jmachado | 153 | TD#rightPage, TD#rightPagePortal { |
146 | jmachado | 154 | VERTICAL-ALIGN: top; /*WIDTH: 160px;*/ |
1 | fvelez | 155 | } |
20 | fvelez | 156 | |
188 | jmachado | 157 | #rightPagePosition { |
20 | fvelez | 158 | CLEAR: left; |
188 | jmachado | 159 | left: 0; |
20 | fvelez | 160 | FLOAT: left; |
161 | PADDING-BOTTOM: 20px; |
||
1 | fvelez | 162 | } |
20 | fvelez | 163 | |
104 | jmachado | 164 | /*****************************************************************************************/ |
165 | |||
166 | /************************************** Content Structure ********************************/ |
||
167 | .contentPortal { |
||
156 | jmachado | 168 | padding-left: 0; |
132 | fvelez | 169 | |
104 | jmachado | 170 | } |
171 | |||
150 | jmachado | 172 | #content h2 a { |
113 | fvelez | 173 | font-size: 0.8em; |
174 | } |
||
175 | |||
150 | jmachado | 176 | #content h2 { |
104 | jmachado | 177 | font-size: 1em; |
178 | } |
||
146 | jmachado | 179 | |
150 | jmachado | 180 | #pageStructure #content { |
146 | jmachado | 181 | border-right: 0; |
182 | border-top: 0; |
||
183 | border-bottom: 0; |
||
184 | border-left: 1px solid #8ec73f; |
||
185 | margin-right:1px; |
||
104 | jmachado | 186 | } |
144 | jmachado | 187 | |
150 | jmachado | 188 | #pageStructure td#content { |
146 | jmachado | 189 | border-left: 1px solid #8ec73f; |
190 | border-right: 1px solid #8ec73f; |
||
191 | border-bottom: 1px solid #8ec73f; |
||
144 | jmachado | 192 | border-top: 1px solid #8ec73f; |
193 | } |
||
194 | |||
146 | jmachado | 195 | #pageStructure td.rightPage { |
196 | |||
144 | jmachado | 197 | border-top: 1px solid #8ec73f; |
198 | } |
||
199 | |||
146 | jmachado | 200 | .imageAnnouncement img, .imageBlog img |
104 | jmachado | 201 | { |
146 | jmachado | 202 | width: 341px; |
203 | height: 167px; |
||
104 | jmachado | 204 | } |
205 | |||
150 | jmachado | 206 | #content .imageAnnouncement img { |
146 | jmachado | 207 | width: 341px; |
208 | height: 167px; |
||
104 | jmachado | 209 | } |
210 | |||
146 | jmachado | 211 | |
150 | jmachado | 212 | #content { |
146 | jmachado | 213 | border: 1px solid #8ec73f; |
150 | jmachado | 214 | text-align:left; |
146 | jmachado | 215 | } |
216 | |||
380 | jmachado | 217 | #content a, .files a |
214 | jmachado | 218 | /*, .content a:visited*/ |
219 | { |
||
104 | jmachado | 220 | color: #4d4d4d; |
221 | } |
||
222 | |||
380 | jmachado | 223 | #content a:hover, .files a:hover { |
104 | jmachado | 224 | color: #8EC73F |
225 | } |
||
226 | |||
150 | jmachado | 227 | #content, .contentPortal { |
104 | jmachado | 228 | LEFT: 0; |
229 | RIGHT: 0; |
||
230 | WIDTH: 100%; |
||
156 | jmachado | 231 | PADDING-BOTTOM: 0; |
104 | jmachado | 232 | VERTICAL-ALIGN: top; |
233 | } |
||
234 | |||
215 | jmachado | 235 | #contentIntranet { |
214 | jmachado | 236 | height:100%; |
215 | jmachado | 237 | border: #8EC73F solid 1px; |
214 | jmachado | 238 | } |
215 | jmachado | 239 | #contentIntranet #contentPane { |
214 | jmachado | 240 | |
203 | jmachado | 241 | padding:10px; |
242 | } |
||
243 | |||
381 | jmachado | 244 | #contentPane .seccao, .blocked |
214 | jmachado | 245 | { |
246 | border: #8EC73F solid 1px; |
||
247 | padding:10px; |
||
248 | } |
||
376 | jmachado | 249 | .contentPane |
250 | { |
||
251 | border: #8EC73F solid 1px; |
||
252 | } |
||
253 | ul li.contentPane |
||
254 | { |
||
255 | list-style-type:none; |
||
256 | } |
||
214 | jmachado | 257 | |
376 | jmachado | 258 | |
104 | jmachado | 259 | .contentPortal { |
156 | jmachado | 260 | border: #8EC73F solid 1px; |
166 | jmachado | 261 | padding:5px; |
104 | jmachado | 262 | } |
263 | |||
264 | .rightPagePortal { |
||
265 | background-color: #ededed; |
||
266 | border-right: #8EC73F solid 2px; |
||
267 | border-top: #8EC73F solid 2px; |
||
268 | border-bottom: #8EC73F solid 2px; |
||
269 | } |
||
270 | |||
146 | jmachado | 271 | .files { |
165 | jmachado | 272 | margin-left: 10px; |
273 | margin-bottom:10px; |
||
144 | jmachado | 274 | } |
198 | jmachado | 275 | .files table |
276 | { |
||
277 | width:100%; |
||
278 | } |
||
165 | jmachado | 279 | .files table td |
280 | { |
||
281 | padding-top:2px; |
||
282 | padding-bottom:3px; |
||
283 | padding-right: 20px; |
||
198 | jmachado | 284 | |
165 | jmachado | 285 | vertical-align:middle; |
144 | jmachado | 286 | } |
198 | jmachado | 287 | .files table tr.file td, .files table tr.dir td |
288 | { |
||
289 | border-top:1px solid black; |
||
290 | } |
||
291 | .files table th |
||
292 | { |
||
293 | text-align:left; |
||
294 | } |
||
295 | .files table th |
||
296 | { |
||
297 | text-align:left; |
||
298 | } |
||
144 | jmachado | 299 | |
165 | jmachado | 300 | |
104 | jmachado | 301 | /*****************************************************************************************/ |
302 | |||
303 | /************************************* Footer Modules ***********************************/ |
||
304 | |||
92 | jmachado | 305 | #footer { |
20 | fvelez | 306 | HEIGHT: 50px; |
307 | PADDING-TOP: 5px; |
||
1 | fvelez | 308 | } |
20 | fvelez | 309 | |
92 | jmachado | 310 | #footerStructure TABLE { |
20 | fvelez | 311 | BORDER-RIGHT: 0; |
312 | BORDER-TOP: 0; |
||
313 | RIGHT: 0; |
||
314 | LEFT: 0; |
||
1 | fvelez | 315 | MARGIN: 0; |
20 | fvelez | 316 | BORDER-LEFT: 0; |
317 | WIDTH: 100%; |
||
1 | fvelez | 318 | PADDING-TOP: 0; |
20 | fvelez | 319 | BORDER-BOTTOM: 0; |
320 | TOP: 0; |
||
321 | border-spacing: 0 |
||
1 | fvelez | 322 | } |
92 | jmachado | 323 | |
324 | #footerStructure TABLE TD { |
||
20 | fvelez | 325 | VERTICAL-ALIGN: top |
1 | fvelez | 326 | } |
92 | jmachado | 327 | |
104 | jmachado | 328 | #license UL { |
329 | COLOR: #4D4D4D; |
||
330 | PADDING-RIGHT: 0; |
||
331 | PADDING-LEFT: 0; |
||
332 | FONT-SIZE: 12px; |
||
333 | TEXT-ALIGN: center; |
||
334 | MARGIN: 0; |
||
335 | LIST-STYLE-TYPE: none; |
||
336 | } |
||
11 | fvelez | 337 | |
104 | jmachado | 338 | #footer #organizations { |
25 | fvelez | 339 | } |
92 | jmachado | 340 | |
104 | jmachado | 341 | #footer #sponsors { |
25 | fvelez | 342 | } |
20 | fvelez | 343 | |
214 | jmachado | 344 | #footer a |
345 | /*, #footer a:visited */ |
||
346 | { |
||
104 | jmachado | 347 | color: #4d4d4d; |
348 | } |
||
349 | |||
350 | #footer a:hover { |
||
351 | color: #8EC73F; |
||
352 | } |
||
353 | |||
354 | /*********************************************************************************/ |
||
355 | |||
356 | /****************** topnav **********************/ |
||
357 | |||
358 | #topnav { |
||
198 | jmachado | 359 | color: black; |
104 | jmachado | 360 | text-decoration: none; |
361 | BACKGROUND-COLOR: #8EC73F; |
||
362 | FONT: 11px / 20px "bitstream vera sans", "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif |
||
363 | } |
||
364 | |||
205 | jmachado | 365 | /*#topnav LI A:visited*/ |
366 | /*{*/ |
||
367 | /*COLOR: white;*/ |
||
368 | /*}*/ |
||
104 | jmachado | 369 | #topnav LI A:hover { |
198 | jmachado | 370 | COLOR: black; |
104 | jmachado | 371 | BACKGROUND-COLOR: #FFFFFF |
372 | } |
||
373 | #topnav LI A { |
||
198 | jmachado | 374 | color: white; |
375 | text-decoration: underline; |
||
104 | jmachado | 376 | } |
377 | |||
378 | #topnav UL { |
||
146 | jmachado | 379 | margin-top: 0; |
380 | margin-left: 0; |
||
104 | jmachado | 381 | PADDING-RIGHT: 0; |
144 | jmachado | 382 | MARGIN-bottom: 2px; |
383 | MARGIN-right: 0; |
||
104 | jmachado | 384 | PADDING-TOP: 0; |
144 | jmachado | 385 | padding-left: 15px; |
104 | jmachado | 386 | LIST-STYLE-TYPE: none |
387 | } |
||
388 | |||
389 | #topnav LI { |
||
390 | PADDING-RIGHT: 0; |
||
391 | DISPLAY: inline; |
||
392 | PADDING-LEFT: 0; |
||
393 | PADDING-BOTTOM: 0; |
||
394 | MARGIN: 0; |
||
395 | PADDING-TOP: 0; |
||
396 | } |
||
397 | |||
398 | /***************************************************************** |
||
146 | jmachado | 399 | * Search Results |
400 | * |
||
401 | *****************************************************************/ |
||
104 | jmachado | 402 | |
403 | #searchResults li h1 { |
||
404 | |||
405 | background-color: #D6F0B2; |
||
406 | border-bottom: green 1px solid; |
||
146 | jmachado | 407 | padding: 2px; |
104 | jmachado | 408 | margin-bottom: 10px; |
146 | jmachado | 409 | color: black; |
104 | jmachado | 410 | } |
411 | |||
146 | jmachado | 412 | #searchResults li a { |
413 | cursor: pointer; |
||
104 | jmachado | 414 | } |
415 | |||
416 | #searchresults div.result { |
||
417 | |||
418 | margin-left: 20px; |
||
419 | border-bottom: 1px solid #8ec73f; |
||
420 | margin-bottom: 15px; |
||
421 | padding-bottom: 0; |
||
422 | } |
||
423 | |||
146 | jmachado | 424 | #searchResults li .module { |
205 | jmachado | 425 | margin-left:5px; |
104 | jmachado | 426 | } |
146 | jmachado | 427 | |
104 | jmachado | 428 | #searchResults li .module .result h2 { |
429 | |||
430 | color: black; |
||
431 | padding-top: 0; |
||
432 | margin-top: 10px; |
||
433 | cursor: pointer; |
||
434 | padding-bottom: 0; |
||
435 | } |
||
436 | |||
437 | #searchResults li .module .result p { |
||
438 | margin-top: 5px; |
||
439 | cursor: pointer; |
||
440 | margin-bottom: 0; |
||
441 | padding-bottom: 2px; |
||
442 | padding-top: 0; |
||
443 | } |
||
444 | |||
146 | jmachado | 445 | #searchResults .googleLogo { |
446 | float: right; |
||
104 | jmachado | 447 | } |
448 | |||
146 | jmachado | 449 | #searchResults .googleLogo td { |
450 | |||
451 | vertical-align: middle; |
||
104 | jmachado | 452 | color: #676767; |
453 | text-align: right; |
||
454 | font-size: 11px; |
||
455 | margin-right: 2px; |
||
456 | } |
||
146 | jmachado | 457 | |
458 | #searchResults .googleLogo td img { |
||
104 | jmachado | 459 | padding-top: 3px; |
460 | } |
||
461 | |||
205 | jmachado | 462 | #searchResults #googleResults |
463 | { |
||
464 | margin-left:5px; |
||
465 | |||
466 | } |
||
467 | |||
25 | fvelez | 468 | /*************************************************************************************/ |
469 | |||
470 | /*****************************Portal Page Template************************************/ |
||
92 | jmachado | 471 | .portal { |
25 | fvelez | 472 | } |
92 | jmachado | 473 | |
156 | jmachado | 474 | .columnTable td |
475 | { |
||
476 | margin-left: 10px; |
||
477 | } |
||
92 | jmachado | 478 | td.column { |
479 | vertical-align: top; |
||
36 | fvelez | 480 | } |
481 | |||
92 | jmachado | 482 | .navLeftMenu h2 { |
64 | fvelez | 483 | } |
92 | jmachado | 484 | |
485 | .navLeftMenu { |
||
64 | fvelez | 486 | } |
487 | |||
156 | jmachado | 488 | .block |
489 | { |
||
490 | margin-bottom:10px; |
||
238 | jmachado | 491 | border-left: 1px solid #8EC73F; |
156 | jmachado | 492 | } |
493 | |||
494 | .block .zerofound, .block table |
||
495 | { |
||
496 | margin-left:10px; |
||
497 | } |
||
498 | .block .head |
||
499 | { |
||
500 | font-style:italic; |
||
501 | } |
||
502 | |||
203 | jmachado | 503 | |
504 | .block ul li p |
||
505 | { |
||
506 | background-color:transparent; |
||
507 | font-style:italic; |
||
508 | } |
||
509 | .block ul li ul li |
||
510 | { |
||
258 | jmachado | 511 | padding-left: 0; |
203 | jmachado | 512 | } |
258 | jmachado | 513 | |
203 | jmachado | 514 | .block p, .navLeftMenu h2 { |
238 | jmachado | 515 | background-color: #8EC73F; |
259 | jmachado | 516 | padding-left: 0; |
92 | jmachado | 517 | margin: 0; |
54 | jmachado | 518 | |
25 | fvelez | 519 | } |
520 | |||
260 | jmachado | 521 | .intranetLayout .block ul |
522 | { |
||
523 | LIST-STYLE-TYPE: square; |
||
524 | } |
||
203 | jmachado | 525 | .block ul { |
260 | jmachado | 526 | |
261 | jmachado | 527 | list-style:none; |
259 | jmachado | 528 | padding-left: 18px; |
258 | jmachado | 529 | margin-left:0; |
25 | fvelez | 530 | } |
260 | jmachado | 531 | .intranetLayout .block ul ul{ |
258 | jmachado | 532 | LIST-STYLE-TYPE: circle; |
260 | jmachado | 533 | } |
534 | .block ul ul |
||
535 | { |
||
261 | jmachado | 536 | list-style:none; |
258 | jmachado | 537 | padding-left: 15px; |
538 | margin-left:0; |
||
539 | } |
||
540 | .block ul li{ |
||
541 | padding-top:5px; |
||
542 | padding-left:0; |
||
543 | margin-left:0; |
||
544 | } |
||
545 | |||
214 | jmachado | 546 | .block a { |
92 | jmachado | 547 | color: #4d4d4d; |
548 | text-decoration: none; |
||
25 | fvelez | 549 | } |
550 | |||
92 | jmachado | 551 | .block a:visited { |
205 | jmachado | 552 | /*color: #4d4d4d;*/ |
92 | jmachado | 553 | text-decoration: none; |
25 | fvelez | 554 | } |
555 | |||
92 | jmachado | 556 | .block a:hover, .linkUnderlineGrayToGreen a:hover { |
557 | color: #8EC73F; |
||
558 | text-decoration: underline; |
||
25 | fvelez | 559 | } |
33 | fvelez | 560 | |
92 | jmachado | 561 | .portalLeftAnnouncements table { |
165 | jmachado | 562 | /*table-layout: fixed;*/ |
563 | /*width: 180px;*/ |
||
92 | jmachado | 564 | padding-top: 10px; |
565 | font-size: 0.8em; |
||
33 | fvelez | 566 | } |
567 | |||
165 | jmachado | 568 | .portalRightAnnouncements table |
569 | { |
||
92 | jmachado | 570 | font-size: 0.8em; |
33 | fvelez | 571 | } |
163 | jmachado | 572 | .portalRightAnnouncements td |
573 | { |
||
574 | vertical-align:top; |
||
575 | } |
||
33 | fvelez | 576 | |
214 | jmachado | 577 | .portalAnnouncement a { |
92 | jmachado | 578 | margin: 0; |
33 | fvelez | 579 | } |
580 | |||
165 | jmachado | 581 | .portalAnnouncementTitle |
582 | { |
||
367 | jmachado | 583 | /*white-space:nowrap;*/ |
165 | jmachado | 584 | } |
92 | jmachado | 585 | .portalAnnouncementTitle a { |
586 | color: #000000; |
||
36 | fvelez | 587 | } |
588 | |||
92 | jmachado | 589 | .portalAnnouncement a { |
590 | text-decoration: none; |
||
36 | fvelez | 591 | } |
592 | |||
214 | jmachado | 593 | .portalAnnouncementText a { |
92 | jmachado | 594 | color: #4d4d4d; |
33 | fvelez | 595 | } |
42 | fvelez | 596 | |
367 | jmachado | 597 | .portalAnnouncementText, .portalAnnouncementTitle { |
598 | /*table-layout: fixed;*/ |
||
599 | width: 180px; |
||
393 | jmachado | 600 | |
367 | jmachado | 601 | } |
393 | jmachado | 602 | .portalAnnouncementTitle |
603 | { |
||
604 | font-weight:bold; |
||
605 | border-bottom: 1px solid #8EC73F; |
||
606 | } |
||
607 | .portalAnnouncementTop{ |
||
608 | /*table-layout: fixed;*/ |
||
609 | border-bottom:4px solid black; |
||
610 | border-left:3px solid #8EC73F; |
||
611 | padding:2px; |
||
612 | |||
367 | jmachado | 613 | |
393 | jmachado | 614 | } |
615 | |||
104 | jmachado | 616 | /* todo FABIO |
617 | todo Left Manus???? ao pe de portalMenus isto esta uma confusao*/ |
||
92 | jmachado | 618 | .navleftMenu { |
132 | fvelez | 619 | /*width: 180px;*/ |
92 | jmachado | 620 | padding-left: 10px; |
42 | fvelez | 621 | } |
622 | |||
146 | jmachado | 623 | |
92 | jmachado | 624 | #portalMenu li.selected a { |
625 | color: #8EC73F; |
||
42 | fvelez | 626 | } |
92 | jmachado | 627 | |
104 | jmachado | 628 | /********************************************************************************** |
629 | * TEMPLATES ESPECIFICOS: |
||
630 | * |
||
631 | * ContentPortal |
||
632 | * Standard Template |
||
633 | * IndexPage |
||
634 | * |
||
635 | ****************************** ContentPortal ***************************/ |
||
92 | jmachado | 636 | .contentPortal h1 { |
637 | background-color: #8EC73F; |
||
638 | color: #FFFFFF; |
||
639 | font-size: 1.2em; |
||
25 | fvelez | 640 | } |
641 | |||
92 | jmachado | 642 | .contentPortal h2 { |
643 | font-size: 1em; |
||
166 | jmachado | 644 | margin-top:15px; |
645 | margin-bottom:5px; |
||
64 | fvelez | 646 | } |
647 | |||
92 | jmachado | 648 | .contentPortal { |
649 | font-size: 0.75em; |
||
64 | fvelez | 650 | } |
651 | |||
92 | jmachado | 652 | .contentPortal p { |
653 | margin: 0; |
||
654 | color: #4d4d4d; |
||
25 | fvelez | 655 | } |
656 | |||
92 | jmachado | 657 | .section { |
658 | margin-bottom: 10px; |
||
25 | fvelez | 659 | } |
660 | |||
214 | jmachado | 661 | .contentPortal li a .contentPortal li { |
92 | jmachado | 662 | color: #4d4d4d; |
25 | fvelez | 663 | } |
92 | jmachado | 664 | |
665 | .contentPortal li a:hover { |
||
666 | color: #8EC73F; |
||
25 | fvelez | 667 | } |
668 | |||
215 | jmachado | 669 | |
670 | ul li ul li |
||
671 | { |
||
672 | margin-left:20px; |
||
673 | } |
||
674 | |||
675 | |||
676 | |||
166 | jmachado | 677 | .listCircleWhite ul li,.listDisc ul li, .listSquare ul li |
678 | { |
||
679 | background-color: transparent; |
||
680 | background-image: url(@contextPath@/imgs/icon_greencircle.gif); |
||
681 | background-repeat: no-repeat; |
||
682 | background-attachment: scroll; |
||
683 | background-x-position: 0pt; |
||
684 | background-y-position: 50%; |
||
685 | padding-left: 20px; |
||
249 | jmachado | 686 | padding-top:0; |
166 | jmachado | 687 | list-style-type: none; |
688 | margin-left:10px; |
||
689 | vertical-align:top; |
||
690 | } |
||
144 | jmachado | 691 | .listClean UL, .files UL /*Lista sem nada*/ |
25 | fvelez | 692 | { |
54 | jmachado | 693 | LIST-STYLE-TYPE: none; |
92 | jmachado | 694 | padding: 0; |
205 | jmachado | 695 | /*margin-left: 5px;*/ |
25 | fvelez | 696 | } |
697 | |||
92 | jmachado | 698 | .listCircleWhite UL /*Lista circulo branco*/ |
25 | fvelez | 699 | { |
166 | jmachado | 700 | /*LIST-STYLE-TYPE: circle;*/ |
701 | /*margin-left: 15px;*/ |
||
702 | } |
||
25 | fvelez | 703 | |
92 | jmachado | 704 | .listDecimal UL /*Lista decimal*/ |
25 | fvelez | 705 | { |
54 | jmachado | 706 | LIST-STYLE-TYPE: decimal; |
146 | jmachado | 707 | margin-left: 15px; |
25 | fvelez | 708 | } |
709 | |||
249 | jmachado | 710 | .listDecimal li |
711 | { |
||
712 | padding-top:5px; |
||
713 | } |
||
92 | jmachado | 714 | .listDisc UL /*Lista circulo preto*/ |
25 | fvelez | 715 | { |
166 | jmachado | 716 | /*LIST-STYLE-TYPE: disc;*/ |
717 | /*margin-left: 15px;*/ |
||
25 | fvelez | 718 | } |
719 | |||
92 | jmachado | 720 | .listSquare UL /*Lista quadrado preto*/ |
25 | fvelez | 721 | { |
166 | jmachado | 722 | /*LIST-STYLE-TYPE: square;*/ |
723 | /*margin-left: 15px;*/ |
||
25 | fvelez | 724 | } |
725 | |||
92 | jmachado | 726 | .portalLeftAnnouncements img { |
727 | height: 133px; |
||
728 | width: 177px; |
||
56 | fvelez | 729 | } |
730 | |||
54 | jmachado | 731 | /*PASSA PARA AQUI TUDO O QUE SEJA DE BLOCOS E VAMOS LIMPAR TUDO */ |
732 | |||
733 | /*Isto tem de ser generico o H1 jáe um header nao necessita da classe .header para nada*/ |
||
734 | /*Block Titles*/ |
||
150 | jmachado | 735 | #content h1, #lastnews h1 { |
92 | jmachado | 736 | margin-bottom: 1px; |
737 | color: #FFFFFF; |
||
738 | background-color: #8EC73F; |
||
739 | padding-left: 10px; |
||
32 | fvelez | 740 | } |
741 | |||
54 | jmachado | 742 | /*********************************************************************************/ |
743 | /******************************* Index Page***************************************/ |
||
92 | jmachado | 744 | #flashTopNews * td, #flashCenterNews * td, #flashBottomNews * td { |
745 | vertical-align: top; |
||
36 | fvelez | 746 | } |
92 | jmachado | 747 | |
54 | jmachado | 748 | /*FlashTopNews*/ |
92 | jmachado | 749 | #flashTopNews { |
750 | padding: 0; |
||
751 | margin: 0; |
||
32 | fvelez | 752 | } |
92 | jmachado | 753 | |
754 | #flashTopNews .container { |
||
755 | background-color: #4d4d4d; |
||
104 | jmachado | 756 | height: 95px; |
92 | jmachado | 757 | width: 100%; |
758 | margin: 0; |
||
32 | fvelez | 759 | } |
92 | jmachado | 760 | |
761 | #flashTopNews .container .textContainer { |
||
762 | margin: 0; |
||
763 | text-align: justify; |
||
53 | jmachado | 764 | } |
92 | jmachado | 765 | |
766 | #flashTopNews .container .imageContainer { |
||
767 | margin: 0; |
||
768 | text-align: right; |
||
769 | text-decoration: none; |
||
48 | fvelez | 770 | } |
92 | jmachado | 771 | |
772 | #flashTopNews img { |
||
773 | height: 167px; |
||
774 | width: 341px; |
||
48 | fvelez | 775 | } |
92 | jmachado | 776 | |
777 | #flashTopNews * td { |
||
778 | vertical-align: top; |
||
48 | fvelez | 779 | } |
92 | jmachado | 780 | |
781 | #flashTopNews .container .textContainer h2 { |
||
782 | margin: 0; |
||
783 | margin-top: 1px; |
||
32 | fvelez | 784 | } |
92 | jmachado | 785 | |
786 | #flashTopNews .container .textContainer p { |
||
787 | margin: 0; |
||
788 | margin-top: 1px; |
||
54 | jmachado | 789 | } |
92 | jmachado | 790 | |
214 | jmachado | 791 | #flashTopNews h2 a { |
92 | jmachado | 792 | color: #8EC73F; |
793 | font-weight: bold; |
||
794 | text-decoration: none; |
||
54 | jmachado | 795 | } |
92 | jmachado | 796 | |
214 | jmachado | 797 | #flashTopNews p a{ |
92 | jmachado | 798 | color: #FFFFFF; |
799 | text-decoration: none; |
||
54 | jmachado | 800 | } |
32 | fvelez | 801 | |
54 | jmachado | 802 | /*FlashCenterNews*/ |
92 | jmachado | 803 | #flashCenterNews { |
804 | margin-top: 2px; |
||
238 | jmachado | 805 | /* border-top-style: dotted;*/ |
92 | jmachado | 806 | border-top-color: gray; |
32 | fvelez | 807 | } |
92 | jmachado | 808 | |
809 | #flashCenterNews .container { |
||
810 | width: 100%; |
||
811 | margin: 0; |
||
32 | fvelez | 812 | } |
92 | jmachado | 813 | |
814 | #flashCenterNews .textContainer { |
||
815 | padding-top: 10px; |
||
32 | fvelez | 816 | } |
92 | jmachado | 817 | |
214 | jmachado | 818 | #flashCenterNews h2 a{ |
238 | jmachado | 819 | color: #589A2C; |
92 | jmachado | 820 | font-weight: bold; |
821 | text-decoration: none; |
||
32 | fvelez | 822 | } |
92 | jmachado | 823 | |
214 | jmachado | 824 | #flashCenterNews p a { |
92 | jmachado | 825 | color: #4d4d4d; |
826 | text-decoration: none; |
||
32 | fvelez | 827 | } |
92 | jmachado | 828 | |
829 | #flashCenterNews img, #flashCenterNews td.imageContainer { |
||
830 | width: 133px; |
||
831 | height: 133px; |
||
36 | fvelez | 832 | } |
833 | |||
54 | jmachado | 834 | /*FlashBottomNews*/ |
92 | jmachado | 835 | #flashBottomNews img { |
836 | width: 100px; |
||
837 | height: 100px; |
||
32 | fvelez | 838 | } |
839 | |||
214 | jmachado | 840 | #flashBottomNews h2 a { |
238 | jmachado | 841 | color: #589A2C; |
92 | jmachado | 842 | font-weight: bold; |
56 | fvelez | 843 | } |
844 | |||
237 | jmachado | 845 | |
214 | jmachado | 846 | #flashBottomNews p a { |
92 | jmachado | 847 | color: #4d4d4d; |
237 | jmachado | 848 | text-decoration:none; |
849 | text-align:justify; |
||
56 | fvelez | 850 | } |
851 | |||
238 | jmachado | 852 | .flashNew |
237 | jmachado | 853 | { |
238 | jmachado | 854 | width:100%; |
855 | |||
856 | } |
||
857 | .flashNew td |
||
858 | { |
||
859 | background-color: #D3D3D3; |
||
860 | } |
||
861 | #flashCenterNews .container td, #flashBottomNews .container td |
||
862 | { |
||
863 | padding:2px; |
||
864 | |||
865 | } |
||
866 | #flashCenterNews .container td.cont |
||
867 | { |
||
868 | width:50%; |
||
869 | } |
||
870 | #flashBottomNews .container td.cont |
||
871 | { |
||
872 | width:25%; |
||
873 | } |
||
874 | #flashCenterNews .flashNew td, #flashBottomNews .flashNew td |
||
875 | { |
||
237 | jmachado | 876 | border-right: 1px solid black; |
877 | border-bottom: 1px solid black; |
||
878 | border-top: 1px solid black; |
||
238 | jmachado | 879 | padding: 4px; |
880 | width:80%; |
||
237 | jmachado | 881 | |
882 | } |
||
883 | |||
238 | jmachado | 884 | #flashCenterNews .flashNew th, #flashBottomNews .flashNew th |
237 | jmachado | 885 | { |
886 | border-left: 1px solid black; |
||
887 | border-bottom: 1px solid black; |
||
888 | border-top: 1px solid black; |
||
889 | border-right: 1px solid gray; |
||
238 | jmachado | 890 | padding: 4px; |
237 | jmachado | 891 | } |
892 | |||
893 | |||
54 | jmachado | 894 | /*Last News Block*/ |
92 | jmachado | 895 | #lastnews { |
64 | fvelez | 896 | } |
897 | |||
92 | jmachado | 898 | #lastnews ul { |
54 | jmachado | 899 | list-style: none; |
92 | jmachado | 900 | width: 160px; |
54 | jmachado | 901 | LIST-STYLE-TYPE: none; |
92 | jmachado | 902 | padding: 0; |
903 | margin: 0; |
||
32 | fvelez | 904 | } |
92 | jmachado | 905 | |
906 | #lastnews li { |
||
907 | margin: 0; |
||
146 | jmachado | 908 | border-bottom: 1px solid #8ec73f; |
909 | padding-right:3px; |
||
910 | padding-bottom:0; |
||
911 | padding-top:0; |
||
912 | padding-left:3px; |
||
32 | fvelez | 913 | } |
92 | jmachado | 914 | |
188 | jmachado | 915 | #lastnews li a, .linkLeftMenu a, .linkRightMenu a { |
92 | jmachado | 916 | text-decoration: none; |
11 | fvelez | 917 | } |
92 | jmachado | 918 | |
214 | jmachado | 919 | #lastnews li a, .linkLeftMenu a, .linkRightMenu a { |
92 | jmachado | 920 | color: #4d4d4d; |
54 | jmachado | 921 | } |
92 | jmachado | 922 | |
205 | jmachado | 923 | /*#lastnews li a:visited, .linkLeftMenu a:visited, .linkRightMenu a:visited {*/ |
924 | /*color: #4d4d4d;*/ |
||
925 | /*}*/ |
||
92 | jmachado | 926 | |
188 | jmachado | 927 | #lastnews li a:hover, .linkLeftMenu a:hover, .linkRightMenu a:hover { |
92 | jmachado | 928 | color: #8EC73F; |
54 | jmachado | 929 | } |
11 | fvelez | 930 | |
54 | jmachado | 931 | |
20 | fvelez | 932 | /**************************************************************************************/ |
933 | |||
934 | /******************************** Bar Module Color ************************************/ |
||
92 | jmachado | 935 | TD #topBar { |
936 | font-weight: bold; |
||
937 | color: white; |
||
938 | background-color: #8EC73F; |
||
939 | padding-left: 10px; |
||
20 | fvelez | 940 | FONT-SIZE: 18px |
1 | fvelez | 941 | } |
92 | jmachado | 942 | |
20 | fvelez | 943 | /**************************************************************************************/ |
1 | fvelez | 944 | |
20 | fvelez | 945 | /******************************** Background Color ************************************/ |
946 | /*Gray background*/ |
||
92 | jmachado | 947 | #backOne { |
948 | background-color: #4D4D4D; |
||
11 | fvelez | 949 | } |
92 | jmachado | 950 | |
20 | fvelez | 951 | /**************************************************************************************/ |
11 | fvelez | 952 | |
22 | fvelez | 953 | /*************************Staff Links Structure***************************************/ |
92 | jmachado | 954 | .staffLinks P { |
955 | font-weight: bold; |
||
22 | fvelez | 956 | } |
92 | jmachado | 957 | |
22 | fvelez | 958 | /*************************************************************************************/ |
92 | jmachado | 959 | |
960 | form, .boxHorizontal { |
||
961 | margin: 0; |
||
104 | jmachado | 962 | border: 0 #793B0D solid; |
92 | jmachado | 963 | background-color: #FFFFFF; |
1 | fvelez | 964 | } |
92 | jmachado | 965 | |
966 | .boxHorizontal { |
||
104 | jmachado | 967 | padding-top: 5px; |
132 | fvelez | 968 | |
61 | fvelez | 969 | } |
1 | fvelez | 970 | |
92 | jmachado | 971 | .form th, .boxHorizontal th { |
972 | margin: 0; |
||
61 | fvelez | 973 | background-color: #FFFFFF; |
163 | jmachado | 974 | border-top: 0px solid #793B0D; |
146 | jmachado | 975 | font-weight: normal; |
976 | padding-right: 5px; |
||
977 | text-align: right; |
||
163 | jmachado | 978 | vertical-align:top; |
1 | fvelez | 979 | } |
980 | |||
92 | jmachado | 981 | .form td, .boxHorizontal td { |
215 | jmachado | 982 | /*margin: 0;*/ |
983 | /*padding-left: 10px;*/ |
||
984 | /*padding-top: 3px;*/ |
||
985 | /*padding-bottom: 3px;*/ |
||
986 | /*padding-right: 15px;*/ |
||
987 | /*color: #793B0D;*/ |
||
988 | /*background-color: #FFFFFF;*/ |
||
989 | |||
990 | /*font-size: 0.9em;*/ |
||
991 | /*font-family: Helvetica, sans-serif;*/ |
||
163 | jmachado | 992 | vertical-align: top; |
1 | fvelez | 993 | } |
215 | jmachado | 994 | .form td ul, .boxHorizontal td ul |
995 | { |
||
996 | margin-left:15px; |
||
997 | } |
||
998 | .blockForm th |
||
999 | { |
||
1000 | background-color: #8EC73F; |
||
1001 | } |
||
1002 | .blockForm td |
||
1003 | { |
||
1004 | border-bottom: 1px solid #8EC73F; |
||
1005 | } |
||
1 | fvelez | 1006 | |
92 | jmachado | 1007 | .form .buttons td, .boxHorizontal .buttons td { |
1008 | text-align: left; |
||
61 | fvelez | 1009 | background-color: #FFFFFF; |
1 | fvelez | 1010 | } |
1011 | |||
92 | jmachado | 1012 | .form textarea, .boxHorizontal textarea { |
1013 | width: 600px; |
||
1014 | height: 300px; |
||
1 | fvelez | 1015 | |
1016 | } |
||
1017 | |||
203 | jmachado | 1018 | .form input[type="text"], .form input[type="password"], .form input.text, .form input.password |
1019 | { |
||
92 | jmachado | 1020 | width: 600px; |
1 | fvelez | 1021 | } |
92 | jmachado | 1022 | |
203 | jmachado | 1023 | .form input[type="textarea"], .form input.textarea |
1024 | { |
||
1025 | width: 600px; |
||
1026 | height:600px; |
||
1027 | } |
||
1028 | |||
92 | jmachado | 1029 | .form input.date { |
1030 | width: 100px; |
||
1 | fvelez | 1031 | } |
1032 | |||
132 | fvelez | 1033 | .form input.readOnly { |
146 | jmachado | 1034 | background-color: #cccccc; |
132 | fvelez | 1035 | border-top-width: 1px; |
146 | jmachado | 1036 | color: #FFFFFF; |
132 | fvelez | 1037 | border-right-width: 1px; |
1038 | border-bottom-width: 1px; |
||
1039 | border-left-width: 1px; |
||
1040 | border-top-style: solid; |
||
1041 | border-right-style: solid; |
||
1042 | border-bottom-style: solid; |
||
1043 | border-left-style: solid; |
||
1044 | } |
||
1045 | |||
156 | jmachado | 1046 | .form .tableSeparator |
1047 | { |
||
1048 | border-top: 1px solid gray; |
||
1049 | } |
||
1050 | |||
1 | fvelez | 1051 | /* PAGE LAYOUTS */ |
1052 | |||
92 | jmachado | 1053 | .seccao, .seccao p { |
163 | jmachado | 1054 | margin: 10px; |
1 | fvelez | 1055 | font-family: Helvetica, sans-serif; |
1056 | } |
||
92 | jmachado | 1057 | |
1058 | .seccao p { |
||
1059 | padding: 4px; |
||
1 | fvelez | 1060 | } |
92 | jmachado | 1061 | |
1062 | .seccao h1 { |
||
1063 | font-size: 1.1em; |
||
1064 | font-weight: bold; |
||
1065 | font-family: Helvetica, sans-serif; |
||
146 | jmachado | 1066 | color: black; |
1 | fvelez | 1067 | } |
1068 | |||
92 | jmachado | 1069 | .seccao .seccao h1 { |
1070 | font-size: 1em; |
||
1071 | font-weight: bold; |
||
1072 | font-family: Helvetica, sans-serif; |
||
1073 | color: red; |
||
1 | fvelez | 1074 | } |
1075 | |||
152 | jmachado | 1076 | .seccao ul |
1077 | { |
||
1078 | margin: 15px; |
||
1079 | } |
||
1080 | |||
1 | fvelez | 1081 | /*Butões*/ |
1082 | |||
92 | jmachado | 1083 | input[type="text"], input[type="password"] { |
1 | fvelez | 1084 | } |
1085 | |||
92 | jmachado | 1086 | input[type="button"], input[type="submit"] { |
61 | fvelez | 1087 | color: #4d4d4d; |
1 | fvelez | 1088 | border-top-width: 1px; |
1089 | border-right-width: 1px; |
||
1090 | border-bottom-width: 1px; |
||
1091 | border-left-width: 1px; |
||
1092 | border-top-style: solid; |
||
1093 | border-right-style: solid; |
||
1094 | border-bottom-style: solid; |
||
1095 | border-left-style: solid; |
||
92 | jmachado | 1096 | border-top-color: #4d4d4d; |
61 | fvelez | 1097 | border-right-color: #4d4d4d; |
1098 | border-bottom-color: #4d4d4d; |
||
1099 | border-left-color: #4d4d4d; |
||
1 | fvelez | 1100 | background-color: transparent; |
1101 | background-attachment: scroll; |
||
1102 | } |
||
1103 | |||
92 | jmachado | 1104 | input[type="button"]:hover, input[type="submit"]:hover { |
61 | fvelez | 1105 | background-color: #8EC73F; |
1 | fvelez | 1106 | background-attachment: scroll; |
1107 | cursor: pointer; |
||
1108 | color: white; |
||
1109 | } |
||
1110 | |||
1111 | |||
20 | fvelez | 1112 | /********************************************** Navigation Menu ********************************/ |
92 | jmachado | 1113 | ul.menubar { |
144 | jmachado | 1114 | margin: 0; |
1115 | padding: 0; |
||
54 | jmachado | 1116 | background-color: #FFFFFF; /* IE6 Bug */ |
1117 | font-size: 100%; |
||
1 | fvelez | 1118 | |
20 | fvelez | 1119 | } |
92 | jmachado | 1120 | |
1121 | .submenu { |
||
1122 | FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "bitstream vera sans", Verdana, Arial, Helvetica, sans-serif; |
||
1123 | font-size: 0.8em; |
||
20 | fvelez | 1124 | } |
1125 | |||
92 | jmachado | 1126 | .menu { |
1127 | FONT-FAMILY: "Lucida Grande", "Trebuchet MS", "bitstream vera sans", Verdana, Arial, Helvetica, sans-serif; |
||
1128 | font-size: 0.8em; |
||
20 | fvelez | 1129 | } |
1130 | |||
92 | jmachado | 1131 | ul.menubar .submenu { |
1132 | margin: 0; |
||
1133 | padding: 0; |
||
54 | jmachado | 1134 | list-style: none; |
1135 | background-color: #FFFFFF; |
||
92 | jmachado | 1136 | float: left; |
20 | fvelez | 1137 | } |
1138 | |||
92 | jmachado | 1139 | ul.menubar ul.menu { |
54 | jmachado | 1140 | display: none; |
1141 | position: absolute; |
||
92 | jmachado | 1142 | margin: 0; |
20 | fvelez | 1143 | } |
1144 | |||
92 | jmachado | 1145 | ul.menubar a { |
64 | fvelez | 1146 | |
92 | jmachado | 1147 | display: block; |
54 | jmachado | 1148 | text-decoration: none; |
1149 | color: #4D4D4D; |
||
92 | jmachado | 1150 | padding-left: 5px; |
1151 | padding-right: 5px; |
||
1152 | padding-top: 2px; |
||
1153 | padding-bottom: 2px; |
||
20 | fvelez | 1154 | } |
1155 | |||
92 | jmachado | 1156 | ul.menubar a:hover { |
1157 | display: block; |
||
54 | jmachado | 1158 | text-decoration: none; |
1159 | color: #4D4D4D; |
||
92 | jmachado | 1160 | padding-left: 5px; |
1161 | padding-right: 5px; |
||
1162 | padding-top: 2px; |
||
1163 | padding-bottom: 2px; |
||
20 | fvelez | 1164 | } |
1165 | |||
146 | jmachado | 1166 | #menuTop { |
1167 | width: 100%; |
||
1168 | } |
||
92 | jmachado | 1169 | |
146 | jmachado | 1170 | #menuTop td.searchTab form { |
1171 | text-align: right; |
||
92 | jmachado | 1172 | } |
144 | jmachado | 1173 | |
146 | jmachado | 1174 | #menuTop td.searchTab form table td { |
1175 | vertical-align: middle; |
||
92 | jmachado | 1176 | } |
42 | fvelez | 1177 | |
146 | jmachado | 1178 | #menuTop td.searchTab input[type="text"] { |
1179 | width: 200px; |
||
36 | fvelez | 1180 | } |
1181 | |||
146 | jmachado | 1182 | #menuTop form td, #menuTop form th { |
92 | jmachado | 1183 | font-size: 0.85em; |
1184 | } |
||
146 | jmachado | 1185 | |
1186 | #menuTop td.searchTab { |
||
1187 | float: right; |
||
1188 | text-align: left; |
||
92 | jmachado | 1189 | } |
146 | jmachado | 1190 | |
1191 | #menuTop td { |
||
1192 | vertical-align: top; |
||
92 | jmachado | 1193 | } |
1194 | |||
1195 | .menu a:hover { |
||
1196 | |||
1197 | display: block; |
||
54 | jmachado | 1198 | /* border-left: none; |
20 | fvelez | 1199 | border-right: none; |
1200 | border-top: none; |
||
1201 | border-bottom: none; */ |
||
64 | fvelez | 1202 | |
20 | fvelez | 1203 | } |
1204 | |||
92 | jmachado | 1205 | ul.menu, ul.menu ul { |
54 | jmachado | 1206 | margin: 0; |
1207 | padding: 2px; |
||
1208 | /* border-left: 1px solid #ccc; |
||
1209 | border-bottom: 1px solid #ccc; |
||
1210 | border-top: 1px solid #ccc; |
||
1211 | border-right: 1px solid #ccc; */ |
||
1212 | background-color: #FFFFFF; /* IE6 Bug */ |
||
20 | fvelez | 1213 | } |
1214 | |||
92 | jmachado | 1215 | ul.menu li { |
54 | jmachado | 1216 | position: relative; |
92 | jmachado | 1217 | list-style: none; /*border: 0px;*/ |
1218 | opacity: 0.9; |
||
54 | jmachado | 1219 | background-color: #4D4D4D; |
92 | jmachado | 1220 | width: 250px; |
20 | fvelez | 1221 | } |
1222 | |||
92 | jmachado | 1223 | ul.menu li a { |
54 | jmachado | 1224 | display: block; |
92 | jmachado | 1225 | text-decoration: none; /* border-bottom: 0px;*/ |
54 | jmachado | 1226 | /*color: #4D4D4D;*/ |
1227 | /* background-color: #FFFFFF; */ |
||
1228 | color: #4d4d4d; |
||
1229 | background-color: #CCCCCC; |
||
92 | jmachado | 1230 | padding-left: 2px; |
1231 | padding-right: 2px; |
||
1232 | padding-top: 2px; |
||
1233 | padding-bottom: 2px; |
||
20 | fvelez | 1234 | } |
1235 | |||
1236 | /* |
||
1237 | .shadow UL{ |
||
1238 | background-color: #666; |
||
1239 | color: inherit; |
||
1240 | position: relative; |
||
1241 | padding-left:1px; |
||
1242 | padding-top :0px; |
||
1243 | padding-bottom:2px; |
||
1244 | padding-right:2px; |
||
1245 | } |
||
1246 | */ |
||
92 | jmachado | 1247 | .shadow UL { |
1248 | background: transparent; |
||
1249 | width: 250px; |
||
20 | fvelez | 1250 | color: inherit; |
1251 | } |
||
1252 | |||
64 | fvelez | 1253 | /*ul.menu li sup{ |
54 | jmachado | 1254 | font-weight:bold; |
1255 | font-size:7px; |
||
1256 | color: red; |
||
64 | fvelez | 1257 | } */ |
20 | fvelez | 1258 | |
1259 | /* Fix IE. Hide from IE Mac \*/ |
||
92 | jmachado | 1260 | * html ul.menu li { |
1261 | float: left; |
||
1262 | height: 1%; |
||
1263 | } |
||
1264 | |||
1265 | * html ul.menu li a { |
||
1266 | height: 1%; |
||
1267 | } |
||
1268 | |||
20 | fvelez | 1269 | /* End */ |
1270 | |||
92 | jmachado | 1271 | ul.menu ul { |
54 | jmachado | 1272 | position: absolute; |
1273 | display: none; |
||
1274 | left: 149px; /* Set 1px less than menu width */ |
||
144 | jmachado | 1275 | top: 0; |
20 | fvelez | 1276 | } |
1277 | |||
92 | jmachado | 1278 | ul.menu li.submenu ul { |
20 | fvelez | 1279 | display: none; |
92 | jmachado | 1280 | } |
20 | fvelez | 1281 | |
92 | jmachado | 1282 | /* Hide sub-menus initially */ |
1283 | |||
1284 | ul.menu li a:hover { |
||
20 | fvelez | 1285 | background-color: #8EC73F; |
1286 | color: #FFFFFF; |
||
92 | jmachado | 1287 | text-decoration: underline; |
20 | fvelez | 1288 | } |
1289 | |||
1290 | /***********************************************************************************************/ |
||
146 | jmachado | 1291 | /*BLOG*/ |
1292 | .postHeader |
||
1293 | { |
||
1294 | clear:both; |
||
1295 | } |
||
1296 | .toolsContainer |
||
1297 | { |
||
188 | jmachado | 1298 | border: 1px solid green; |
1299 | width:100%; |
||
146 | jmachado | 1300 | margin-bottom:5px; |
1301 | clear:both; |
||
1302 | } |
||
1303 | .tools |
||
1304 | { |
||
1305 | text-align:right; |
||
1306 | padding:2px; |
||
1307 | } |
||
20 | fvelez | 1308 | |
146 | jmachado | 1309 | .tools a:hover |
1310 | { |
||
1311 | color:white; |
||
1312 | } |
||
44 | fvelez | 1313 | |
188 | jmachado | 1314 | .blog h2 * |
1315 | { |
||
1316 | border-bottom:2px solid green; |
||
1317 | font-size:2em; |
||
1318 | } |
||
1319 | .postsContainer |
||
1320 | { |
||
1321 | width:70%; |
||
1322 | } |
||
1323 | .blog .posts |
||
1324 | { |
||
1325 | background-color:darkseagreen; |
||
1326 | border: 1px solid green; |
||
1327 | width:100%; |
||
1328 | } |
||
205 | jmachado | 1329 | |
1330 | .posts * a:hover |
||
1331 | { |
||
1332 | background-color:white; |
||
1333 | } |
||
188 | jmachado | 1334 | .blog .oldMonths |
1335 | { |
||
1336 | vertical-align:top; |
||
1337 | } |
||
156 | jmachado | 1338 | |
206 | jmachado | 1339 | .blog .form table, .blockForm table |
189 | jmachado | 1340 | { |
1341 | border: 1px solid green; |
||
1342 | margin-bottom:4px; |
||
215 | jmachado | 1343 | margin-top:4px; |
189 | jmachado | 1344 | } |
188 | jmachado | 1345 | |
215 | jmachado | 1346 | .blockForm ul li ul li |
1347 | { |
||
1348 | margin-bottom: 0px; |
||
189 | jmachado | 1349 | |
215 | jmachado | 1350 | } |
1351 | .blockForm ul li |
||
1352 | { |
||
1353 | margin-bottom: 5px; |
||
1354 | |||
1355 | } |
||
1356 | |||
1357 | |||
156 | jmachado | 1358 | /********** Trees ***************/ |
1359 | |||
1360 | .tree .node |
||
1361 | { |
||
1362 | margin-left:10px; |
||
1363 | } |
||
159 | jmachado | 1364 | |
1365 | |||
165 | jmachado | 1366 | |
1367 | |||
159 | jmachado | 1368 | /*POP EMAIL*/ |
165 | jmachado | 1369 | |
198 | jmachado | 1370 | .messagesContainer |
1371 | { |
||
1372 | vertical-align:top; |
||
1373 | } |
||
165 | jmachado | 1374 | |
198 | jmachado | 1375 | |
215 | jmachado | 1376 | /*.messages td*/ |
1377 | .dataTable |
||
1378 | { |
||
1379 | border:0; |
||
1380 | padding:0; |
||
1381 | |||
1382 | } |
||
198 | jmachado | 1383 | .dataTable td |
159 | jmachado | 1384 | { |
215 | jmachado | 1385 | margin:0; |
165 | jmachado | 1386 | border:1px solid #8ec73f; |
1387 | |||
159 | jmachado | 1388 | } |
207 | jmachado | 1389 | .number |
1390 | { |
||
1391 | text-align:right; |
||
1392 | } |
||
161 | jmachado | 1393 | .messages th, .dataTable th |
1394 | { |
||
1395 | border:1px solid darkgray; |
||
165 | jmachado | 1396 | text-align:center; |
161 | jmachado | 1397 | } |
198 | jmachado | 1398 | .messages |
1399 | { width:100%} |
||
188 | jmachado | 1400 | .dataTable input.removeButton, .form input.removeButton, .reminders * input.removeButton |
165 | jmachado | 1401 | { |
1402 | cursor:pointer; |
||
166 | jmachado | 1403 | background-image:url(@contextPath@/imgs/delete.gif); |
188 | jmachado | 1404 | background-color:transparent; |
166 | jmachado | 1405 | background-repeat: no-repeat; |
1406 | background-attachment: scroll; |
||
1407 | background-x-position: 0pt; |
||
1408 | background-y-position: 50%; |
||
165 | jmachado | 1409 | padding:0; |
1410 | margin:0; |
||
1411 | width:16px; |
||
1412 | height:16px; |
||
198 | jmachado | 1413 | border:0; |
166 | jmachado | 1414 | |
188 | jmachado | 1415 | |
165 | jmachado | 1416 | } |
188 | jmachado | 1417 | .dataTable input.removeButton:hover, .form input.removeButton:hover, .reminders * input.removeButton:hover |
165 | jmachado | 1418 | { |
166 | jmachado | 1419 | background-image:url(@contextPath@/imgs/deleteHover.gif); |
188 | jmachado | 1420 | background-color:transparent; |
165 | jmachado | 1421 | } |
1422 | table.removeButton td |
||
1423 | { |
||
1424 | border:0; |
||
1425 | } |
||
159 | jmachado | 1426 | .message |
1427 | { |
||
1428 | background-color:darkgray; |
||
1429 | padding:3px; |
||
1430 | color:white; |
||
1431 | } |
||
163 | jmachado | 1432 | |
1433 | /*Reminders*/ |
||
1434 | |||
165 | jmachado | 1435 | .portalServices |
163 | jmachado | 1436 | { |
165 | jmachado | 1437 | border-top:1px solid #8ec73f; |
163 | jmachado | 1438 | } |
166 | jmachado | 1439 | .remindersContainer |
1440 | { |
||
1441 | vertical-align:top; |
||
1442 | } |
||
165 | jmachado | 1443 | .remindersContainer input { width:85px } |
163 | jmachado | 1444 | .reminders |
1445 | { |
||
169 | jmachado | 1446 | vertical-align:top; |
163 | jmachado | 1447 | width:200px; |
165 | jmachado | 1448 | float:right; |
1449 | text-align:right; |
||
1450 | padding:0; |
||
1451 | margin:0; |
||
163 | jmachado | 1452 | } |
165 | jmachado | 1453 | .reminders #reminderForm |
163 | jmachado | 1454 | { |
165 | jmachado | 1455 | border: 1px solid #8ec73f; |
1456 | margin-top:4px; |
||
163 | jmachado | 1457 | } |
165 | jmachado | 1458 | .reminders .new input[type="text"]:hover,#activeReminders * img:hover,#expiredReminders * img:hover |
1459 | { |
||
163 | jmachado | 1460 | cursor:pointer; |
1461 | } |
||
165 | jmachado | 1462 | #reminderForm textarea, #reminderForm table |
163 | jmachado | 1463 | { |
165 | jmachado | 1464 | width:100%; |
163 | jmachado | 1465 | } |
188 | jmachado | 1466 | #activeReminders, #expiredReminders |
163 | jmachado | 1467 | { |
198 | jmachado | 1468 | border-left: 1px solid #8ec73f; |
1469 | border-right: 1px solid #8ec73f; |
||
165 | jmachado | 1470 | margin-top:10px; |
1471 | margin-bottom:10px; |
||
1472 | margin-left:0; |
||
1473 | margin-right:0; |
||
1474 | padding-left:0; |
||
1475 | padding-bottom:0; |
||
1476 | padding-top:0; |
||
1477 | padding-right:0; |
||
163 | jmachado | 1478 | |
1479 | } |
||
198 | jmachado | 1480 | #expiredReminders .title |
165 | jmachado | 1481 | { |
1482 | padding:0; |
||
188 | jmachado | 1483 | background-color: lightcoral; |
165 | jmachado | 1484 | border:0; |
163 | jmachado | 1485 | |
1486 | } |
||
198 | jmachado | 1487 | #activeReminders .title |
1488 | { |
||
1489 | padding:0; |
||
1490 | background-color: #8ec73f; |
||
1491 | border:0; |
||
1492 | |||
1493 | } |
||
188 | jmachado | 1494 | #activeReminders .title td,#expiredReminders .title td |
165 | jmachado | 1495 | {text-align:right;} |
188 | jmachado | 1496 | |
165 | jmachado | 1497 | .reminders .new .title |
163 | jmachado | 1498 | { |
165 | jmachado | 1499 | text-align:right; |
163 | jmachado | 1500 | } |
165 | jmachado | 1501 | .reminder |
163 | jmachado | 1502 | { |
165 | jmachado | 1503 | border-bottom: 1px solid #8ec73f; |
1504 | padding:0; |
||
163 | jmachado | 1505 | } |
165 | jmachado | 1506 | |
1507 | .reminder .text |
||
163 | jmachado | 1508 | { |
165 | jmachado | 1509 | padding-top:2px; |
1510 | padding-bottom:3px; |
||
1511 | padding-left:5px; |
||
1512 | background-color:#cccccc; |
||
163 | jmachado | 1513 | } |
1514 | |||
165 | jmachado | 1515 | |
189 | jmachado | 1516 | |
1517 | /*Block Menus*/ |
||
1518 | |||
1519 | .linkMenuBlock { |
||
1520 | margin-top: 15px; |
||
1521 | border-left: 1px solid #8ec73f; |
||
1522 | } |
||
1523 | .linkMenuBlockRight { |
||
1524 | margin-top: 15px; |
||
1525 | border-right: 1px solid #8ec73f; |
||
1526 | } |
||
1527 | |||
1528 | .linkMenuBlock .linkMenuBlockTitle, .linkMenuBlockRight .linkMenuBlockTitle { |
||
1529 | border-bottom: 1px solid #8ec73f; |
||
1530 | background-color: #8ec73f; |
||
1531 | color: white; |
||
1532 | white-space: nowrap; |
||
1533 | text-align: right; |
||
1534 | padding-right: 2px; |
||
1535 | margin: 0; |
||
1536 | } |
||
1537 | |||
1538 | .linkLeftMenu ul,.linkRightMenu ul { |
||
1539 | margin: 0; |
||
1540 | } |
||
1541 | |||
1542 | .linkLeftMenu li, .linkRightMenu li { |
||
1543 | border-bottom: 1px solid #8ec73f; |
||
1544 | white-space: nowrap; |
||
1545 | padding-right: 3px; |
||
1546 | padding-left: 3px; |
||
1547 | margin:0; |
||
214 | jmachado | 1548 | } |
1549 | |||
1550 | |||
1551 | .WARNING *, .WARNING p, .WARNING * p, .WARNING, .WARNING a |
||
1552 | { |
||
1553 | color: yellow; |
||
1554 | background-color: black; |
||
1555 | } |
||
1556 | |||
1557 | |||
1558 | .WARNING a:hover |
||
1559 | { |
||
1560 | color: yellow; |
||
1561 | background-color: black; |
||
1562 | } |
||
1563 | |||
246 | jmachado | 1564 | |
1565 | /*Plano Curricular*/ |
||
1566 | .planoCurricular td, .planoCurricular th |
||
1567 | { |
||
1568 | font-family: "bitstream vera sans",Verdana,Arial,Helvetica,sans-serif; |
||
1569 | } |
||
1570 | .planoCurricular |
||
1571 | { |
||
1572 | border:1px solid black; |
||
1573 | |||
1574 | } |
||
1575 | .planoCurricular th |
||
1576 | { |
||
1577 | font-weight:normal; |
||
1578 | border:1px solid black; |
||
1579 | |||
1580 | } |
||
1581 | .planoCurricular td.unidade |
||
1582 | { |
||
1583 | text-align:right; |
||
1584 | } |
||
1585 | td.unidade span |
||
1586 | { |
||
1587 | width:100%; |
||
1588 | } |
||
1589 | .semestre |
||
1590 | { |
||
1591 | background-color:#8ec73f; |
||
1592 | } |
||
1593 | .semestreHead |
||
1594 | { |
||
1595 | background-color:#8ec73f; |
||
1596 | } |
||
1597 | .perfilNome, .perfilHead |
||
1598 | { |
||
1599 | background-color:#D6D6D6 |
||
1600 | } |
||
1601 | .ects |
||
1602 | { |
||
1603 | background-color:#EBFCD6; |
||
1604 | } |
||
1605 |