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:#F8F7F2 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  }
 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      background:transparent url(../images/bg_topright.jpg) no-repeat center top;
 196  }
 197  
 198  /** div container for banner position:banner **/

 199  #banner {

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

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

 231  #copyright {

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

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

 253  mambo content layout

 254  --------------------- */
 255  
 256  /** pathway block **/

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

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

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

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

 359  #content_main .createdate {

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

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

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

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

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

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

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

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

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

 468  Links

 469  --------------------- */
 470  
 471  /** any left column link **/

 472  #leftcol a:link,

 473  #leftcol a:active,

 474  #leftcol a:visited,

 475  #leftcolmenu a:link,

 476  #leftcolmenu a:active,

 477  #leftcolmenu a:visited

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

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

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

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

 532  a.mainlevel:hover,
 533  #leftcol a.mainlevel:hover,

 534  #leftcolmenu a.mainlevel:hover {

 535      background-color:#326A99;
 536      color:#FFFFFF!important;
 537      text-decoration:none!important;
 538  }
 539  
 540  
 541   /*

 542  specific right column menu item. position:right

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

 544  module class suffix: -right

 545   */
 546  .mainlevel-right {
 547      display:block;
 548      height:25px;
 549      line-height:25px;
 550      padding-left:15px;
 551      background:#E9E8D3 url(../images/bg_mainlevel_right.gif) repeat-x center top;
 552      font-weight:bold;
 553  }
 554  
 555  a.mainlevel-right:link,
 556  a.mainlevel-right:active,
 557  a.mainlevel-right:visited,
 558  a.sublevel-right:link,
 559  a.sublevel-right:active,
 560  a.sublevel-right:visited {
 561      color:#000000;
 562      text-decoration:none;
 563      font-size:11px;
 564      background-color:#E9E8D3;
 565  }
 566  
 567  /** specific top right column menu item link on mouseover **/

 568  a.mainlevel-right:hover {
 569      background-color:#DFDDC6;
 570      text-decoration:none;
 571  }
 572  
 573  
 574  /** pathway link item **/

 575  a.pathway:link,
 576  a.pathway:link,
 577  a.pathway:active,
 578  a.pathway:visited {
 579      color:#999999;
 580      text-decoration:none;
 581  }
 582  
 583  /** table of content list **/

 584  a.toclink:link,
 585  a.toclink:active,
 586  a.toclink:visited {
 587      color:#3973AC;
 588      font-size:11px;
 589      padding:2px 10px 2px 10px;
 590      display:block;
 591      text-decoration:none;
 592  }
 593  
 594  .pagenavbar a:link,
 595  .pagenavbar a:active,
 596  .pagenavbar a:visited  {
 597      letter-spacing:2px;
 598      color:#000000;
 599      font-size: 11px;
 600      text-decoration: none;
 601      
 602      
 603  }
 604  
 605  .pagenavbar a:hover {
 606      color:#3973AC;
 607  }
 608  
 609  /** latestnews and popular **/

 610  .latestnews,
 611  .mostread {
 612      color:#000000;
 613  }
 614  
 615  a.latestnews:link,
 616  .mostread a:link,
 617  .latestnews a:active,
 618  .mostread a:active,
 619  .latestnews a:hover,
 620  .mostread a:hover,
 621  .latestnews a:visited,
 622  .mostread a:visited {
 623      color:#000000;
 624      text-decoration:underline;
 625  }
 626  
 627  /** underline on hover **/

 628  a.toclink:hover,
 629  a.latestnews:hover,
 630  a.mostread:hover,
 631  a.pathway:hover,
 632  a.sublevel:hover,
 633  a.sublevel-right:hover,
 634  a.blogsection:hover,
 635  a.readon:hover,
 636  a.pagenav:hover ,
 637  a.pagenav_next:hover,
 638  a.pagenav_pre:hover,
 639  a.latestnews:hover {
 640      text-decoration:underline;
 641      /*color:#3973AC;*/

 642      background-color:inherit;
 643  }
 644  
 645  #leftcolmenu a:hover,

 646  #leftcol a:hover {

 647      color: #93B7DB;
 648      text-decoration:underline;
 649  }
 650  
 651  
 652  /* ---------------------

 653  mambo module layout

 654  --------------------- */
 655  
 656  /** general module table **/

 657  table.moduletable,
 658  #leftcol table,

 659  #rightcol table {

 660      width:100%;
 661      float:left;
 662      clear:left;
 663  }
 664  
 665  /** general module table **/

 666  #leftcol table,

 667  #leftcol table td {

 668      font-size:11px !important;
 669      color:#FFFFFF !important;
 670  }
 671  
 672  #rightcol table,

 673  #rightcol table td {

 674      font-size:11px !important;
 675      color:#030303;
 676  }
 677  
 678  /** general module title **/

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

 695      background: #ACCCE6 url(../images/bg_leftcol_module_th.gif) repeat-y left top;
 696  }
 697  
 698  #rightcol table.moduletable th {

 699      background-color:#B3AE88;
 700  }
 701  
 702  
 703  /** specific module td table for content top 1 and 2. 

 704  position:user2 an user3 **/
 705  #content_top1 table.moduletable td,

 706  #content_top2 table.moduletable td {

 707      background-color:#F7F7EE;
 708      height:100px;
 709      min-height:100px;
 710      vertical-align:top;
 711  }
 712  
 713  /** right column module td **/

 714  #rightcol table.moduletable td   {

 715      padding:5px;
 716  }
 717  
 718  /** generic menu item **/

 719  
 720  .mainlevel  {
 721      display:block;
 722      font: bold 11px/25px Arial, Helvetica, sans-serif !important;
 723      padding-left:15px;
 724      background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;
 725      font-weight:bold;
 726      text-decoration:none;
 727  }
 728  
 729  /** specific left column form **/

 730  #leftcol form {

 731      margin-left:15px;
 732  }
 733  
 734  /** specific left column form **/

 735  #leftcol .button {

 736      font-size:11px;
 737      color:#FFFFFF;
 738      background-color:#5F9BCD;
 739      border-right: 1px solid #49779D;
 740      border-bottom: 1px solid #49779D;
 741      border-left: 1px solid #7CADD6;
 742      border-top: 1px solid #7CADD6;
 743      width:140px;
 744  }
 745  
 746  
 747  /** specific left column form **/

 748  #leftcol .inputbox {

 749      font-size:11px;
 750      font-weight: bold;
 751  }
 752  
 753  /** module styles in #leftcol **/

 754  #leftcol table.moduletable td {

 755      color:#DADADA;
 756      font-size:11px;
 757  }
 758  
 759  
 760  /** search div in top right column. position:user4 **/

 761  div.search {
 762      margin-left:10px;
 763  }
 764  
 765  /** search field in search div **/

 766  .search .inputbox {
 767      width:145px;
 768      border: 1px solid #000000;
 769  }
 770  
 771  /* ---------------------

 772  mambo form layout

 773  --------------------- */
 774  
 775  /** left column input form **/

 776  #leftcol .inputbox {

 777      font-size:11px;
 778      /*border: 1px solid #000000;*/

 779      margin-bottom:2px;
 780  }
 781  
 782  
 783  
 784  /** input button html tag **/

 785  .button,
 786  #rightcol .button {

 787      font-size:11px;
 788      text-transform:uppercase;
 789      color:#726C49;
 790      font-weight:bold;
 791      background-color:#F7F7EE;
 792      border-top: 1px solid #D0CDB6;
 793      border-right: 1px solid #5E5B47;
 794      border-bottom: 1px solid #5E5B47;
 795      border-left: 1px solid #D0CDB6;
 796  }
 797  
 798  .search  {
 799      margin-top:30px;
 800  }
 801  
 802  
 803  
 804  /* 

 805  mambo top menu layout

 806  you need to add menu class suffix: -nav

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

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

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

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

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

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

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

 856  .poll {
 857      font-size:11px;
 858      line-height: 16px;
 859  }
 860  
 861  table.pollstableborder .sectiontableentry2 {
 862      background-color:transparent; 
 863      text-align:left; 
 864  }
 865  table.pollstableborder .sectiontableentry1 {
 866      background-color:#E3E2C6; 
 867      text-align:left;
 868  }
 869  
 870  .moduletable_bgimg table.pollstableborder td.sectiontableentry2,
 871  .moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
 872      background-color:transparent!important; 
 873      text-align:left!important; 
 874  }
 875  
 876  /** hack to make any div or table inside content will not stretcg outside area*/

 877  table.contentpane  table table input.inputbox {
 878      max-width:80px;
 879      width:80px;
 880  }
 881  
 882  table.contentpane {
 883      width:390px!important;
 884  }
 885  
 886  .contentpaneopen {
 887      width:100%!important;
 888  }
 889  
 890  .contentpaneopen tr.sectiontableentry2 td,
 891  .contentpaneopen tr.sectiontableentry1 td{
 892      display:block;
 893      width:390px!important;
 894  }
 895  
 896  #con_global div, #con_global table,

 897  #hp_view_standard_photo_con1 div div,

 898  #hp_view_agen_con {

 899      width:390px!important;
 900      text-align:left;
 901  }
 902  
 903  #hp_view_standard_photo_con1 div div,

 904  #hp_view_standard_photo_con2,

 905  #hp_view_standard_photo_con3,

 906  #hp_view_agen_con {

 907      width:390px!important;
 908      text-align:left;
 909  }
 910  
 911  table.contentpane  table  {
 912      width:390px!important;
 913      text-align:left;
 914  }
 915  
 916  table.contentpane  td.contentheading  {
 917      width:200px!important;
 918  }
 919  
 920  table.contentpane  td.buttonheading  {
 921      width:150px!important;
 922  }
 923  
 924  #bottompadding    {

 925      position:relative;
 926      width:760px;
 927      display:block;
 928      height:20px;
 929      margin-top:-100px;
 930  }