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:#CCCCCC 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: 55px 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      background:transparent url(../images/bg_leftcol.jpg) repeat-y left top;
 136  }
 137  
 138  #leftcolmenu {

 139      position:relative;
 140      background:transparent url(../images/bg_leftcol.jpg) repeat-y left top;
 141      overflow:auto;
 142  }
 143  
 144  
 145  /** div wrapper for user2 & user3 **/

 146  #content_top_wrapper {

 147      position:relative;
 148      float:right;
 149      clear:right;
 150      width:405px;
 151      display:inline;
 152      margin: 4px 6px 0 0;
 153  }
 154  
 155  /** div container for position:user2 **/

 156  #content_top1 {

 157      position:relative;
 158      float:left;
 159      clear:left;
 160      width:200px;
 161  }
 162  
 163  /** div container for position:user3 **/

 164  #content_top2 {

 165      position:relative;
 166      float:right;
 167      clear:right;
 168      width:200px;
 169  }
 170  
 171  /** div container for mainbody **/

 172  #content_main {

 173      position:relative;
 174      float:left;
 175      width:400px;
 176      margin:10px 0 20px 10px;
 177      background-color:#FFFFFF;
 178      overflow:auto;
 179      word-wrap:break-word;
 180  }
 181  
 182  /** div container for right column **/

 183  #rightcol_top,

 184  #rightcol {

 185      float:left;
 186      clear:left;
 187      width:168px;
 188      margin:0 0 0 1px;
 189      display:inline;
 190      overflow:auto;
 191  }
 192  
 193  /** div container for right column position:header **/

 194  #rightcol_top {

 195      height:70px;
 196      min-height:70px;
 197      background:transparent url(../images/bg_topright.jpg) no-repeat center top;
 198  }
 199  
 200  /** div container for banner position:banner **/

 201  #banner {

 202      position:relative;
 203      clear:left;
 204      float:left;
 205      width:590px;
 206      height:65px;
 207      min-height:65px;
 208      color:#FFFFFF;
 209      font-size:9px;
 210      background-color: #333333;
 211      display:block;
 212      text-align:center!important;
 213      vertical-align:middle;
 214      padding:5px 0 0 0;
 215      margin-top:20px;
 216  }
 217  
 218  #blackline {

 219      position:relative;
 220      clear:left;
 221      float:left;
 222      width:590px;
 223      height:10px;
 224      min-height:10px;
 225      background-color: #000000;
 226      color:#FFFFFF;
 227      font-size:10px;
 228      margin-top:20px;
 229  }
 230  
 231  
 232  /** copyright **/

 233  #copyright {

 234      position:relative;
 235      width:760px;
 236      display:block;
 237      clear:both;
 238      float:left;
 239  }
 240  
 241  #copyright div {

 242      color:#666666;
 243      font-size:10px;
 244      font-weight:bold;
 245      display:block!important;
 246      width:760px;
 247      float:left;
 248      clear:left;
 249      margin:-5px 0 0 0;
 250      text-align:left;
 251  }
 252  
 253  
 254  /* ---------------------

 255  mambo content layout

 256  --------------------- */
 257  
 258  /** pathway block **/

 259  span.pathway {
 260      display:block;
 261      text-align:left;
 262      color:#000000;
 263      font-size:10px;
 264      font-weight:bold;
 265      border-bottom-width: 1px;
 266      border-bottom-style: solid;
 267      border-bottom-color: #E5E5E5;
 268      height:20px;
 269      margin-bottom:10px;
 270  }
 271  
 272  /** content title **/

 273  .componentheading {
 274      font-family:Georgia, "Times New Roman", Times, serif;
 275      color:#000000;
 276      font-size: 20px;
 277      line-height:25px;
 278      padding: 5px 0 5px 0;
 279      display:block;
 280  }
 281  
 282  .contentheading,
 283  .contentpagetitle,
 284  a.contentpagetitle:link,
 285  a.contentpagetitle:active,
 286  a.contentpagetitle:visited {
 287      font-family: Arial, Helvetica, sans-serif;
 288      font-size:16px;
 289      color:#3973AC;
 290      font-weight: bold;
 291      padding-top: 25px;
 292      background-color:inherit;
 293      display:block;
 294  }
 295  
 296  .contentpaneopen {
 297      width:100%;
 298  }
 299  
 300  
 301  .buttonheading {
 302      width: 16px!important;
 303      text-align:right;
 304  }
 305  
 306  
 307  td.sectiontableheader {
 308      font-weight: bold;
 309  }
 310  
 311  .category, .categorytitle {
 312      font-weight: bold;
 313      color:#3973AC;
 314      background-color:inherit;
 315  }
 316  
 317  .sectiontableentry1,
 318  table.pollstableborder tr.sectiontableentry1 {
 319      background-color: #EFEFEF;
 320      padding: 2px;
 321      color:#333333;
 322      
 323  }
 324  
 325  .sectiontableentry2,
 326  table.pollstableborder tr.sectiontableentry2 {
 327      background-color: #FFFFFF;
 328      padding: 2px;
 329      color:#333333;
 330  }
 331  
 332  tr.sectiontableentry1 td,
 333  tr.sectiontableentry2 td {
 334      word-wrap:break-word;
 335  }
 336  
 337  /** blog Styles **/

 338  .blogsection {
 339      color:#3973AC;
 340      background-color:inherit;
 341  }
 342  
 343  .blog_more {
 344      font-weight: bold;
 345      line-height: 25px;
 346      padding-top: 20px;
 347      color: #3973AC;
 348      border-bottom: 1px solid #E5E5E5;
 349      background-color:inherit;
 350  }
 351  
 352  /** small text in content **/

 353  .small {
 354      color:#999999;
 355      font-size:10px;
 356      font-weight: bold;
 357      background-color:inherit;
 358  }
 359  
 360  /** date info in content **/

 361  #content_main .createdate {

 362      color:#4A87C4;
 363      font-size:10px;
 364      padding: 0 0 15px 0;
 365      line-height:8px;
 366      background-color:inherit;
 367  }
 368  
 369  #content_main .modifydate {

 370      color:#999999;
 371      font-size:10px;
 372      padding: 0;
 373      background-color:inherit;
 374  }
 375  
 376  
 377  
 378  /** toc page navigation  **/

 379  .pagenav_prev,
 380  .pagenav_next {
 381      font-size:11px;
 382  }
 383  
 384  
 385  /** content item navigation  **/

 386  .pagenavbar  {
 387      display:block;
 388      width:100%;
 389      background-color:inherit;
 390      height:20px;
 391      line-height:25px;
 392      text-align:right;
 393      letter-spacing:2px;
 394      color:#999999!important;
 395      clear:both;
 396      font-size: 11px!important;
 397      margin-top: 10px;
 398      background-image: url(../images/bg_pagenav.jpg);
 399      background-repeat: repeat-x;
 400      background-position: center bottom;    
 401  }
 402  
 403  .pagenav {
 404      height:20px;
 405      line-height:25px;
 406      text-align:right;
 407      letter-spacing:2px;
 408      color:#999999;
 409      clear:both;
 410      font-size: 11px;
 411      margin-left: 0;
 412      margin-right: 0;
 413      background-color:inherit;
 414      
 415  }
 416  
 417  .back_button {
 418      display:block;
 419      text-align:left;
 420      font-weight:bold;
 421      font-size:12px;
 422      width:100%;
 423      margin-bottom:10px;
 424      letter-spacing:2px;
 425  }
 426  
 427  /** highlight word search result **/

 428  .highlight {
 429      font-weight:bold;
 430      background-color: #FFFF00;
 431      padding: 2px 0 2px 0;
 432      
 433  }
 434  
 435  /** table of content layout **/

 436  table.contenttoc {
 437      border:1px solid #000000;
 438      padding:1px;
 439      display:block;
 440      width:130px;
 441      margin: 0 0 10px 10px;
 442  }
 443  
 444  /** table of content header **/

 445  .contenttoc th {
 446      color:#FFFFFF;
 447      background-color:#666666;
 448      font-size:11px;
 449      display:block;
 450      width:124px;
 451  }
 452  
 453  /** unordered list for latest news module **/

 454  ul.latestnews li,ul.mostread li {
 455      line-height: 18px;
 456      font-size:11px;
 457      font-weight:bold;
 458      list-style-type: none;
 459      list-style-position: outside;
 460  }
 461  
 462  
 463  /** fix opera table width for content list in table category**/

 464  table.contentpane td.contentdescription {
 465      width:100%!important;
 466  }
 467  
 468  
 469  /* ---------------------

 470  Links

 471  --------------------- */
 472  
 473  /** any left column link **/

 474  #leftcol a:link,

 475  #leftcol a:active,

 476  #leftcol a:visited,

 477  #leftcolmenu a:link,

 478  #leftcolmenu a:active,

 479  #leftcolmenu a:visited

 480   {
 481      color:#FFFFFF;
 482  }
 483  
 484  a.pagenav:link ,
 485  a.pagenav_next:link,
 486  a.pagenav_pre:link,
 487  div.back_button a,
 488  div.back_button a:link,
 489  a.latestnews:link,
 490  a.latestnews:active,
 491  a.latestnews:visited,
 492  a.mostread:link,
 493  a.mostread:active,
 494  a.mostread:visited {
 495      text-decoration:none;
 496  }
 497  
 498  /*** read more link ***/

 499  .readon,
 500  a.readon:link,
 501  a.readon:active,
 502  a.readon:visited {
 503      color:#666666;
 504      font-weight:bold;
 505      text-align:left;
 506      margin-top:10px;
 507      letter-spacing: 2px;
 508      font-size:10px;
 509      text-decoration:none;
 510  }
 511  
 512  /*** blog links ***/

 513  a.blogsection:link,
 514  a.blogsection:active,
 515  a.blogsection:visited {
 516      color:#3973AC;
 517      text-decoration:none;
 518  }
 519  
 520  /** generic menu item link **/

 521  a.mainlevel:link,
 522  a.mainlevel:active,
 523  a.mainlevel:visited,
 524  a.sublevel:link,
 525  a.sublevel:active,
 526  a.sublevel:visited {
 527      color:#FFFFFF;
 528      text-decoration:none;
 529      font-size:11px;
 530      line-height: 27px;
 531  }
 532  
 533  /** generic menu item link on mouseover **/

 534  a.mainlevel:hover,
 535  #leftcol a.mainlevel:hover,

 536  #leftcolmenu a.mainlevel:hover {

 537      background-color:#484848;
 538      color:#FFFFFF!important;
 539      text-decoration:none!important;
 540  }
 541  
 542  /** specific top right column menu item link **/

 543  a.mainlevel-right:link,
 544  a.mainlevel-right:active,
 545  a.mainlevel-right:visited,
 546  a.sublevel-right:link,
 547  a.sublevel-right:active,
 548  a.sublevel-right:visited {
 549      color:#000000;
 550      text-decoration:none;
 551      font-size:11px;
 552  }
 553  
 554  /** specific top right column menu item link on mouseover **/

 555  a.mainlevel-right:hover {
 556      background-color:#CCCCCC;
 557      text-decoration:none;
 558  }
 559  
 560  
 561  /** pathway link item **/

 562  a.pathway:link,
 563  a.pathway:link,
 564  a.pathway:active,
 565  a.pathway:visited {
 566      color:#999999;
 567      text-decoration:none;
 568  }
 569  
 570  /** table of content list **/

 571  a.toclink:link,
 572  a.toclink:active,
 573  a.toclink:visited {
 574      color:#3973AC;
 575      font-size:11px;
 576      padding:2px 10px 2px 10px;
 577      display:block;
 578      text-decoration:none;
 579  }
 580  
 581  .pagenavbar a:link,
 582  .pagenavbar a:active,
 583  .pagenavbar a:visited  {
 584      letter-spacing:2px;
 585      color:#000000;
 586      font-size: 11px;
 587      text-decoration: none;
 588      
 589      
 590  }
 591  
 592  .pagenavbar a:hover {
 593      color:#3973AC;
 594  }
 595  
 596  /** latestnews and popular **/

 597  .latestnews,
 598  .mostread {
 599      color:#000000;
 600  }
 601  
 602  a.latestnews:link,
 603  .mostread a:link,
 604  .latestnews a:active,
 605  .mostread a:active,
 606  .latestnews a:hover,
 607  .mostread a:hover,
 608  .latestnews a:visited,
 609  .mostread a:visited {
 610      color:#000000;
 611      text-decoration:underline;
 612  }
 613  
 614  /** underline on hover **/

 615  a.toclink:hover,
 616  a.latestnews:hover,
 617  a.mostread:hover,
 618  a.pathway:hover,
 619  a.sublevel:hover,
 620  a.sublevel-right:hover,
 621  a.blogsection:hover,
 622  a.readon:hover,
 623  a.pagenav:hover ,
 624  a.pagenav_next:hover,
 625  a.pagenav_pre:hover,
 626  a.latestnews:hover {
 627      text-decoration:underline;
 628      color:#3973AC;
 629      background-color:inherit;
 630  }
 631  
 632  #leftcolmenu a:hover,

 633  #leftcol a:hover {

 634      color: #93B7DB;
 635      text-decoration:underline;
 636  }
 637  
 638  
 639  /* ---------------------

 640  mambo module layout

 641  --------------------- */
 642  
 643  /** general module table **/

 644  table.moduletable,
 645  #leftcol table,

 646  #rightcol table {

 647      width:100%;
 648      float:left;
 649      clear:left;
 650  }
 651  
 652  /** general module table **/

 653  #rightcol table,

 654  #leftcol table td {

 655      font-size:11px !important;
 656      color:#CCCCCC;
 657  }
 658  
 659  #rightcol table,

 660  #rightcol table td {

 661      font-size:11px !important;
 662      color:#030303;
 663  }
 664  
 665  /** general module title **/

 666  table.moduletable th,
 667  table.moduletable-bgimg th,
 668  table.moduletable-right th {
 669      border: 1px solid #000000;    
 670      color:#FFFFFF;
 671      font-family: Georgia, "Times New Roman", Times, serif;
 672      font-size:15px;
 673      line-height:20px;
 674      background-color:#484848;
 675      height:25px;
 676      text-align:left;
 677      padding-left:15px;
 678      font-weight:normal;
 679  }
 680  
 681  /** specific module td table for content top 1 and 2. 

 682  position:user2 an user3 **/
 683  #content_top1 table.moduletable td,

 684  #content_top2 table.moduletable td {

 685      background:transparent url(../images/bg_module_contenttop.jpg) no-repeat center bottom;
 686      height:100px;
 687      min-height:100px;
 688      vertical-align:top;
 689  }
 690  
 691  /** right column module td **/

 692  #rightcol table.moduletable td   {

 693      padding:5px;
 694  }
 695  
 696  /** generic menu item **/

 697  
 698  .mainlevel  {
 699      display:block;
 700      font: bold 11px/25px Arial, Helvetica, sans-serif !important;
 701      padding-left:15px;
 702      background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;
 703      font-weight:bold;
 704      text-decoration:none;
 705  }
 706  
 707  /** specific left column form **/

 708  #leftcol form {

 709      margin-left:15px;
 710  }
 711  
 712  /** specific left column form **/

 713  #leftcol .button {

 714      font-size:11px;
 715      color:#FFFFFF;
 716      background-color:#585858;
 717      border-right: 1px solid #333333;
 718      border-bottom: 1px solid #333333;
 719      border-left: 1px solid #888888;
 720      border-top: 1px solid #888888;
 721      width:140px;
 722  }
 723  
 724  
 725  /** specific left column form **/

 726  #leftcol .inputbox {

 727      font-size:11px;
 728      font-weight: bold;
 729  }
 730  
 731  /** module styles in #leftcol **/

 732  #leftcol table.moduletable td {

 733      color:#DADADA;
 734      font-size:11px;
 735  }
 736  
 737  /** search div in top right column. position:user4 **/

 738  div.search {
 739      margin-left:10px;
 740  }
 741  
 742  /** search field in search div **/

 743  .search .inputbox {
 744      width:145px;
 745      border: 1px solid #000000;
 746  }
 747  
 748  /* ---------------------

 749  mambo form layout

 750  --------------------- */
 751  
 752  /** left column input form **/

 753  #leftcol .inputbox {

 754      font-size:11px;
 755      /*border: 1px solid #000000;*/

 756      margin-bottom:2px;
 757  }
 758  
 759  
 760  
 761  /** input button html tag **/

 762  .button,
 763  #rightcol .button {

 764      font-size:11px;
 765      text-transform:uppercase;
 766      color:#666666;
 767      font-weight:bold;
 768      background-color:#CCCCCC;
 769      border-top: 1px solid #FFFFFF;
 770      border-right: 1px solid #999999;
 771      border-bottom: 1px solid #999999;
 772      border-left: 1px solid #FFFFFF;
 773  }
 774  
 775  #rightcol .button {

 776      background-color:#E5E5E5;
 777  }
 778  
 779  .search  {
 780      margin-top:30px;
 781  }
 782  
 783  
 784  
 785  /* 

 786  mambo top menu layout

 787  you need to add menu class suffix: -nav

 788  */
 789  
 790  /** unordered list top menu **/

 791  ul#mainlevel-nav
 792  {
 793      list-style: none;
 794      padding: 0;
 795      margin: 0;
 796      font-size: 0.8em;
 797  }
 798  
 799  /** unordered list item for top menu **/

 800  ul#mainlevel-nav li
 801  {
 802      display: block;
 803      padding-left: 0px;
 804      padding-right: 0px;
 805      float: left;
 806      margin: 0;
 807      width: auto !important;
 808      font-size: 11px;
 809      line-height: 23px;
 810      white-space: nowrap;
 811  }
 812  
 813  /** unordered list item link for top menu **/

 814  ul#mainlevel-nav li a
 815  {
 816      display: block;
 817      padding-left: 15px;
 818      padding-right: 15px;
 819      text-decoration: none;
 820      color: #FFFFFF;
 821      font-weight:bold;
 822  }
 823  
 824  /** unordered list item link for top menu for firefox only **/

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

 826      width: auto;
 827  }
 828  
 829  /** unordered list item for top menu for firefox only **/

 830  ul#mainlevel-nav li a:hover {
 831      background: #535353;
 832      text-decoration:none;
 833  }
 834  
 835  
 836   /*

 837  specific right column menu item. position:right

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

 839  module class suffix: -right

 840   */
 841  .mainlevel-right {
 842      display:block;
 843      height:25px;
 844      line-height:25px;
 845      padding-left:15px;
 846      background:#EEF0F0 url(../images/bg_mainlevel_right.gif) repeat-x center top;
 847      font-weight:bold;
 848  }
 849  
 850  /** 

 851  moduletable specific with background image

 852  you need to add modules class suffix: -bgimg

 853   **/
 854  table.moduletable-bgimg {
 855      background:transparent url(../images/bg_module.jpg) no-repeat center bottom;
 856      float:left;
 857      clear:left;
 858      width:100%;
 859  }
 860  
 861  table.moduletable-bgimg td {
 862      padding: 5px ;
 863      font-size:11px;
 864  }
 865  
 866  table.moduletable-bgimg td td {
 867      padding: 0!important;
 868  }
 869  
 870  /** for polls **/

 871  .poll {
 872      font-size:11px;
 873      line-height: 16px;
 874  }
 875  
 876  table.pollstableborder .sectiontableentry2 {
 877      background-color:transparent; 
 878      text-align:left; 
 879  }
 880  table.pollstableborder .sectiontableentry1 {
 881      background-color:#F5F5F5; 
 882      text-align:left;
 883  }
 884  
 885  .moduletable_bgimg table.pollstableborder td.sectiontableentry2,
 886  .moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
 887      background-color:transparent!important; 
 888      text-align:left!important; 
 889  }
 890  
 891  /** hack to make any div or table inside content will not stretcg outside area*/

 892  table.contentpane  table table input.inputbox {
 893      max-width:80px;
 894      width:80px;
 895  }
 896  
 897  table.contentpane {
 898      width:390px!important;
 899  }
 900  
 901  .contentpaneopen {
 902      width:100%!important;
 903  }
 904  
 905  .contentpaneopen tr.sectiontableentry2 td,
 906  .contentpaneopen tr.sectiontableentry1 td{
 907      display:block;
 908      width:390px!important;
 909  }
 910  
 911  #con_global div, #con_global table,

 912  #hp_view_standard_photo_con1 div div,

 913  #hp_view_agen_con {

 914      width:390px!important;
 915      text-align:left;
 916  }
 917  
 918  #hp_view_standard_photo_con1 div div,

 919  #hp_view_standard_photo_con2,

 920  #hp_view_standard_photo_con3,

 921  #hp_view_agen_con {

 922      width:390px!important;
 923      text-align:left;
 924  }
 925  
 926  table.contentpane  table  {
 927      width:390px!important;
 928      text-align:left;
 929  }
 930  
 931  table.contentpane  td.contentheading  {
 932      width:200px!important;
 933  }
 934  
 935  table.contentpane  td.buttonheading  {
 936      width:150px!important;
 937  }
 938  
 939  #bottompadding    {

 940      position:relative;
 941      width:760px;
 942      display:block;
 943      height:20px;
 944      margin-top:-100px;
 945  }