Mambo API

[Summary view] [Print] [Text view]

   1  /* ---------------------

   2  basic layout

   3  --------------------- */
   4  
   5  * {
   6      font-family: Arial, Helvetica, sans-serif;
   7  }
   8  
   9  .waterbody {
  10      background:#E8E8E8 url(../images/bg_body.jpg) repeat 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      color:#000000;
  28  }
  29  
  30  a:hover {
  31      color:#96C600;
  32  }
  33  
  34  #leftcol a,

  35  #leftcol a:link,

  36  #leftcol a:active,

  37  #leftcol a:visited {

  38      text-decoration:none !important;
  39      border-bottom: 1px dotted #000000;
  40      color:#000000;
  41  }
  42  
  43  #leftcol a:hover {

  44      text-decoration:none;
  45      color:#000000;
  46      border-bottom: 1px solid #000000;
  47      text-decoration:none !important;
  48  }
  49  
  50  #rightcol a,

  51  #rightcol a:link,

  52  #rightcol a:active,

  53  #rightcol a:visited {

  54      text-decoration:none !important;
  55      border-bottom: 1px dotted #FFFFFF;
  56      color:#FFFFFF;
  57  }
  58  
  59  #rightcol a:hover {

  60      border-bottom: 1px solid #FFFFFF;
  61      color:#FFFFFF;
  62      text-decoration:none !important;
  63  }
  64  ul {
  65      margin: 5px;
  66      padding: 5px;
  67      list-style: none;
  68      list-style-type: square;
  69  }
  70  
  71  li {
  72      line-height: 18px;
  73      padding-left: 5px;
  74      padding-top: 0px;
  75      list-style-position: inside;
  76  }
  77  
  78  /** To center the objects **/

  79  .center {
  80      text-align:center!important;
  81  }
  82  
  83  /** clear the banner to make it sit in the bottom **/

  84  .clear {
  85      clear:both;
  86  }
  87  
  88  /* ---------------------

  89  template layout

  90  --------------------- */
  91  
  92  /** wrapper to make the page center **/

  93  #container {

  94      width:760px;
  95      margin: 0px auto;
  96      padding:0;
  97      text-align: left;
  98  }
  99  
 100  /**

 101  hold background, it should be float:left

 102  that's way we can not put it in #container

 103  **/
 104  #containerbg {

 105      width: 760px;
 106      background:transparent url(../images/bg_inside.jpg) repeat-y left top;
 107      float:left;
 108  }
 109  
 110  #outerleft {

 111      position:relative;
 112      float:left;
 113      clear:left;
 114      width:590px;
 115      
 116  }
 117  
 118  #outerright {

 119      position:relative;
 120      width:170px;
 121      float:right;
 122      clear:right;
 123  }
 124  
 125  #logo {

 126      position:relative;
 127      width:100%;
 128      height:74px;
 129      float:left;
 130      background:#FFFFFF url(../images/bg_header.jpg) no-repeat left top;
 131  }
 132  
 133  /** div container for top menu. position:top **/

 134  #topmenu {

 135      position:relative;
 136      float:left;
 137      clear:left;
 138      background-color:#000000;
 139      width: 100%;
 140  }
 141  
 142  /** div container for image header **/

 143  #imgheader {

 144      position:relative;
 145      float:left;
 146      clear:left;
 147      width:100%;
 148      height:99px;
 149      background-color: #000000;
 150  }
 151  
 152  #container_inner {

 153      position:relative;
 154      clear:left;
 155      width:590px;
 156  }
 157  
 158  /** div container for left column **/

 159  #leftcol {

 160      position:relative;
 161      float:left;
 162      clear:left;
 163      width:170px;
 164  }
 165  
 166  #leftcolmenu {

 167      position:relative;
 168      overflow:auto;
 169  }
 170  
 171  
 172  /** div wrapper for user2 & user3 **/

 173  #content_top_wrapper {

 174      position:relative;
 175      float:right;
 176      clear:right;
 177      width:405px;
 178      display:inline;
 179      margin: 4px 6px 0 0;
 180  }
 181  
 182  /** div container for position:user2 **/

 183  #content_top1 {

 184      position:relative;
 185      float:left;
 186      clear:left;
 187      width:200px;
 188  }
 189  
 190  /** div container for position:user3 **/

 191  #content_top2 {

 192      position:relative;
 193      float:right;
 194      clear:right;
 195      width:200px;
 196  }
 197  
 198  /** div container for mainbody **/

 199  #content_main {

 200      position:relative;
 201      float:left;
 202      width:400px;
 203      margin:10px 0 20px 10px;
 204      background-color:#FFFFFF;
 205      overflow:auto;
 206      word-wrap:break-word;
 207  }
 208  
 209  /** div container for right column **/

 210  #rightcol_top,

 211  #rightcol {

 212      float:left;
 213      clear:left;
 214      width:168px;
 215      margin:0 0 0 1px;
 216      display:inline;
 217      overflow:auto;
 218  }
 219  
 220  /** div container for right column position:header **/

 221  #rightcol_top {

 222      height:70px;
 223      min-height:70px;
 224  }
 225  
 226  /** div container for banner position:banner **/

 227  #banner {

 228      position:relative;
 229      clear:left;
 230      float:left;
 231      width:590px;
 232      height:65px;
 233      min-height:65px;
 234      color:#FFFFFF;
 235      font-size:9px;
 236      background-color: #333333;
 237      display:block;
 238      text-align:center!important;
 239      vertical-align:middle;
 240      padding:5px 0 0 0;
 241      margin-top:20px;
 242  }
 243  
 244  #blackline {

 245      position:relative;
 246      clear:left;
 247      float:left;
 248      width:590px;
 249      height:10px;
 250      min-height:10px;
 251      background-color: #000000;
 252      color:#FFFFFF;
 253      font-size:10px;
 254      margin-top:20px;
 255  }
 256  
 257  
 258  /** copyright **/

 259  #copyright {

 260      position:relative;
 261      width:760px;
 262      display:block;
 263      clear:both;
 264      float:left;
 265  }
 266  
 267  #copyright div {

 268      color:#666666;
 269      font-size:10px;
 270      font-weight:bold;
 271      display:block!important;
 272      width:760px;
 273      float:left;
 274      clear:left;
 275      margin:-5px 0 0 0;
 276      text-align:left;
 277  }
 278  
 279  
 280  /* ---------------------

 281  mambo content layout

 282  --------------------- */
 283  
 284  
 285  /** pathway block **/

 286  span.pathway {
 287      display:block;
 288      text-align:left;
 289      color:#000000;
 290      font-size:10px;
 291      font-weight:bold;
 292      border-bottom-width: 1px;
 293      border-bottom-style: solid;
 294      border-bottom-color: #E5E5E5;
 295      height:20px;
 296      margin-bottom:10px;
 297  }
 298  
 299  /** content title **/

 300  .componentheading {
 301      font-family:Georgia, "Times New Roman", Times, serif !important;
 302      color:#000000;
 303      font-size: 20px;
 304      line-height:25px;
 305      padding: 5px 0 5px 0;
 306      display:block;
 307  }
 308  
 309  .contentheading,
 310  .contentpagetitle,
 311  a.contentpagetitle:link,
 312  a.contentpagetitle:active,
 313  a.contentpagetitle:visited {
 314      font-family:Georgia, "Times New Roman", Times, serif !important;
 315      font-size:18px;
 316      font-weight: normal;
 317      color:#0C362D;
 318      padding-top: 25px;
 319      background-color:inherit;
 320      display:block;
 321  }
 322  
 323  .contentpaneopen {
 324      width:100%;
 325  }
 326  
 327  
 328  .buttonheading {
 329      width: 16px!important;
 330      text-align:right;
 331  }
 332  
 333  
 334  td.sectiontableheader {
 335      font-weight: bold;
 336  }
 337  
 338  .category, .categorytitle {
 339      font-weight: bold;
 340      color:#000000;
 341      background-color:inherit;
 342  }
 343  
 344  .sectiontableentry1,
 345  table.pollstableborder tr.sectiontableentry1 {
 346      background-color: #F9FFEA;
 347      padding: 2px;
 348      color:#333333;
 349      
 350  }
 351  
 352  .sectiontableentry2,
 353  table.pollstableborder tr.sectiontableentry2 {
 354      background-color: #FFFFFF;
 355      padding: 2px;
 356      color:#333333;
 357  }
 358  
 359  tr.sectiontableentry1 td,
 360  tr.sectiontableentry2 td {
 361      word-wrap:break-word;
 362  }
 363  
 364  
 365  /** blog Styles **/

 366  .blogsection {
 367      color:#000000;
 368      background-color:inherit;
 369  }
 370  
 371  .blog_more {
 372      font-weight: bold;
 373      line-height: 25px;
 374      padding-top: 20px;
 375      color: #000000;
 376      border-bottom: 1px solid #E5E5E5;
 377      background-color:inherit;
 378  }
 379  
 380  /** small text in content **/

 381  .small {
 382      color:#336600;
 383      font-size:10px;
 384      font-weight: normal;
 385      background-color:inherit;
 386  }
 387  
 388  /** date info in content **/

 389  #content_main .createdate {

 390      color:#99CC00;
 391      font-size:10px;
 392      padding: 0 0 15px 0;
 393      line-height:8px;
 394      background-color:inherit;
 395  }
 396  
 397  #content_main .modifydate {

 398      color:#999999;
 399      font-size:10px;
 400      padding: 0;
 401      background-color:inherit;
 402  }
 403  
 404  
 405  /** toc page navigation  **/

 406  .pagenav_prev,
 407  .pagenav_next {
 408      font-size:11px;
 409  }
 410  
 411  
 412  /** content item navigation  **/

 413  .pagenavbar  {
 414      display:block;
 415      width:100%;
 416      background-color:inherit;
 417      height:20px;
 418      line-height:25px;
 419      text-align:right;
 420      letter-spacing:2px;
 421      color:#999999!important;
 422      clear:both;
 423      font-size: 11px!important;
 424      margin-top: 10px;
 425      background-image: url(../images/bg_pagenav.jpg);
 426      background-repeat: repeat-x;
 427      background-position: center bottom;    
 428  }
 429  
 430  .pagenav {
 431      height:20px;
 432      line-height:25px;
 433      text-align:right;
 434      letter-spacing:2px;
 435      color:#999999;
 436      clear:both;
 437      font-size: 11px;
 438      margin-left: 0;
 439      margin-right: 0;
 440      background-color:inherit;
 441  }
 442  
 443  .back_button {
 444      display:block;
 445      text-align:left;
 446      font-weight:bold;
 447      font-size:12px;
 448      width:100%;
 449      margin-bottom:10px;
 450      letter-spacing:2px;
 451  }
 452  
 453  
 454  /** highlight word search result **/

 455  .highlight {
 456      font-weight:bold;
 457      background-color: #FFFF00;
 458      padding: 2px 0 2px 0;
 459      
 460  }
 461  
 462  /** table of content layout **/

 463  table.contenttoc {
 464      border:1px solid #000000;
 465      padding:1px;
 466      width:130px;
 467      margin: 0 0 10px 10px;
 468  }
 469  
 470  /** table of content header **/

 471  .contenttoc th {
 472      color:#FFFFFF;
 473      background-color:#666666;
 474      font-size:11px;
 475      display:block;
 476      width:124px;
 477  }
 478  
 479  /** unordered list for latest news module **/

 480  ul.latestnews li,ul.mostread li {
 481      line-height: 18px;
 482      font-size:11px;
 483      font-weight:bold;
 484      list-style-type: none;
 485      list-style-position: outside;
 486  }
 487  
 488  
 489  /** fix opera table width for content list in table category**/

 490  table.contentpane td.contentdescription {
 491      width:100%!important;
 492  }
 493  
 494  /* ---------------------

 495  Links

 496  --------------------- */
 497  
 498  /** any left column link **/

 499  
 500  a.pagenav:link ,
 501  a.pagenav_next:link,
 502  a.pagenav_pre:link,
 503  div.back_button a,
 504  div.back_button a:link,
 505  a.latestnews:link,
 506  a.latestnews:active,
 507  a.latestnews:visited,
 508  a.mostread:link,
 509  a.mostread:active,
 510  a.mostread:visited {
 511      text-decoration: none !important;
 512      border-bottom: 1px dotted #000000 !important;
 513  }
 514  
 515  a.latestnews:hover,
 516  a.mostread:hover {
 517      color: #000000 !important;
 518      text-decoration: none !important;
 519      border-bottom: 1px solid #000000 !important;
 520  }
 521  
 522  a.pagenav:hover ,
 523  a.pagenav_next:hover,
 524  a.pagenav_pre:hover,
 525  div.back_button a:hover {
 526      text-decoration: none !important;
 527      border-bottom: 1px solid #000000 !important;
 528  }
 529  
 530  /*** read more link ***/

 531  .readon,
 532  a.readon:link,
 533  a.readon:active,
 534  a.readon:visited {
 535      color:#99CC00;
 536      font-weight:bold;
 537      text-align:left;
 538      margin-top:10px;
 539      letter-spacing: 2px;
 540      font-size:10px;
 541      text-decoration:none;
 542  }
 543  
 544  a.readon:hover {
 545      color:#666666;
 546  }
 547  
 548  
 549  /*** blog links ***/

 550  a.blogsection:link,
 551  a.blogsection:active,
 552  a.blogsection:visited {
 553      color:#000000;
 554      text-decoration:none;
 555  }
 556  
 557  /** generic menu item link **/

 558  a.mainlevel:link,
 559  a.mainlevel:active,
 560  a.mainlevel:visited,
 561  a.sublevel:link,
 562  a.sublevel:active,
 563  a.sublevel:visited {
 564      color:#000000;
 565      text-decoration:none;
 566      border: none !important;
 567      font-size:11px;
 568      line-height: 27px;
 569  }
 570  
 571  a.sublevel:hover {
 572      color: #E0FF33 !important;
 573  }
 574  
 575  /** generic menu item link on mouseover **/

 576  
 577  a.mainlevel:hover,
 578  #leftcol a.mainlevel:hover,

 579  #leftcolmenu a.mainlevel:hover {

 580      background:#E0FF33 url(../images/bg_mainlevel.gif) repeat-x center top;
 581      color:#000000!important;
 582      text-decoration:none!important;
 583      border: none !important;
 584  }
 585  
 586  /** specific top right column menu item link **/

 587  a.mainlevel-right:link,
 588  a.mainlevel-right:active,
 589  a.mainlevel-right:visited,
 590  a.sublevel-right:link,
 591  a.sublevel-right:active,
 592  a.sublevel-right:visited {
 593      color:#000000;
 594      text-decoration:none !important;
 595      font-size:11px;
 596      border: none !important;
 597  }
 598  
 599  /** specific top right column menu item link on mouseover **/

 600  a.mainlevel-right:hover {
 601      background:#666666;
 602      text-decoration:none;
 603      border: none !important;
 604  }
 605  
 606  /** pathway link item **/

 607  a.pathway:link,
 608  a.pathway:link,
 609  a.pathway:active,
 610  a.pathway:visited {
 611      color:#999999;
 612      text-decoration:none;
 613      border: none;
 614  }
 615  
 616  
 617  /** table of content list **/

 618  a.toclink:link,
 619  a.toclink:active,
 620  a.toclink:visited {
 621      color:#000000;
 622      font-size:11px;
 623      padding:2px 10px 2px 10px;
 624      display:block;
 625      text-decoration:none;
 626  }
 627  
 628  .pagenavbar a:link,
 629  .pagenavbar a:active,
 630  .pagenavbar a:visited  {
 631      letter-spacing:2px;
 632      color:#000000;
 633      font-size: 11px;
 634      text-decoration: none;
 635  }
 636  
 637  .pagenavbar a:hover {
 638      color:#000000;
 639  }
 640  
 641  
 642  /** latestnews and popular **/

 643  .latestnews,
 644  .mostread {
 645      color:#000000;
 646  }
 647  
 648  a.latestnews:hover,
 649  .mostread a:hover,
 650  .latestnews a:hover,
 651  .mostread a:active,
 652  .latestnews a:hover,
 653  .mostread a:hover,{
 654      border-bottom: 1px solid #000000;
 655  }
 656  
 657  
 658  /* ---------------------

 659  mambo module layout

 660  --------------------- */
 661  
 662  /** general module table **/

 663  table.moduletable,
 664  #leftcol table,

 665  #rightcol table {

 666      width:100%;
 667      float:left;
 668      clear:left;
 669  }
 670  
 671  /** general module table **/

 672  #leftcol table,

 673  #leftcol table td {

 674      font-size:11px !important;
 675      color:#000000;
 676  }
 677  
 678  #rightcol table,

 679  #rightcol table td {

 680      font-size:11px !important;
 681      color:#FFFFFF;
 682  }
 683  
 684  /** general module title **/

 685  table.moduletable th {
 686      border: solid 1px #000000;
 687      color:#000000;
 688      font-family: Georgia, "Times New Roman", Times, serif;
 689      font-size:13px;
 690      line-height:25px;
 691      background: #B5B5B5 url(../images/bg_leftcol_module_th.gif) repeat-y left top;
 692      height:22px;
 693      text-align:left;
 694      padding-left:15px;
 695      font-weight:normal;
 696      text-transform: uppercase;
 697      letter-spacing: 1px;
 698  }
 699  
 700  #leftcol table.moduletable th {

 701      background-color: #B8F400;
 702      color: #000000;
 703      border: none;
 704      border-top: solid 1px #000000;
 705      border-bottom: solid 1px #000000;
 706  }
 707  
 708  #rightcol table.moduletable th {

 709      background-color:#B5B5B5;
 710      border: solid 1px #000000;
 711  }
 712  /** specific module td table for content top 1 and 2. 

 713  position:user2 an user3 **/
 714  #content_top1 table.moduletable td,

 715  #content_top2 table.moduletable td {

 716      background-color:#EFEFEF;
 717      height:100px;
 718      min-height:100px;
 719      vertical-align:top;
 720  }
 721  
 722  /** right column module td **/

 723  #rightcol table.moduletable td   {

 724      padding:5px;
 725  }
 726  
 727  /** generic menu item **/

 728  
 729  .mainlevel  {
 730      display:block;
 731      font: bold 11px/25px Arial, Helvetica, sans-serif !important;
 732      color: #000000 !important;
 733      padding-left:15px;
 734      background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;
 735      font-weight:bold;
 736      text-decoration:none;
 737  }
 738  
 739  /** specific left column form **/

 740  #leftcol form {

 741      margin-left:15px;
 742  }
 743  
 744  /** specific left column form **/

 745  #leftcol .button {

 746      font-size:11px;
 747      color:#FFFFFF;
 748      background-color:#A8DF00;
 749      border: 1px solid #CCFF00;
 750      width:140px;
 751  }
 752  
 753  
 754  /** specific left column form **/

 755  #leftcol .inputbox {

 756      font-size:11px;
 757      font-weight: bold;
 758  }
 759  
 760  /** module styles in #leftcol **/

 761  #leftcol table.moduletable td {

 762      color:#000000;
 763      font-size:11px;
 764  }
 765  
 766  /** search div in top right column. position:user4 **/

 767  div.search {
 768      margin-left:10px;
 769  }
 770  
 771  /** search field in search div **/

 772  .search .inputbox {
 773      width:145px;
 774      border: 1px solid #000000;
 775  }
 776  
 777  /* ---------------------

 778  mambo form layout

 779  --------------------- */
 780  
 781  /** left column input form **/

 782  #leftcol .inputbox {

 783      font-size:11px;
 784      margin-bottom:2px;
 785  }
 786  
 787  
 788  
 789  /** input button html tag **/

 790  .button,
 791  #rightcol .button {

 792      font-size:11px;
 793      text-transform:uppercase;
 794      color:#FFFFFF;
 795      font-weight:bold;
 796      background-color:#000000;
 797      border: 1px solid #666666;
 798  }
 799  
 800  .search  {
 801      margin-top:30px;
 802  }
 803  
 804  
 805  /* 

 806  mambo top menu layout

 807  you need to add menu class suffix: -nav

 808  */
 809  
 810  /** unordered list top menu **/

 811  ul#mainlevel-nav
 812  {
 813      list-style: none;
 814      padding: 0;
 815      margin: 0;
 816      font-size: 0.8em;
 817  }
 818  
 819  /** unordered list item for top menu **/

 820  ul#mainlevel-nav li
 821  {
 822      display: block;
 823      padding-left: 0px;
 824      padding-right: 0px;
 825      float: left;
 826      margin: 0;
 827      width: auto !important;
 828      font-size: 11px;
 829      line-height: 23px;
 830      white-space: nowrap;
 831  }
 832  
 833  /** unordered list item link for top menu **/

 834  ul#mainlevel-nav li a
 835  {
 836      display: block;
 837      padding-left: 15px;
 838      padding-right: 15px;
 839      text-decoration: none;
 840      color: #FFFFFF;
 841      font-weight:bold;
 842  }
 843  
 844  /** unordered list item link for top menu for firefox only **/

 845  #topmenu>ul#mainlevel-nav li a {

 846      width: auto;
 847  }
 848  
 849  /** unordered list item for top menu for firefox only **/

 850  ul#mainlevel-nav li a:hover {
 851      background: #535353;
 852      text-decoration:none;
 853  }
 854  
 855  
 856   /*

 857  specific right column menu item. position:right

 858  you need to add menu class suffix: -right and

 859  module class suffix: -right

 860   */
 861  .mainlevel-right {
 862      display:block;
 863      height:25px;
 864      line-height:25px;
 865      padding-left:15px;
 866      color: #FFFFFF;
 867      background:#333333 url(../images/bg_mainlevel_right.gif) repeat-x center top;
 868      font-weight:bold;
 869  }
 870  
 871  /** 

 872  moduletable specific with background image

 873  you need to add modules class suffix: -bgimg

 874   **/
 875  table.moduletable-bgimg {
 876      background:transparent url(../images/bg_module.jpg) no-repeat center bottom;
 877      float:left;
 878      clear:left;
 879      width:100%;
 880  }
 881  
 882  table.moduletable-bgimg td {
 883      padding: 5px ;
 884      font-size:11px;
 885  }
 886  
 887  table.moduletable-bgimg td td {
 888      padding: 0!important;
 889  }
 890  
 891  /** for polls **/

 892  .poll {
 893      font-size:11px;
 894      line-height: 16px;
 895  }
 896  
 897  table.pollstableborder .sectiontableentry2 {
 898      background-color:transparent; 
 899      text-align:left; 
 900  }
 901  table.pollstableborder .sectiontableentry1 {
 902      background-color:#333333; 
 903      text-align:left;
 904  }
 905  
 906  .moduletable_bgimg table.pollstableborder td.sectiontableentry2,
 907  .moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
 908      background-color:transparent!important; 
 909      text-align:left!important; 
 910  }
 911  
 912  
 913  #bottompadding    {

 914      position:relative;
 915      width:900px;
 916      display:block;
 917      height:0px;
 918      margin-top:-100px;
 919  }
 920  
 921  /** hack to make any div or table inside content will not stretcg outside area*/

 922  table.contentpane  table table input.inputbox {
 923      max-width:80px;
 924      width:80px;
 925  }
 926  
 927  table.contentpane {
 928      width:390px!important;
 929  }
 930  
 931  .contentpaneopen {
 932      width:100%!important;
 933  }
 934  
 935  .contentpaneopen tr.sectiontableentry2 td,
 936  .contentpaneopen tr.sectiontableentry1 td{
 937      display:block;
 938      width:390px!important;
 939  }
 940  
 941  #con_global div, #con_global table,

 942  #hp_view_standard_photo_con1 div div,

 943  #hp_view_agen_con {

 944      width:390px!important;
 945      text-align:left;
 946  }
 947  
 948  #hp_view_standard_photo_con1 div div,

 949  #hp_view_standard_photo_con2,

 950  #hp_view_standard_photo_con3,

 951  #hp_view_agen_con {

 952      width:390px!important;
 953      text-align:left;
 954  }
 955  
 956  table.contentpane  table  {
 957      width:390px!important;
 958      text-align:left;
 959  }
 960  
 961  table.contentpane  td.contentheading  {
 962      width:200px!important;
 963  }
 964  
 965  table.contentpane  td.buttonheading  {
 966      width:150px!important;
 967  }
 968  
 969  #bottompadding    {

 970      position:relative;
 971      width:760px;
 972      display:block;
 973      height:20px;
 974      margin-top:-100px;
 975  }