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:#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  }