Annotation of /mambo/branches/4.6/templates/waterandstone800_green/css/template_css.css
Parent Directory
| 
Revision Log
Revision 777 - (view) (download) (as text)
| 1 : | cauld | 548 | /* --------------------- |
| 2 : | basic layout | ||
| 3 : | --------------------- */ | ||
| 4 : | |||
| 5 : | * { | ||
| 6 : | font-family: Arial, Helvetica, sans-serif; | ||
| 7 : | } | ||
| 8 : | |||
| 9 : | .waterbody { | ||
| 10 : | background:#FFFFFF url(../images/bg_body.jpg) repeat-x left top; | ||
| 11 : | margin:0; | ||
| 12 : | color:#333333; | ||
| 13 : | } | ||
| 14 : | |||
| 15 : | div, | ||
| 16 : | td, | ||
| 17 : | p { | ||
| 18 : | font-size:12px; | ||
| 19 : | line-height:18px; | ||
| 20 : | color:#333333; | ||
| 21 : | } | ||
| 22 : | |||
| 23 : | a, | ||
| 24 : | a:link, | ||
| 25 : | a:active, | ||
| 26 : | a:visited { | ||
| 27 : | text-decoration:underline; | ||
| 28 : | color:#000000; | ||
| 29 : | } | ||
| 30 : | |||
| 31 : | a:hover { | ||
| 32 : | text-decoration:underline; | ||
| 33 : | } | ||
| 34 : | |||
| 35 : | ul { | ||
| 36 : | margin: 5px; | ||
| 37 : | padding: 5px; | ||
| 38 : | list-style: none; | ||
| 39 : | list-style-type: square; | ||
| 40 : | } | ||
| 41 : | |||
| 42 : | li { | ||
| 43 : | line-height: 18px; | ||
| 44 : | padding-left: 5px; | ||
| 45 : | padding-top: 0px; | ||
| 46 : | list-style-position: inside; | ||
| 47 : | } | ||
| 48 : | |||
| 49 : | /** To center the objects **/ | ||
| 50 : | .center { | ||
| 51 : | text-align:center!important; | ||
| 52 : | } | ||
| 53 : | |||
| 54 : | /** clear the banner to make it sit in the bottom **/ | ||
| 55 : | .clear { | ||
| 56 : | clear:both; | ||
| 57 : | } | ||
| 58 : | |||
| 59 : | /* --------------------- | ||
| 60 : | template layout | ||
| 61 : | --------------------- */ | ||
| 62 : | |||
| 63 : | /** wrapper to make the page center **/ | ||
| 64 : | #container { | ||
| 65 : | width:760px; | ||
| 66 : | margin: 0px auto; | ||
| 67 : | padding:0; | ||
| 68 : | text-align: left; | ||
| 69 : | } | ||
| 70 : | |||
| 71 : | /** | ||
| 72 : | hold background, it should be float:left | ||
| 73 : | that's way we can not put it in #container | ||
| 74 : | **/ | ||
| 75 : | #containerbg { | ||
| 76 : | width: 760px; | ||
| 77 : | background:transparent url(../images/bg_inside.jpg) repeat-y left top; | ||
| 78 : | float:left; | ||
| 79 : | } | ||
| 80 : | |||
| 81 : | #outerleft { | ||
| 82 : | position:relative; | ||
| 83 : | float:left; | ||
| 84 : | clear:left; | ||
| 85 : | width:590px; | ||
| 86 : | |||
| 87 : | } | ||
| 88 : | |||
| 89 : | #outerright { | ||
| 90 : | position:relative; | ||
| 91 : | width:170px; | ||
| 92 : | float:right; | ||
| 93 : | clear:right; | ||
| 94 : | } | ||
| 95 : | |||
| 96 : | #logo { | ||
| 97 : | position:relative; | ||
| 98 : | width:100%; | ||
| 99 : | height:74px; | ||
| 100 : | float:left; | ||
| 101 : | background:#FFFFFF url(../images/bg_header.jpg) no-repeat left top; | ||
| 102 : | } | ||
| 103 : | |||
| 104 : | /** div container for top menu. position:top **/ | ||
| 105 : | #topmenu { | ||
| 106 : | position:relative; | ||
| 107 : | float:left; | ||
| 108 : | clear:left; | ||
| 109 : | background-color:#000000; | ||
| 110 : | width: 100%; | ||
| 111 : | } | ||
| 112 : | |||
| 113 : | /** div container for image header **/ | ||
| 114 : | #imgheader { | ||
| 115 : | position:relative; | ||
| 116 : | float:left; | ||
| 117 : | clear:left; | ||
| 118 : | width:100%; | ||
| 119 : | height:99px; | ||
| 120 : | background-color: #000000; | ||
| 121 : | } | ||
| 122 : | |||
| 123 : | #container_inner { | ||
| 124 : | position:relative; | ||
| 125 : | clear:left; | ||
| 126 : | width:590px; | ||
| 127 : | } | ||
| 128 : | |||
| 129 : | /** div container for left column **/ | ||
| 130 : | #leftcol { | ||
| 131 : | position:relative; | ||
| 132 : | float:left; | ||
| 133 : | clear:left; | ||
| 134 : | width:170px; | ||
| 135 : | } | ||
| 136 : | |||
| 137 : | #leftcolmenu { | ||
| 138 : | position:relative; | ||
| 139 : | overflow:auto; | ||
| 140 : | } | ||
| 141 : | |||
| 142 : | |||
| 143 : | /** div wrapper for user2 & user3 **/ | ||
| 144 : | #content_top_wrapper { | ||
| 145 : | position:relative; | ||
| 146 : | float:right; | ||
| 147 : | clear:right; | ||
| 148 : | width:405px; | ||
| 149 : | display:inline; | ||
| 150 : | margin: 4px 6px 0 0; | ||
| 151 : | } | ||
| 152 : | |||
| 153 : | /** div container for position:user2 **/ | ||
| 154 : | #content_top1 { | ||
| 155 : | position:relative; | ||
| 156 : | float:left; | ||
| 157 : | clear:left; | ||
| 158 : | width:200px; | ||
| 159 : | } | ||
| 160 : | |||
| 161 : | /** div container for position:user3 **/ | ||
| 162 : | #content_top2 { | ||
| 163 : | position:relative; | ||
| 164 : | float:right; | ||
| 165 : | clear:right; | ||
| 166 : | width:200px; | ||
| 167 : | } | ||
| 168 : | |||
| 169 : | /** div container for mainbody **/ | ||
| 170 : | #content_main { | ||
| 171 : | position:relative; | ||
| 172 : | float:left; | ||
| 173 : | width:400px; | ||
| 174 : | margin:10px 0 20px 10px; | ||
| 175 : | background-color:#FFFFFF; | ||
| 176 : | overflow:auto; | ||
| 177 : | word-wrap:break-word; | ||
| 178 : | } | ||
| 179 : | |||
| 180 : | /** div container for right column **/ | ||
| 181 : | #rightcol_top, | ||
| 182 : | #rightcol { | ||
| 183 : | float:left; | ||
| 184 : | clear:left; | ||
| 185 : | width:168px; | ||
| 186 : | margin:0 0 0 1px; | ||
| 187 : | display:inline; | ||
| 188 : | overflow:auto; | ||
| 189 : | } | ||
| 190 : | |||
| 191 : | /** div container for right column position:header **/ | ||
| 192 : | #rightcol_top { | ||
| 193 : | height:70px; | ||
| 194 : | min-height:70px; | ||
| 195 : | } | ||
| 196 : | |||
| 197 : | /** div container for banner position:banner **/ | ||
| 198 : | #banner { | ||
| 199 : | position:relative; | ||
| 200 : | clear:left; | ||
| 201 : | float:left; | ||
| 202 : | width:590px; | ||
| 203 : | height:65px; | ||
| 204 : | min-height:65px; | ||
| 205 : | color:#FFFFFF; | ||
| 206 : | font-size:9px; | ||
| 207 : | background-color: #333333; | ||
| 208 : | display:block; | ||
| 209 : | text-align:center!important; | ||
| 210 : | vertical-align:middle; | ||
| 211 : | padding:5px 0 0 0; | ||
| 212 : | margin-top:20px; | ||
| 213 : | } | ||
| 214 : | |||
| 215 : | #blackline { | ||
| 216 : | position:relative; | ||
| 217 : | clear:left; | ||
| 218 : | float:left; | ||
| 219 : | width:590px; | ||
| 220 : | height:10px; | ||
| 221 : | min-height:10px; | ||
| 222 : | background-color: #000000; | ||
| 223 : | color:#FFFFFF; | ||
| 224 : | font-size:10px; | ||
| 225 : | margin-top:20px; | ||
| 226 : | } | ||
| 227 : | |||
| 228 : | |||
| 229 : | /** copyright **/ | ||
| 230 : | #copyright { | ||
| 231 : | position:relative; | ||
| 232 : | width:760px; | ||
| 233 : | display:block; | ||
| 234 : | clear:both; | ||
| 235 : | float:left; | ||
| 236 : | } | ||
| 237 : | |||
| 238 : | #copyright div { | ||
| 239 : | color:#666666; | ||
| 240 : | font-size:10px; | ||
| 241 : | font-weight:bold; | ||
| 242 : | display:block!important; | ||
| 243 : | width:760px; | ||
| 244 : | float:left; | ||
| 245 : | clear:left; | ||
| 246 : | margin:-5px 0 0 0; | ||
| 247 : | text-align:left; | ||
| 248 : | } | ||
| 249 : | |||
| 250 : | |||
| 251 : | /* --------------------- | ||
| 252 : | mambo content layout | ||
| 253 : | --------------------- */ | ||
| 254 : | |||
| 255 : | /** pathway block **/ | ||
| 256 : | span.pathway { | ||
| 257 : | display:block; | ||
| 258 : | text-align:left; | ||
| 259 : | color:#000000; | ||
| 260 : | font-size:10px; | ||
| 261 : | font-weight:bold; | ||
| 262 : | border-bottom-width: 1px; | ||
| 263 : | border-bottom-style: solid; | ||
| 264 : | border-bottom-color: #E5E5E5; | ||
| 265 : | height:20px; | ||
| 266 : | margin-bottom:10px; | ||
| 267 : | } | ||
| 268 : | |||
| 269 : | /** content title **/ | ||
| 270 : | .componentheading { | ||
| 271 : | font-family:Georgia, "Times New Roman", Times, serif !important; | ||
| 272 : | color:#000000; | ||
| 273 : | font-size: 20px; | ||
| 274 : | line-height:25px; | ||
| 275 : | padding: 5px 0 5px 0; | ||
| 276 : | display:block; | ||
| 277 : | } | ||
| 278 : | |||
| 279 : | .contentheading, | ||
| 280 : | .contentpagetitle, | ||
| 281 : | a.contentpagetitle:link, | ||
| 282 : | a.contentpagetitle:active, | ||
| 283 : | a.contentpagetitle:visited { | ||
| 284 : | font-family:Georgia, "Times New Roman", Times, serif !important; | ||
| 285 : | font-size:18px; | ||
| 286 : | font-weight: normal; | ||
| 287 : | color:#0C362D; | ||
| 288 : | padding-top: 25px; | ||
| 289 : | background-color:inherit; | ||
| 290 : | display:block; | ||
| 291 : | } | ||
| 292 : | |||
| 293 : | .contentpaneopen { | ||
| 294 : | width:100%; | ||
| 295 : | } | ||
| 296 : | |||
| 297 : | |||
| 298 : | .buttonheading { | ||
| 299 : | width: 16px!important; | ||
| 300 : | text-align:right; | ||
| 301 : | } | ||
| 302 : | |||
| 303 : | |||
| 304 : | td.sectiontableheader { | ||
| 305 : | font-weight: bold; | ||
| 306 : | } | ||
| 307 : | |||
| 308 : | .category, .categorytitle { | ||
| 309 : | font-weight: bold; | ||
| 310 : | color:#0C362D; | ||
| 311 : | background-color:inherit; | ||
| 312 : | } | ||
| 313 : | |||
| 314 : | .sectiontableentry1, | ||
| 315 : | table.pollstableborder tr.sectiontableentry1 { | ||
| 316 : | background-color: #FBFBF4; | ||
| 317 : | padding: 2px; | ||
| 318 : | color:#333333; | ||
| 319 : | } | ||
| 320 : | |||
| 321 : | .sectiontableentry2, | ||
| 322 : | table.pollstableborder tr.sectiontableentry2 { | ||
| 323 : | background-color: #FFFFFF; | ||
| 324 : | padding: 2px; | ||
| 325 : | color:#333333; | ||
| 326 : | } | ||
| 327 : | |||
| 328 : | tr.sectiontableentry1 td, | ||
| 329 : | tr.sectiontableentry2 td { | ||
| 330 : | word-wrap:break-word; | ||
| 331 : | } | ||
| 332 : | |||
| 333 : | /** blog Styles **/ | ||
| 334 : | .blogsection { | ||
| 335 : | color:#0C362D; | ||
| 336 : | background-color:inherit; | ||
| 337 : | } | ||
| 338 : | |||
| 339 : | .blog_more { | ||
| 340 : | font-weight: bold; | ||
| 341 : | line-height: 25px; | ||
| 342 : | padding-top: 20px; | ||
| 343 : | color: #0C362D; | ||
| 344 : | border-bottom: 1px solid #E5E5E5; | ||
| 345 : | background-color:inherit; | ||
| 346 : | } | ||
| 347 : | |||
| 348 : | /** small text in content **/ | ||
| 349 : | .small { | ||
| 350 : | color:#8B721D; | ||
| 351 : | font-size:10px; | ||
| 352 : | font-weight: normal; | ||
| 353 : | background-color:inherit; | ||
| 354 : | } | ||
| 355 : | |||
| 356 : | /** date info in content **/ | ||
| 357 : | #content_main .createdate { | ||
| 358 : | color:#6EB28A; | ||
| 359 : | font-size:10px; | ||
| 360 : | padding: 0 0 15px 0; | ||
| 361 : | line-height:8px; | ||
| 362 : | background-color:inherit; | ||
| 363 : | } | ||
| 364 : | |||
| 365 : | #content_main .modifydate { | ||
| 366 : | color:#8B721D; | ||
| 367 : | font-size:10px; | ||
| 368 : | padding: 0; | ||
| 369 : | background-color:inherit; | ||
| 370 : | } | ||
| 371 : | |||
| 372 : | |||
| 373 : | /** toc page navigation **/ | ||
| 374 : | .pagenav_prev, | ||
| 375 : | .pagenav_next { | ||
| 376 : | font-size:11px; | ||
| 377 : | } | ||
| 378 : | |||
| 379 : | |||
| 380 : | /** content item navigation **/ | ||
| 381 : | .pagenavbar { | ||
| 382 : | display:block; | ||
| 383 : | width:100%; | ||
| 384 : | background-color:inherit; | ||
| 385 : | height:20px; | ||
| 386 : | line-height:25px; | ||
| 387 : | text-align:right; | ||
| 388 : | letter-spacing:2px; | ||
| 389 : | color:#999999!important; | ||
| 390 : | clear:both; | ||
| 391 : | font-size: 11px!important; | ||
| 392 : | margin-top: 10px; | ||
| 393 : | background-image: url(../images/bg_pagenav.jpg); | ||
| 394 : | background-repeat: repeat-x; | ||
| 395 : | background-position: center bottom; | ||
| 396 : | } | ||
| 397 : | |||
| 398 : | .pagenav { | ||
| 399 : | height:20px; | ||
| 400 : | line-height:25px; | ||
| 401 : | text-align:right; | ||
| 402 : | letter-spacing:2px; | ||
| 403 : | color:#999999; | ||
| 404 : | clear:both; | ||
| 405 : | font-size: 11px; | ||
| 406 : | margin-left: 0; | ||
| 407 : | margin-right: 0; | ||
| 408 : | background-color:inherit; | ||
| 409 : | |||
| 410 : | } | ||
| 411 : | |||
| 412 : | .back_button { | ||
| 413 : | display:block; | ||
| 414 : | text-align:left; | ||
| 415 : | font-weight:bold; | ||
| 416 : | font-size:12px; | ||
| 417 : | width:100%; | ||
| 418 : | margin-bottom:10px; | ||
| 419 : | letter-spacing:2px; | ||
| 420 : | } | ||
| 421 : | |||
| 422 : | /** highlight word search result **/ | ||
| 423 : | .highlight { | ||
| 424 : | font-weight:bold; | ||
| 425 : | background-color: #FFFF00; | ||
| 426 : | padding: 2px 0 2px 0; | ||
| 427 : | |||
| 428 : | } | ||
| 429 : | |||
| 430 : | /** table of content layout **/ | ||
| 431 : | table.contenttoc { | ||
| 432 : | border:1px solid #000000; | ||
| 433 : | padding:1px; | ||
| 434 : | display:block; | ||
| 435 : | width:130px; | ||
| 436 : | margin: 0 0 10px 10px; | ||
| 437 : | } | ||
| 438 : | |||
| 439 : | /** table of content header **/ | ||
| 440 : | .contenttoc th { | ||
| 441 : | color:#FFFFFF; | ||
| 442 : | background-color:#666666; | ||
| 443 : | font-size:11px; | ||
| 444 : | display:block; | ||
| 445 : | width:124px; | ||
| 446 : | } | ||
| 447 : | |||
| 448 : | /** unordered list for latest news module **/ | ||
| 449 : | ul.latestnews li,ul.mostread li { | ||
| 450 : | line-height: 18px; | ||
| 451 : | font-size:11px; | ||
| 452 : | font-weight:bold; | ||
| 453 : | list-style-type: none; | ||
| 454 : | list-style-position: outside; | ||
| 455 : | } | ||
| 456 : | |||
| 457 : | |||
| 458 : | /** fix opera table width for content list in table category**/ | ||
| 459 : | table.contentpane td.contentdescription { | ||
| 460 : | width:100%!important; | ||
| 461 : | } | ||
| 462 : | |||
| 463 : | |||
| 464 : | /* --------------------- | ||
| 465 : | Links | ||
| 466 : | --------------------- */ | ||
| 467 : | |||
| 468 : | /** any left column link **/ | ||
| 469 : | #leftcol a:link, | ||
| 470 : | #leftcol a:active, | ||
| 471 : | #leftcol a:visited, | ||
| 472 : | #leftcolmenu a:link, | ||
| 473 : | #leftcolmenu a:active, | ||
| 474 : | #leftcolmenu a:visited, | ||
| 475 : | #rightcol a:link, | ||
| 476 : | #rightcol a:active, | ||
| 477 : | #rightcol a:visited, | ||
| 478 : | #rightcolmenu a:link, | ||
| 479 : | #rightcolmenu a:active, | ||
| 480 : | #rightcolmenu a:visited | ||
| 481 : | { | ||
| 482 : | color:#FFFFFF; | ||
| 483 : | } | ||
| 484 : | |||
| 485 : | a.pagenav:link , | ||
| 486 : | a.pagenav_next:link, | ||
| 487 : | a.pagenav_pre:link, | ||
| 488 : | div.back_button a, | ||
| 489 : | div.back_button a:link, | ||
| 490 : | a.latestnews:link, | ||
| 491 : | a.latestnews:active, | ||
| 492 : | a.latestnews:visited, | ||
| 493 : | a.mostread:link, | ||
| 494 : | a.mostread:active, | ||
| 495 : | a.mostread:visited { | ||
| 496 : | text-decoration:none; | ||
| 497 : | } | ||
| 498 : | |||
| 499 : | /*** read more link ***/ | ||
| 500 : | .readon, | ||
| 501 : | a.readon:link, | ||
| 502 : | a.readon:active, | ||
| 503 : | a.readon:visited { | ||
| 504 : | color:#666666; | ||
| 505 : | font-weight:bold; | ||
| 506 : | text-align:left; | ||
| 507 : | margin-top:10px; | ||
| 508 : | letter-spacing: 2px; | ||
| 509 : | font-size:10px; | ||
| 510 : | text-decoration:none; | ||
| 511 : | } | ||
| 512 : | |||
| 513 : | /*** blog links ***/ | ||
| 514 : | a.blogsection:link, | ||
| 515 : | a.blogsection:active, | ||
| 516 : | a.blogsection:visited { | ||
| 517 : | color:#0C362D; | ||
| 518 : | text-decoration:none; | ||
| 519 : | } | ||
| 520 : | |||
| 521 : | /** generic menu item link **/ | ||
| 522 : | a.mainlevel:link, | ||
| 523 : | a.mainlevel:active, | ||
| 524 : | a.mainlevel:visited, | ||
| 525 : | a.sublevel:link, | ||
| 526 : | a.sublevel:active, | ||
| 527 : | a.sublevel:visited { | ||
| 528 : | color:#FFFFFF; | ||
| 529 : | text-decoration:none; | ||
| 530 : | font-size:11px; | ||
| 531 : | line-height: 27px; | ||
| 532 : | } | ||
| 533 : | |||
| 534 : | a.sublevel:hover { | ||
| 535 : | color: #000000; | ||
| 536 : | } | ||
| 537 : | |||
| 538 : | /** generic menu item link on mouseover **/ | ||
| 539 : | a.mainlevel:hover, | ||
| 540 : | #leftcol a.mainlevel:hover, | ||
| 541 : | #leftcolmenu a.mainlevel:hover { | ||
| 542 : | background-color:#B8B35C; | ||
| 543 : | color:#000000!important; | ||
| 544 : | text-decoration:none!important; | ||
| 545 : | } | ||
| 546 : | |||
| 547 : | /** specific top right column menu item link **/ | ||
| 548 : | a.mainlevel-right:link, | ||
| 549 : | a.mainlevel-right:active, | ||
| 550 : | a.mainlevel-right:visited, | ||
| 551 : | a.sublevel-right:link, | ||
| 552 : | a.sublevel-right:active, | ||
| 553 : | a.sublevel-right:visited { | ||
| 554 : | color:#FFFFFF; | ||
| 555 : | text-decoration:none; | ||
| 556 : | font-size:11px; | ||
| 557 : | } | ||
| 558 : | |||
| 559 : | /** specific top right column menu item link on mouseover **/ | ||
| 560 : | a.mainlevel-right:hover { | ||
| 561 : | background-color:#15604F; | ||
| 562 : | text-decoration:none; | ||
| 563 : | } | ||
| 564 : | |||
| 565 : | |||
| 566 : | /** pathway link item **/ | ||
| 567 : | a.pathway:link, | ||
| 568 : | a.pathway:link, | ||
| 569 : | a.pathway:active, | ||
| 570 : | a.pathway:visited { | ||
| 571 : | color:#999999; | ||
| 572 : | text-decoration:none; | ||
| 573 : | } | ||
| 574 : | |||
| 575 : | /** table of content list **/ | ||
| 576 : | a.toclink:link, | ||
| 577 : | a.toclink:active, | ||
| 578 : | a.toclink:visited { | ||
| 579 : | color:#0C362D; | ||
| 580 : | font-size:11px; | ||
| 581 : | padding:2px 10px 2px 10px; | ||
| 582 : | display:block; | ||
| 583 : | text-decoration:none; | ||
| 584 : | } | ||
| 585 : | |||
| 586 : | .pagenavbar a:link, | ||
| 587 : | .pagenavbar a:active, | ||
| 588 : | .pagenavbar a:visited { | ||
| 589 : | letter-spacing:2px; | ||
| 590 : | color:#000000; | ||
| 591 : | font-size: 11px; | ||
| 592 : | text-decoration: none; | ||
| 593 : | |||
| 594 : | |||
| 595 : | } | ||
| 596 : | |||
| 597 : | .pagenavbar a:hover { | ||
| 598 : | color:#0C362D; | ||
| 599 : | } | ||
| 600 : | |||
| 601 : | /** latestnews and popular **/ | ||
| 602 : | .latestnews, | ||
| 603 : | .mostread { | ||
| 604 : | color:#000000; | ||
| 605 : | } | ||
| 606 : | |||
| 607 : | a.latestnews:link, | ||
| 608 : | .mostread a:link, | ||
| 609 : | .latestnews a:active, | ||
| 610 : | .mostread a:active, | ||
| 611 : | .latestnews a:hover, | ||
| 612 : | .mostread a:hover, | ||
| 613 : | .latestnews a:visited, | ||
| 614 : | .mostread a:visited { | ||
| 615 : | color:#000000; | ||
| 616 : | text-decoration:underline; | ||
| 617 : | } | ||
| 618 : | |||
| 619 : | /** underline on hover **/ | ||
| 620 : | a.toclink:hover, | ||
| 621 : | a.latestnews:hover, | ||
| 622 : | a.mostread:hover, | ||
| 623 : | a.pathway:hover, | ||
| 624 : | a.sublevel:hover, | ||
| 625 : | a.sublevel-right:hover, | ||
| 626 : | a.blogsection:hover, | ||
| 627 : | a.readon:hover, | ||
| 628 : | a.pagenav:hover , | ||
| 629 : | a.pagenav_next:hover, | ||
| 630 : | a.pagenav_pre:hover, | ||
| 631 : | a.latestnews:hover { | ||
| 632 : | text-decoration:underline; | ||
| 633 : | /*color:#0C362D;*/ | ||
| 634 : | background-color:inherit; | ||
| 635 : | } | ||
| 636 : | |||
| 637 : | #leftcolmenu a:hover, | ||
| 638 : | #leftcol a:hover { | ||
| 639 : | color: #000000; | ||
| 640 : | text-decoration:underline; | ||
| 641 : | } | ||
| 642 : | |||
| 643 : | |||
| 644 : | /* --------------------- | ||
| 645 : | mambo module layout | ||
| 646 : | --------------------- */ | ||
| 647 : | |||
| 648 : | /** general module table **/ | ||
| 649 : | table.moduletable, | ||
| 650 : | #leftcol table, | ||
| 651 : | #rightcol table { | ||
| 652 : | width:100%; | ||
| 653 : | float:left; | ||
| 654 : | clear:left; | ||
| 655 : | } | ||
| 656 : | |||
| 657 : | /** general module table **/ | ||
| 658 : | #rightcol table, | ||
| 659 : | #leftcol table td { | ||
| 660 : | font-size:11px !important; | ||
| 661 : | color:#FFFFFF; | ||
| 662 : | } | ||
| 663 : | |||
| 664 : | #rightcol table, | ||
| 665 : | #rightcol table td { | ||
| 666 : | font-size:11px !important; | ||
| 667 : | color:#FFFFFF; | ||
| 668 : | } | ||
| 669 : | |||
| 670 : | /** general module title **/ | ||
| 671 : | table.moduletable th { | ||
| 672 : | border: solid 1px #000000; | ||
| 673 : | color:#FFFFFF; | ||
| 674 : | font-family: Georgia, "Times New Roman", Times, serif; | ||
| 675 : | font-size:13px; | ||
| 676 : | line-height:25px; | ||
| 677 : | background-color: #6EB28A; | ||
| 678 : | height:22px; | ||
| 679 : | text-align:left; | ||
| 680 : | padding-left:15px; | ||
| 681 : | font-weight:normal; | ||
| 682 : | text-transform: uppercase; | ||
| 683 : | letter-spacing: 1px; | ||
| 684 : | } | ||
| 685 : | |||
| 686 : | #leftcol table.moduletable th { | ||
| 687 : | background-color: #8F8A2C; | ||
| 688 : | color: #000000; | ||
| 689 : | border: solid 1px #000000; | ||
| 690 : | } | ||
| 691 : | |||
| 692 : | #rightcol table.moduletable th { | ||
| 693 : | background-color:#6EB28A; | ||
| 694 : | border: solid 1px #000000; | ||
| 695 : | } | ||
| 696 : | |||
| 697 : | |||
| 698 : | /** specific module td table for content top 1 and 2. | ||
| 699 : | position:user2 an user3 **/ | ||
| 700 : | #content_top1 table.moduletable td, | ||
| 701 : | #content_top2 table.moduletable td { | ||
| 702 : | background-color:#F2FFF2; | ||
| 703 : | height:100px; | ||
| 704 : | min-height:100px; | ||
| 705 : | vertical-align:top; | ||
| 706 : | } | ||
| 707 : | |||
| 708 : | /** right column module td **/ | ||
| 709 : | #rightcol table.moduletable td { | ||
| 710 : | padding:5px; | ||
| 711 : | |||
| 712 : | } | ||
| 713 : | |||
| 714 : | /** generic menu item **/ | ||
| 715 : | |||
| 716 : | .mainlevel { | ||
| 717 : | display:block; | ||
| 718 : | font: bold 11px/25px Arial, Helvetica, sans-serif !important; | ||
| 719 : | padding-left:15px; | ||
| 720 : | background:transparent url(../images/bg_mainlevel.gif) repeat-x center top; | ||
| 721 : | font-weight:bold; | ||
| 722 : | text-decoration:none; | ||
| 723 : | } | ||
| 724 : | |||
| 725 : | /** specific left column form **/ | ||
| 726 : | #leftcol form { | ||
| 727 : | margin-left:15px; | ||
| 728 : | } | ||
| 729 : | |||
| 730 : | /** specific left column form **/ | ||
| 731 : | #leftcol .button { | ||
| 732 : | font-size:11px; | ||
| 733 : | color:#FFFFFF; | ||
| 734 : | background-color:#C4BD40; | ||
| 735 : | border: 1px solid #746A39; | ||
| 736 : | width:140px; | ||
| 737 : | } | ||
| 738 : | |||
| 739 : | |||
| 740 : | /** specific left column form **/ | ||
| 741 : | #leftcol .inputbox { | ||
| 742 : | font-size:11px; | ||
| 743 : | font-weight: bold; | ||
| 744 : | } | ||
| 745 : | |||
| 746 : | /** module styles in #leftcol **/ | ||
| 747 : | #leftcol table.moduletable td { | ||
| 748 : | color:#FFFFFF; | ||
| 749 : | font-size:11px; | ||
| 750 : | } | ||
| 751 : | |||
| 752 : | /** search div in top right column. position:user4 **/ | ||
| 753 : | div.search { | ||
| 754 : | margin-left:10px; | ||
| 755 : | } | ||
| 756 : | |||
| 757 : | /** search field in search div **/ | ||
| 758 : | .search .inputbox { | ||
| 759 : | width:145px; | ||
| 760 : | border: 1px solid #000000; | ||
| 761 : | } | ||
| 762 : | |||
| 763 : | /* --------------------- | ||
| 764 : | mambo form layout | ||
| 765 : | --------------------- */ | ||
| 766 : | |||
| 767 : | /** left column input form **/ | ||
| 768 : | #leftcol .inputbox { | ||
| 769 : | font-size:11px; | ||
| 770 : | /*border: 1px solid #000000;*/ | ||
| 771 : | margin-bottom:2px; | ||
| 772 : | } | ||
| 773 : | |||
| 774 : | |||
| 775 : | |||
| 776 : | /** input button html tag **/ | ||
| 777 : | .button, | ||
| 778 : | #rightcol .button { | ||
| 779 : | font-size:11px; | ||
| 780 : | text-transform:uppercase; | ||
| 781 : | color:#FFFFFF; | ||
| 782 : | font-weight:bold; | ||
| 783 : | background-color:#000000; | ||
| 784 : | border: 1px solid #666666; | ||
| 785 : | } | ||
| 786 : | |||
| 787 : | .search { | ||
| 788 : | margin-top:30px; | ||
| 789 : | } | ||
| 790 : | |||
| 791 : | |||
| 792 : | |||
| 793 : | /* | ||
| 794 : | mambo top menu layout | ||
| 795 : | you need to add menu class suffix: -nav | ||
| 796 : | */ | ||
| 797 : | |||
| 798 : | /** unordered list top menu **/ | ||
| 799 : | ul#mainlevel-nav | ||
| 800 : | { | ||
| 801 : | list-style: none; | ||
| 802 : | padding: 0; | ||
| 803 : | margin: 0; | ||
| 804 : | font-size: 0.8em; | ||
| 805 : | } | ||
| 806 : | |||
| 807 : | /** unordered list item for top menu **/ | ||
| 808 : | ul#mainlevel-nav li | ||
| 809 : | { | ||
| 810 : | display: block; | ||
| 811 : | padding-left: 0px; | ||
| 812 : | padding-right: 0px; | ||
| 813 : | float: left; | ||
| 814 : | margin: 0; | ||
| 815 : | width: auto !important; | ||
| 816 : | font-size: 11px; | ||
| 817 : | line-height: 23px; | ||
| 818 : | white-space: nowrap; | ||
| 819 : | } | ||
| 820 : | |||
| 821 : | /** unordered list item link for top menu **/ | ||
| 822 : | ul#mainlevel-nav li a | ||
| 823 : | { | ||
| 824 : | display: block; | ||
| 825 : | padding-left: 15px; | ||
| 826 : | padding-right: 15px; | ||
| 827 : | text-decoration: none; | ||
| 828 : | color: #FFFFFF; | ||
| 829 : | font-weight:bold; | ||
| 830 : | } | ||
| 831 : | |||
| 832 : | /** unordered list item link for top menu for firefox only **/ | ||
| 833 : | #topmenu>ul#mainlevel-nav li a { | ||
| 834 : | width: auto; | ||
| 835 : | } | ||
| 836 : | |||
| 837 : | /** unordered list item for top menu for firefox only **/ | ||
| 838 : | ul#mainlevel-nav li a:hover { | ||
| 839 : | background: #535353; | ||
| 840 : | text-decoration:none; | ||
| 841 : | } | ||
| 842 : | |||
| 843 : | |||
| 844 : | /* | ||
| 845 : | specific right column menu item. position:right | ||
| 846 : | you need to add menu class suffix: -right and | ||
| 847 : | module class suffix: -right | ||
| 848 : | */ | ||
| 849 : | .mainlevel-right { | ||
| 850 : | display:block; | ||
| 851 : | height:25px; | ||
| 852 : | line-height:25px; | ||
| 853 : | padding-left:15px; | ||
| 854 : | background:#0C362D url(../images/bg_mainlevel_right.gif) repeat-x center top; | ||
| 855 : | font-weight:bold; | ||
| 856 : | } | ||
| 857 : | |||
| 858 : | |||
| 859 : | /** for polls **/ | ||
| 860 : | .poll { | ||
| 861 : | font-size:11px; | ||
| 862 : | line-height: 16px; | ||
| 863 : | } | ||
| 864 : | |||
| 865 : | table.pollstableborder .sectiontableentry2 { | ||
| 866 : | background-color:transparent; | ||
| 867 : | text-align:left; | ||
| 868 : | } | ||
| 869 : | table.pollstableborder .sectiontableentry1 { | ||
| 870 : | background-color:#092620; | ||
| 871 : | text-align:left; | ||
| 872 : | } | ||
| 873 : | |||
| 874 : | .moduletable_bgimg table.pollstableborder td.sectiontableentry2, | ||
| 875 : | .moduletable_bgimg table.pollstableborder td.sectiontableentry1 { | ||
| 876 : | background-color:transparent!important; | ||
| 877 : | text-align:left!important; | ||
| 878 : | } | ||
| 879 : | |||
| 880 : | /** hack to make any div or table inside content will not stretcg outside area*/ | ||
| 881 : | table.contentpane table table input.inputbox { | ||
| 882 : | max-width:80px; | ||
| 883 : | width:80px; | ||
| 884 : | } | ||
| 885 : | |||
| 886 : | table.contentpane { | ||
| 887 : | width:390px!important; | ||
| 888 : | } | ||
| 889 : | |||
| 890 : | .contentpaneopen { | ||
| 891 : | width:100%!important; | ||
| 892 : | } | ||
| 893 : | |||
| 894 : | .contentpaneopen tr.sectiontableentry2 td, | ||
| 895 : | .contentpaneopen tr.sectiontableentry1 td{ | ||
| 896 : | display:block; | ||
| 897 : | width:390px!important; | ||
| 898 : | } | ||
| 899 : | |||
| 900 : | #con_global div, #con_global table, | ||
| 901 : | #hp_view_standard_photo_con1 div div, | ||
| 902 : | #hp_view_agen_con { | ||
| 903 : | width:390px!important; | ||
| 904 : | text-align:left; | ||
| 905 : | } | ||
| 906 : | |||
| 907 : | #hp_view_standard_photo_con1 div div, | ||
| 908 : | #hp_view_standard_photo_con2, | ||
| 909 : | #hp_view_standard_photo_con3, | ||
| 910 : | #hp_view_agen_con { | ||
| 911 : | width:390px!important; | ||
| 912 : | text-align:left; | ||
| 913 : | } | ||
| 914 : | |||
| 915 : | table.contentpane table { | ||
| 916 : | width:390px!important; | ||
| 917 : | text-align:left; | ||
| 918 : | } | ||
| 919 : | |||
| 920 : | table.contentpane td.contentheading { | ||
| 921 : | width:200px!important; | ||
| 922 : | } | ||
| 923 : | |||
| 924 : | table.contentpane td.buttonheading { | ||
| 925 : | width:150px!important; | ||
| 926 : | } | ||
| 927 : | |||
| 928 : | #bottompadding { | ||
| 929 : | position:relative; | ||
| 930 : | width:760px; | ||
| 931 : | display:block; | ||
| 932 : | height:20px; | ||
| 933 : | margin-top:-100px; | ||
| 934 : | } |
| ViewVC Help | |
| Powered by ViewVC 1.0.0 |
Web Hosting provided by Network Redux.