Mambo API

[Summary view] [Print] [Text view]

   1  * {
   2      font-family: Arial, Helvetica, sans-serif;
   3  }
   4  
   5  .waterbody {
   6      background:#FFFFFF url(../images/bg_body.jpg) repeat-x left top;
   7      margin:0;
   8      color:#333333;
   9  }
  10  
  11  div,
  12  td,
  13  p {
  14      font-size:12px;
  15      line-height:18px;
  16      color:#333333;
  17  }
  18  
  19  a,
  20  a:link,
  21  a:active,
  22  a:visited {
  23      text-decoration:underline;
  24      color:#000000;
  25  }
  26  
  27  a:hover {
  28      text-decoration:underline;
  29  }
  30  
  31  ul {
  32      margin: 5px;
  33      padding: 5px;
  34      list-style: none;
  35      list-style-type: square;
  36  }
  37  
  38  li {
  39      line-height: 18px;
  40      padding-left: 5px;
  41      padding-top: 0px;
  42      list-style-position: inside;
  43  }
  44  
  45  /** To center the objects **/

  46  .center {
  47      text-align:center!important;
  48  }
  49  
  50  /* ---------------------

  51  template layout

  52  --------------------- */
  53  
  54  /** wrapper to make the page center **/

  55  #container {

  56      width:900px;
  57      margin: 0px auto;
  58      padding:0;
  59      text-align: left;
  60  }
  61  
  62  /**

  63  hold background, it should be float:left

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

  65  **/
  66  #containerbg {

  67      position:relative;
  68      width: 900px;
  69      background:transparent url(../images/bg_inside.jpg) repeat-y left top;
  70      float:left;
  71      top:0;
  72      left:0;
  73  }
  74  
  75  #outerleft {

  76      position:relative;
  77      float:left;
  78      clear:left;
  79      width:730px;
  80      
  81  }
  82  
  83  #outerright {

  84      position:relative;
  85      width:170px;
  86      float:right;
  87      clear:right;
  88  }
  89  
  90  #logo {

  91      position:relative;
  92      width:100%;
  93      height:74px;
  94      float:left;
  95      background:#FFFFFF url(../images/bg_header.jpg) no-repeat left top;
  96  }
  97  
  98  /** div container for top menu. position:top **/

  99  #topmenu {

 100      position:relative;
 101      float:left;
 102      clear:left;
 103      background-color:#000000;
 104      width: 100%;
 105  }
 106  
 107  /** div container for image header **/

 108  #imgheader {

 109      position:relative;
 110      float:left;
 111      clear:left;
 112      width:100%;
 113      height:99px;
 114      background-color: #000000;
 115  }
 116  
 117  #container_inner {

 118      position:relative;
 119      clear:left;
 120      width:730px;
 121  }
 122  
 123  /** div container for left column **/

 124  #leftcol {

 125      position:relative;
 126      float:left;
 127      clear:left;
 128      width:172px;
 129  }
 130  
 131  #leftcolmenu {

 132      position:relative;
 133      overflow:auto;
 134  }
 135  
 136  
 137  /** div wrapper for user2 & user3 **/

 138  #content_top_wrapper {

 139      position:relative;
 140      float:right;
 141      clear:right;
 142      width:542px;
 143      display:inline;
 144      margin: 4px 8px 0 0;
 145  }
 146  
 147  /** div container for position:user2 **/

 148  #content_top1 {

 149      position:relative;
 150      float:left;
 151      clear:left;
 152      width:269px;
 153  }
 154  
 155  /** div container for position:user3 **/

 156  #content_top2 {

 157      position:relative;
 158      float:right;
 159      clear:right;
 160      width:269px;
 161  }
 162  
 163  /** div container for mainbody **/

 164  #content_main {

 165      position:relative;
 166      float:left;
 167      width:520px;
 168      margin:15px 0 20px 20px;
 169      background-color:#FFFFFF;
 170  }
 171  
 172  /** div container for right column **/

 173  #rightcol_top,

 174  #rightcol {

 175      float:left;
 176      clear:left;
 177      width:168px;
 178      margin:0 0 0 1px;
 179      display:inline;
 180      overflow:auto;
 181  }
 182  
 183  /** div container for right column position:header **/

 184  #rightcol_top {

 185      height:70px;
 186      min-height:70px;
 187  }
 188  
 189  /** div container for banner position:banner **/

 190  #banner {

 191      position:relative;
 192      clear:left;
 193      float:left;
 194      width:515px;
 195      height:65px;
 196      min-height:65px;
 197      color:#FFFFFF;
 198      font-size:10px;
 199      padding: 20px 0 0 215px;
 200  }
 201  
 202  #blackline {

 203      position:relative;
 204      clear:left;
 205      float:left;
 206      width:730px;;
 207      height:10px;
 208      min-height:10px;
 209      background-color: #000000;
 210      color:#FFFFFF;
 211      font-size:10px;
 212  }
 213  
 214  /** copyright **/

 215  
 216  #copyright {

 217      position:relative;
 218      width:900px;
 219      display:block;
 220      clear:both;
 221      float:left;
 222  }
 223  
 224  #copyright div {

 225      color:#666666;
 226      font-size:10px;
 227      font-weight:bold;
 228      display:block!important;
 229      width:900px;
 230      float:left;
 231      clear:left;
 232      margin:-10px 0 0 0;
 233      text-align:left;
 234  }
 235  
 236  
 237  
 238  /* ---------------------

 239  mambo content layout

 240  --------------------- */
 241  
 242  /** pathway block **/

 243  span.pathway {
 244      display:block;
 245      text-align:left;
 246      color:#000000;
 247      font-size:10px;
 248      font-weight:bold;
 249      border-bottom-width: 1px;
 250      border-bottom-style: solid;
 251      border-bottom-color: #E5E5E5;
 252      height:20px;
 253      margin-bottom:10px;
 254  }
 255  
 256  /** content title **/

 257  .componentheading {
 258      font-family:Georgia, "Times New Roman", Times, serif !important;
 259      color:#000000;
 260      font-size: 20px;
 261      line-height:25px;
 262      padding: 5px 0 5px 0;
 263      display:block;
 264  }
 265  
 266  .contentheading,
 267  .contentpagetitle,
 268  a.contentpagetitle:link,
 269  a.contentpagetitle:active,
 270  a.contentpagetitle:visited {
 271      font-family:Georgia, "Times New Roman", Times, serif !important;
 272      font-size:18px;
 273      color:#0C362D;
 274      padding-top: 25px;
 275      background-color:inherit;
 276      display:block;
 277  }
 278  
 279  .contentpaneopen {
 280      width:100%;
 281  }
 282  
 283  
 284  .buttonheading {
 285      width: 16px!important;
 286      text-align:right;
 287  }
 288  
 289  
 290  td.sectiontableheader {
 291      font-weight: bold;
 292  }
 293  
 294  .category, .categorytitle {
 295      font-weight: bold;
 296      color:#0C362D;
 297      background-color:inherit;
 298  }
 299  
 300  .sectiontableentry1,
 301  table.pollstableborder tr.sectiontableentry1 {
 302      background-color: #FBFBF4;
 303      padding: 2px;
 304      color:#333333;
 305      
 306  }
 307  
 308  .sectiontableentry2,
 309  table.pollstableborder tr.sectiontableentry2 {
 310      background-color: #FFFFFF;
 311      padding: 2px;
 312      color:#333333;
 313  }
 314  
 315  tr.sectiontableentry1 td,
 316  tr.sectiontableentry2 td {
 317      word-wrap:break-word;
 318  }
 319  
 320  /** blog Styles **/

 321  .blogsection {
 322      color:#0C362D;
 323      background-color:inherit;
 324  }
 325  
 326  .blog_more {
 327      font-weight: bold;
 328      line-height: 25px;
 329      padding-top: 20px;
 330      color: #0C362D;
 331      border-bottom: 1px solid #E5E5E5;
 332      background-color:inherit;
 333  }
 334  
 335  /** small text in content **/

 336  .small {
 337      color:#8B721D;
 338      font-size:10px;
 339      font-weight: normal;
 340      background-color:inherit;
 341  }
 342  
 343  /** date info in content **/

 344  #content_main .createdate {

 345      color:#6EB28A;
 346      font-size:10px;
 347      padding: 0 0 15px 0;
 348      line-height:8px;
 349      background-color:inherit;
 350  }
 351  
 352  #content_main .modifydate {

 353      color:#8B721D;
 354      font-size:10px;
 355      padding: 0;
 356      background-color:inherit;
 357  }
 358  
 359  
 360  /** content item navigation  **/

 361  .pagenavbar  {
 362      display:block;
 363      width:100%;
 364      background-color:inherit;
 365      height:20px;
 366      line-height:25px;
 367      text-align:right;
 368      letter-spacing:2px;
 369      color:#999999!important;
 370      clear:both;
 371      font-size: 11px!important;
 372      margin-top: 10px;
 373      background-image: url(../images/bg_pagenav.jpg);
 374      background-repeat: repeat-x;
 375      background-position: center bottom;    
 376  }
 377  
 378  .pagenav {
 379      height:20px;
 380      line-height:25px;
 381      text-align:right;
 382      letter-spacing:2px;
 383      color:#999999;
 384      clear:both;
 385      font-size: 11px;
 386      margin-left: 0;
 387      margin-right: 0;
 388      background-color:inherit;
 389  }
 390  
 391  .back_button {
 392      display:block;
 393      text-align:left;
 394      font-weight:bold;
 395      font-size:12px;
 396      width:100%;
 397      margin-bottom:10px;
 398      letter-spacing:2px;
 399  }
 400  
 401  /** highlight word search result **/

 402  .highlight {
 403      font-weight:bold;
 404      background-color: #FFFF00;
 405      padding: 2px 0 2px 0;
 406      
 407  }
 408  
 409  /** table of content layout **/

 410  table.contenttoc {
 411      border:1px solid #000000;
 412      padding:1px;
 413      width:130px;
 414      margin: 0 0 10px 10px;
 415  }
 416  
 417  /** table of content header **/

 418  .contenttoc th {
 419      color:#FFFFFF;
 420      background-color:#666666;
 421      font-size:11px;
 422      display:block;
 423      width:124px;
 424  }
 425  
 426  /** unordered list for latest news module **/

 427  ul.latestnews li,ul.mostread li {
 428      line-height: 18px;
 429      font-size:11px;
 430      font-weight:bold;
 431      list-style-type: none;
 432      list-style-position: outside;
 433  }
 434  
 435  
 436  /** fix opera table width for content list in table category**/

 437  table.contentpane td.contentdescription {
 438      width:100%!important;
 439  }
 440  
 441  
 442  /* ---------------------

 443  Links

 444  --------------------- */
 445  
 446  /** any left column link **/

 447  #leftcol a:link,

 448  #leftcol a:active,

 449  #leftcol a:visited,

 450  #leftcolmenu a:link,

 451  #leftcolmenu a:active,

 452  #leftcolmenu a:visited,

 453  #rightcol a:link,

 454  #rightcol a:active,

 455  #rightcol a:visited,

 456  #rightcolmenu a:link,

 457  #rightcolmenu a:active,

 458  #rightcolmenu a:visited

 459   {
 460      color:#FFFFFF;
 461  }
 462  
 463  a.pagenav:link ,
 464  a.pagenav_next:link,
 465  a.pagenav_pre:link,
 466  div.back_button a,
 467  div.back_button a:link,
 468  a.latestnews:link,
 469  a.latestnews:active,
 470  a.latestnews:visited,
 471  a.mostread:link,
 472  a.mostread:active,
 473  a.mostread:visited {
 474      text-decoration:none;
 475  }
 476  
 477  /*** read more link ***/

 478  .readon,
 479  a.readon:link,
 480  a.readon:active,
 481  a.readon:visited {
 482      color:#666666;
 483      font-weight:bold;
 484      text-align:left;
 485      margin-top:10px;
 486      letter-spacing: 2px;
 487      font-size:10px;
 488      text-decoration:none;
 489  }
 490  
 491  /*** blog links ***/

 492  a.blogsection:link,
 493  a.blogsection:active,
 494  a.blogsection:visited {
 495      color:#0C362D;
 496      text-decoration:none;
 497  }
 498  
 499  /** generic menu item link **/

 500  a.mainlevel:link,
 501  a.mainlevel:active,
 502  a.mainlevel:visited,
 503  a.sublevel:link,
 504  a.sublevel:active,
 505  a.sublevel:visited {
 506      color:#FFFFFF;
 507      text-decoration:none;
 508      font-size:11px;
 509      line-height: 27px;
 510  }
 511  
 512  a.sublevel:hover {
 513      color: #000000;
 514  }
 515  
 516  /** generic menu item link on mouseover **/

 517  a.mainlevel:hover,
 518  #leftcol a.mainlevel:hover,

 519  #leftcolmenu a.mainlevel:hover {

 520      background-color:#B8B35C;
 521      color:#000000!important;
 522      text-decoration:none!important;
 523  }
 524  
 525  /** specific top right column menu item link **/

 526  a.mainlevel-right:link,
 527  a.mainlevel-right:active,
 528  a.mainlevel-right:visited,
 529  a.sublevel-right:link,
 530  a.sublevel-right:active,
 531  a.sublevel-right:visited {
 532      color:#FFFFFF;
 533      text-decoration:none;
 534      font-size:11px;
 535  }
 536  
 537  /** specific top right column menu item link on mouseover **/

 538  a.mainlevel-right:hover {
 539      background-color:#15604F;
 540      text-decoration:none;
 541  }
 542  
 543  
 544  /** pathway link item **/

 545  a.pathway:link,
 546  a.pathway:link,
 547  a.pathway:active,
 548  a.pathway:visited {
 549      color:#999999;
 550      text-decoration:none;
 551  }
 552  
 553  
 554  /** table of content list **/

 555  a.toclink:link,
 556  a.toclink:active,
 557  a.toclink:visited {
 558      color:#0C362D;
 559      font-size:11px;
 560      padding:2px 10px 2px 10px;
 561      display:block;
 562      text-decoration:none;
 563  }
 564  
 565  .pagenavbar a:link,
 566  .pagenavbar a:active,
 567  .pagenavbar a:visited  {
 568      letter-spacing:2px;
 569      color:#000000;
 570      font-size: 11px;
 571      text-decoration: none;
 572  }
 573  
 574  .pagenavbar a:hover {
 575      color:#0C362D;
 576  }
 577  
 578  /** latestnews and popular **/

 579  .latestnews,
 580  .mostread {
 581      color:#000000;
 582  }
 583  
 584  a.latestnews:link,
 585  .mostread a:link,
 586  .latestnews a:active,
 587  .mostread a:active,
 588  .latestnews a:hover,
 589  .mostread a:hover,
 590  .latestnews a:visited,
 591  .mostread a:visited {
 592      color:#000000;
 593      text-decoration:underline;
 594  }
 595  
 596  /** underline on hover **/

 597  a.toclink:hover,
 598  a.latestnews:hover,
 599  a.mostread:hover,
 600  a.pathway:hover,
 601  a.sublevel:hover,
 602  a.sublevel-right:hover,
 603  a.blogsection:hover,
 604  a.readon:hover,
 605  a.pagenav:hover ,
 606  a.pagenav_next:hover,
 607  a.pagenav_pre:hover,
 608  a.latestnews:hover {
 609      text-decoration:underline;
 610      color:#0C362D;
 611      background-color:inherit;
 612  }
 613  
 614  #leftcol a:hover {

 615      color: #000000;
 616      text-decoration:underline;
 617  }
 618  
 619  
 620  /* ---------------------

 621  mambo module layout

 622  --------------------- */
 623  
 624  /** general module table **/

 625  table.moduletable,
 626  #leftcol table,

 627  #rightcol table {

 628      width:100%;
 629      float:left;
 630      clear:left;
 631  }
 632  
 633  /** general module table **/

 634  #rightcol table,

 635  #leftcol table td {

 636      font-size:11px !important;
 637      color:#FFFFFF;
 638  }
 639  
 640  #rightcol table,

 641  #rightcol table td {

 642      font-size:11px !important;
 643      color:#FFFFFF;
 644  }
 645  
 646  /** general module title **/

 647  table.moduletable th {
 648      border: solid 1px #000000;
 649      color:#FFFFFF;
 650      font-family: Georgia, "Times New Roman", Times, serif;
 651      font-size:13px;
 652      line-height:25px;
 653      background-color: #6EB28A;
 654      height:22px;
 655      text-align:left;
 656      padding-left:15px;
 657      font-weight:normal;
 658      text-transform: uppercase;
 659      letter-spacing: 1px;
 660  }
 661  
 662  #leftcol table.moduletable th {

 663      background-color: #8F8A2C;
 664      color: #000000;
 665      border: solid 1px #000000;
 666  }
 667  
 668  #rightcol table.moduletable th {

 669      background-color:#6EB28A;
 670      border: solid 1px #000000;
 671  }
 672  
 673  
 674  /** specific module td table for content top 1 and 2. 

 675  position:user2 an user3 **/
 676  #content_top1 table.moduletable td,

 677  #content_top2 table.moduletable td {

 678      background-color:#F2FFF2;
 679      height:100px;
 680      min-height:100px;
 681      vertical-align:top;
 682  }
 683  
 684  /** right column module td **/

 685  #rightcol table.moduletable td   {

 686      padding:5px;
 687  }
 688  
 689  /** generic menu item **/

 690  
 691  .mainlevel  {
 692      display:block;
 693      font: bold 11px/25px Arial, Helvetica, sans-serif !important;
 694      padding-left:15px;
 695      background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;
 696      font-weight:bold;
 697      text-decoration:none;
 698  }
 699  
 700  /** specific left column form **/

 701  #leftcol form {

 702      margin-left:15px;
 703  }
 704  
 705  /** specific left column form **/

 706  #leftcol .button {

 707      font-size:11px;
 708      color:#FFFFFF;
 709      background-color:#C4BD40;
 710      border: 1px solid #746A39;
 711      width:140px;
 712  }
 713  
 714  
 715  /** specific left column form **/

 716  #leftcol .inputbox {

 717      font-size:11px;
 718      font-weight: bold;
 719  }
 720  
 721  /** module styles in #leftcol **/

 722  #leftcol table.moduletable td {

 723      color:#FFFFFF;
 724      font-size:11px;
 725  }
 726  
 727  /** search div in top right column. position:user4 **/

 728  div.search {
 729      margin-left:10px;
 730  }
 731  
 732  /** search field in search div **/

 733  .search .inputbox {
 734      width:145px;
 735      border: 1px solid #000000;
 736  }
 737  
 738  /* ---------------------

 739  mambo form layout

 740  --------------------- */
 741  
 742  /** left column input form **/

 743  #leftcol .inputbox {

 744      font-size:11px;
 745      margin-bottom:2px;
 746  }
 747  
 748  
 749  
 750  /** input button html tag **/

 751  .button,
 752  #rightcol .button {

 753      font-size:11px;
 754      text-transform:uppercase;
 755      color:#FFFFFF;
 756      font-weight:bold;
 757      background-color:#000000;
 758      border: 1px solid #666666;
 759  }
 760  
 761  .search  {
 762      margin-top:30px;
 763  }
 764  
 765  
 766  
 767  
 768  /* 

 769  mambo top menu layout

 770  you need to add menu class suffix: -nav

 771  */
 772  
 773  /** unordered list top menu **/

 774  ul#mainlevel-nav
 775  {
 776      list-style: none;
 777      padding: 0;
 778      margin: 0;
 779      font-size: 0.8em;
 780  }
 781  
 782  /** unordered list item for top menu **/

 783  ul#mainlevel-nav li
 784  {
 785      display: block;
 786      padding-left: 0px;
 787      padding-right: 0px;
 788      float: left;
 789      margin: 0;
 790      width: auto !important;
 791      font-size: 11px;
 792      line-height: 23px;
 793      white-space: nowrap;
 794  }
 795  
 796  /** unordered list item link for top menu **/

 797  ul#mainlevel-nav li a
 798  {
 799      display: block;
 800      padding-left: 15px;
 801      padding-right: 15px;
 802      text-decoration: none;
 803      color: #FFFFFF;
 804      font-weight:bold;
 805  }
 806  
 807  /** unordered list item link for top menu for firefox only **/

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

 809      width: auto;
 810  }
 811  
 812  /** unordered list item for top menu for firefox only **/

 813  ul#mainlevel-nav li a:hover {
 814      background: #535353;
 815      text-decoration:none;
 816  }
 817  
 818  
 819   /*

 820  specific right column menu item. position:right

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

 822  module class suffix: -right

 823   */
 824  .mainlevel-right {
 825      display:block;
 826      height:25px;
 827      line-height:25px;
 828      padding-left:15px;
 829      background:#0C362D url(../images/bg_mainlevel_right.gif) repeat-x center top;
 830      font-weight:bold;
 831  }
 832  
 833  /** 

 834  moduletable specific with background image

 835  you need to add modules class suffix: -bgimg

 836   **/
 837  table.moduletable-bgimg {
 838      background:transparent url(../images/bg_module.jpg) no-repeat center bottom;
 839      float:left;
 840      clear:left;
 841      width:100%;
 842  }
 843  
 844  table.moduletable-bgimg td {
 845      padding: 5px ;
 846      font-size:11px;
 847  }
 848  
 849  table.moduletable-bgimg td td {
 850      padding: 0!important;
 851  }
 852  
 853  /** for polls **/

 854  .poll {
 855      font-size:11px;
 856      line-height: 16px;
 857  }
 858  
 859  table.pollstableborder .sectiontableentry2 {
 860      background-color:transparent; 
 861      text-align:left; 
 862  }
 863  table.pollstableborder .sectiontableentry1 {
 864      background-color:#092620; 
 865      text-align:left;
 866  }
 867  
 868  .moduletable_bgimg table.pollstableborder td.sectiontableentry2,
 869  .moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
 870      background-color:transparent!important; 
 871      text-align:left!important; 
 872  }
 873  
 874  
 875  #bottompadding    {

 876      position:relative;
 877      width:900px;
 878      display:block;
 879      height:0px;
 880      margin-top:-100px;
 881  }