Mambo API

[Summary view] [Print] [Text view]

   1  * {
   2      font-family: Arial, Helvetica, sans-serif;
   3  }
   4  
   5  .waterbody {
   6      background:#E8E8E8 url(../images/bg_body.jpg) repeat 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      color:#000000;
  24  }
  25  
  26  a:hover {
  27      color:#96C600;
  28  }
  29  
  30  #leftcol a,

  31  #leftcol a:link,

  32  #leftcol a:active,

  33  #leftcol a:visited {

  34      text-decoration:none !important;
  35      border-bottom: 1px dotted #000000;
  36      color:#000000;
  37  }
  38  
  39  #leftcol a:hover {

  40      text-decoration:none;
  41      color:#000000;
  42      border-bottom: 1px solid #000000;
  43      text-decoration:none !important;
  44  }
  45  
  46  #rightcol a,

  47  #rightcol a:link,

  48  #rightcol a:active,

  49  #rightcol a:visited {

  50      text-decoration:none !important;
  51      border-bottom: 1px dotted #FFFFFF;
  52      color:#FFFFFF;
  53  }
  54  
  55  #rightcol a:hover {

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

  77  .center {
  78      text-align:center!important;
  79  }
  80  
  81  /* ---------------------

  82  template layout

  83  --------------------- */
  84  
  85  /** wrapper to make the page center **/

  86  #container {

  87      width:900px;
  88      margin: 0px auto;
  89      padding:0;
  90      text-align: left;
  91  }
  92  
  93  /**

  94  hold background, it should be float:left

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

  96  **/
  97  #containerbg {

  98      position:relative;
  99      width: 900px;
 100      background:transparent url(../images/bg_inside.jpg) repeat-y left top;
 101      float:left;
 102      top:0;
 103      left:0;
 104  }
 105  
 106  #outerleft {

 107      position:relative;
 108      float:left;
 109      clear:left;
 110      width:730px;
 111      
 112  }
 113  
 114  #outerright {

 115      position:relative;
 116      width:170px;
 117      float:right;
 118      clear:right;
 119  }
 120  
 121  #logo {

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

 130  #topmenu {

 131      position:relative;
 132      float:left;
 133      clear:left;
 134      background-color:#000000;
 135      width: 100%;
 136  }
 137  
 138  /** div container for image header **/

 139  #imgheader {

 140      position:relative;
 141      float:left;
 142      clear:left;
 143      width:100%;
 144      height:99px;
 145      background-color: #000000;
 146  }
 147  
 148  #container_inner {

 149      position:relative;
 150      clear:left;
 151      width:730px;
 152  }
 153  
 154  /** div container for left column **/

 155  #leftcol {

 156      position:relative;
 157      float:left;
 158      clear:left;
 159      width:172px;
 160  }
 161  
 162  #leftcolmenu {

 163      position:relative;
 164      overflow:auto;
 165  }
 166  
 167  
 168  /** div wrapper for user2 & user3 **/

 169  #content_top_wrapper {

 170      position:relative;
 171      float:right;
 172      clear:right;
 173      width:542px;
 174      display:inline;
 175      margin: 4px 8px 0 0;
 176  }
 177  
 178  /** div container for position:user2 **/

 179  #content_top1 {

 180      position:relative;
 181      float:left;
 182      clear:left;
 183      width:269px;
 184  }
 185  
 186  /** div container for position:user3 **/

 187  #content_top2 {

 188      position:relative;
 189      float:right;
 190      clear:right;
 191      width:269px;
 192  }
 193  
 194  /** div container for mainbody **/

 195  #content_main {

 196      position:relative;
 197      float:left;
 198      width:520px;
 199      margin:15px 0 20px 20px;
 200      background-color:#FFFFFF;
 201  }
 202  
 203  /** div container for right column **/

 204  #rightcol_top,

 205  #rightcol {

 206      float:left;
 207      clear:left;
 208      width:168px;
 209      margin:0 0 0 1px;
 210      display:inline;
 211      overflow:auto;
 212  }
 213  
 214  /** div container for right column position:header **/

 215  #rightcol_top {

 216      height:70px;
 217      min-height:70px;
 218  }
 219  
 220  /** div container for banner position:banner **/

 221  #banner {

 222      position:relative;
 223      clear:left;
 224      float:left;
 225      width:515px;
 226      height:65px;
 227      min-height:65px;
 228      color:#FFFFFF;
 229      font-size:10px;
 230      padding: 20px 0 0 215px;
 231  }
 232  
 233  #blackline {

 234      position:relative;
 235      clear:left;
 236      float:left;
 237      width:730px;;
 238      height:10px;
 239      min-height:10px;
 240      background-color: #000000;
 241      color:#FFFFFF;
 242      font-size:10px;
 243  }
 244  
 245  /** copyright **/

 246  
 247  #copyright {

 248      position:relative;
 249      width:900px;
 250      display:block;
 251      clear:both;
 252      float:left;
 253  }
 254  
 255  #copyright div {

 256      color:#666666;
 257      font-size:10px;
 258      font-weight:bold;
 259      display:block!important;
 260      width:900px;
 261      float:left;
 262      clear:left;
 263      margin:-10px 0 0 0;
 264      text-align:left;
 265  }
 266  
 267  
 268  
 269  /* ---------------------

 270  mambo content layout

 271  --------------------- */
 272  
 273  /** pathway block **/

 274  span.pathway {
 275      display:block;
 276      text-align:left;
 277      color:#000000;
 278      font-size:10px;
 279      font-weight:bold;
 280      border-bottom-width: 1px;
 281      border-bottom-style: solid;
 282      border-bottom-color: #E5E5E5;
 283      height:20px;
 284      margin-bottom:10px;
 285  }
 286  
 287  /** content title **/

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

 352  .blogsection {
 353      color:#000000;
 354      background-color:inherit;
 355  }
 356  
 357  .blog_more {
 358      font-weight: bold;
 359      line-height: 25px;
 360      padding-top: 20px;
 361      color: #000000;
 362      border-bottom: 1px solid #E5E5E5;
 363      background-color:inherit;
 364  }
 365  
 366  /** small text in content **/

 367  .small {
 368      color:#336600;
 369      font-size:10px;
 370      font-weight: normal;
 371      background-color:inherit;
 372  }
 373  
 374  /** date info in content **/

 375  #content_main .createdate {

 376      color:#99CC00;
 377      font-size:10px;
 378      padding: 0 0 15px 0;
 379      line-height:8px;
 380      background-color:inherit;
 381  }
 382  
 383  #content_main .modifydate {

 384      color:#999999;
 385      font-size:10px;
 386      padding: 0;
 387      background-color:inherit;
 388  }
 389  
 390  
 391  /** content item navigation  **/

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

 433  .highlight {
 434      font-weight:bold;
 435      background-color: #FFFF00;
 436      padding: 2px 0 2px 0;
 437      
 438  }
 439  
 440  /** table of content layout **/

 441  table.contenttoc {
 442      border:1px solid #000000;
 443      padding:1px;
 444      width:130px;
 445      margin: 0 0 10px 10px;
 446  }
 447  
 448  /** table of content header **/

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

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

 468  table.contentpane td.contentdescription {
 469      width:100%!important;
 470  }
 471  
 472  
 473  /* ---------------------

 474  Links

 475  --------------------- */
 476  
 477  /** any left column link **/

 478  
 479  a.pagenav:link ,
 480  a.pagenav_next:link,
 481  a.pagenav_pre:link,
 482  div.back_button a,
 483  div.back_button a:link,
 484  a.latestnews:link,
 485  a.latestnews:active,
 486  a.latestnews:visited,
 487  a.mostread:link,
 488  a.mostread:active,
 489  a.mostread:visited {
 490      text-decoration: none !important;
 491      border-bottom: 1px dotted #000000 !important;
 492  }
 493  
 494  a.latestnews:hover,
 495  a.mostread:hover {
 496      color: #000000 !important;
 497      text-decoration: none !important;
 498      border-bottom: 1px solid #000000 !important;
 499  }
 500  
 501  a.pagenav:hover ,
 502  a.pagenav_next:hover,
 503  a.pagenav_pre:hover,
 504  div.back_button a:hover {
 505      text-decoration: none !important;
 506      border-bottom: 1px solid #000000 !important;
 507  }
 508  
 509  /*** read more link ***/

 510  .readon,
 511  a.readon:link,
 512  a.readon:active,
 513  a.readon:visited {
 514      color:#99CC00;
 515      font-weight:bold;
 516      text-align:left;
 517      margin-top:10px;
 518      letter-spacing: 2px;
 519      font-size:10px;
 520      text-decoration:none;
 521  }
 522  
 523  a.readon:hover {
 524      color:#666666;
 525  }
 526  
 527  /*** blog links ***/

 528  a.blogsection:link,
 529  a.blogsection:active,
 530  a.blogsection:visited {
 531      color:#000000;
 532      text-decoration:none;
 533  }
 534  
 535  /** generic menu item link **/

 536  a.mainlevel:link,
 537  a.mainlevel:active,
 538  a.mainlevel:visited,
 539  a.sublevel:link,
 540  a.sublevel:active,
 541  a.sublevel:visited {
 542      color:#000000;
 543      text-decoration:none;
 544      border: none !important;
 545      font-size:11px;
 546      line-height: 27px;
 547  }
 548  
 549  a.sublevel:hover {
 550      color: #E0FF33 !important;
 551  }
 552  
 553  /** generic menu item link on mouseover **/

 554  a.mainlevel:hover,
 555  #leftcol a.mainlevel:hover,

 556  #leftcolmenu a.mainlevel:hover {

 557      background:#E0FF33 url(../images/bg_mainlevel.gif) repeat-x center top;
 558      color:#000000!important;
 559      text-decoration:none!important;
 560      border: none !important;
 561  }
 562  
 563  /** specific top right column menu item link **/

 564  a.mainlevel-right:link,
 565  a.mainlevel-right:active,
 566  a.mainlevel-right:visited,
 567  a.sublevel-right:link,
 568  a.sublevel-right:active,
 569  a.sublevel-right:visited {
 570      color:#000000;
 571      text-decoration:none !important;
 572      font-size:11px;
 573      border: none !important;
 574  }
 575  
 576  /** specific top right column menu item link on mouseover **/

 577  a.mainlevel-right:hover {
 578      background:#666666;
 579      text-decoration:none;
 580      border: none !important;
 581  }
 582  
 583  
 584  /** pathway link item **/

 585  a.pathway:link,
 586  a.pathway:link,
 587  a.pathway:active,
 588  a.pathway:visited {
 589      color:#999999;
 590      text-decoration:none;
 591      border: none;
 592  }
 593  
 594  
 595  /** table of content list **/

 596  a.toclink:link,
 597  a.toclink:active,
 598  a.toclink:visited {
 599      color:#000000;
 600      font-size:11px;
 601      padding:2px 10px 2px 10px;
 602      display:block;
 603      text-decoration:none;
 604  }
 605  
 606  .pagenavbar a:link,
 607  .pagenavbar a:active,
 608  .pagenavbar a:visited  {
 609      letter-spacing:2px;
 610      color:#000000;
 611      font-size: 11px;
 612      text-decoration: none;
 613  }
 614  
 615  .pagenavbar a:hover {
 616      color:#000000;
 617  }
 618  
 619  /** latestnews and popular **/

 620  .latestnews,
 621  .mostread {
 622      color:#000000;
 623  }
 624  
 625  a.latestnews:hover,
 626  .mostread a:hover,
 627  .latestnews a:hover,
 628  .mostread a:active,
 629  .latestnews a:hover,
 630  .mostread a:hover,{
 631      border-bottom: 1px solid #000000;
 632  }
 633  
 634  
 635  /* ---------------------

 636  mambo module layout

 637  --------------------- */
 638  
 639  /** general module table **/

 640  table.moduletable,
 641  #leftcol table,

 642  #rightcol table {

 643      width:100%;
 644      float:left;
 645      clear:left;
 646  }
 647  
 648  /** general module table **/

 649  #leftcol table,

 650  #leftcol table td {

 651      font-size:11px !important;
 652      color:#000000;
 653  }
 654  
 655  #rightcol table,

 656  #rightcol table td {

 657      font-size:11px !important;
 658      color:#FFFFFF;
 659  }
 660  
 661  /** general module title **/

 662  table.moduletable th {
 663      border: solid 1px #000000;
 664      color:#000000;
 665      font-family: Georgia, "Times New Roman", Times, serif;
 666      font-size:13px;
 667      line-height:25px;
 668      background: #B5B5B5 url(../images/bg_leftcol_module_th.gif) repeat-y left top;
 669      height:22px;
 670      text-align:left;
 671      padding-left:15px;
 672      font-weight:normal;
 673      text-transform: uppercase;
 674      letter-spacing: 1px;
 675  }
 676  
 677  #leftcol table.moduletable th {

 678      background-color: #B8F400;
 679      color: #000000;
 680      border: none;
 681      border-top: solid 1px #000000;
 682      border-bottom: solid 1px #000000;
 683  }
 684  
 685  #rightcol table.moduletable th {

 686      background-color:#B5B5B5;
 687      border: solid 1px #000000;
 688  }
 689  
 690  
 691  /** specific module td table for content top 1 and 2. 

 692  position:user2 an user3 **/
 693  #content_top1 table.moduletable td,

 694  #content_top2 table.moduletable td {

 695      background-color:#EFEFEF;
 696      height:100px;
 697      min-height:100px;
 698      vertical-align:top;
 699  }
 700  
 701  /** right column module td **/

 702  #rightcol table.moduletable td   {

 703      padding:5px;
 704  }
 705  
 706  /** generic menu item **/

 707  
 708  .mainlevel  {
 709      display:block;
 710      font: bold 11px/25px Arial, Helvetica, sans-serif !important;
 711      color: #000000 !important;
 712      padding-left:15px;
 713      background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;
 714      font-weight:bold;
 715      text-decoration:none;
 716  }
 717  
 718  /** specific left column form **/

 719  #leftcol form {

 720      margin-left:15px;
 721  }
 722  
 723  /** specific left column form **/

 724  #leftcol .button {

 725      font-size:11px;
 726      color:#FFFFFF;
 727      background-color:#A8DF00;
 728      border: 1px solid #CCFF00;
 729      width:140px;
 730  }
 731  
 732  
 733  /** specific left column form **/

 734  #leftcol .inputbox {

 735      font-size:11px;
 736      font-weight: bold;
 737  }
 738  
 739  /** module styles in #leftcol **/

 740  #leftcol table.moduletable td {

 741      color:#000000;
 742      font-size:11px;
 743  }
 744  
 745  /** search div in top right column. position:user4 **/

 746  div.search {
 747      margin-left:10px;
 748  }
 749  
 750  /** search field in search div **/

 751  .search .inputbox {
 752      width:145px;
 753      border: 1px solid #000000;
 754  }
 755  
 756  /* ---------------------

 757  mambo form layout

 758  --------------------- */
 759  
 760  /** left column input form **/

 761  #leftcol .inputbox {

 762      font-size:11px;
 763      margin-bottom:2px;
 764  }
 765  
 766  
 767  
 768  /** input button html tag **/

 769  .button,
 770  #rightcol .button {

 771      font-size:11px;
 772      text-transform:uppercase;
 773      color:#FFFFFF;
 774      font-weight:bold;
 775      background-color:#000000;
 776      border: 1px solid #666666;
 777  }
 778  
 779  .search  {
 780      margin-top:30px;
 781  }
 782  
 783  
 784  
 785  
 786  /* 

 787  mambo top menu layout

 788  you need to add menu class suffix: -nav

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

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

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

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

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

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

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

 838  specific right column menu item. position:right

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

 840  module class suffix: -right

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

 853  moduletable specific with background image

 854  you need to add modules class suffix: -bgimg

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

 873  .poll {
 874      font-size:11px;
 875      line-height: 16px;
 876  }
 877  
 878  table.pollstableborder .sectiontableentry2 {
 879      background-color:transparent; 
 880      text-align:left; 
 881  }
 882  table.pollstableborder .sectiontableentry1 {
 883      background-color:#333333; 
 884      text-align:left;
 885  }
 886  
 887  .moduletable_bgimg table.pollstableborder td.sectiontableentry2,
 888  .moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
 889      background-color:transparent!important; 
 890      text-align:left!important; 
 891  }
 892  
 893  
 894  #bottompadding    {

 895      position:relative;
 896      width:900px;
 897      display:block;
 898      height:0px;
 899      margin-top:-100px;
 900  }