Mambo API

[Summary view] [Print] [Text view]

   1  * {
   2      font-family: Arial, Helvetica, sans-serif;
   3  }
   4  
   5  .waterbody {
   6      background:#F8F7F2 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: 55px 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      background:transparent url(../images/bg_topright.jpg) no-repeat center top;
 188  }
 189  
 190  /** div container for banner position:banner **/

 191  #banner {

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

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

 216  
 217  #copyright {

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

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

 240  mambo content layout

 241  --------------------- */
 242  
 243  /** pathway block **/

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

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

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

 338  .small {
 339      color:#999999;
 340      font-size:10px;
 341      font-weight: bold;
 342      background-color:inherit;
 343  }
 344  
 345  /** date info in content **/

 346  #content_main .createdate {

 347      color:#4A87C4;
 348      font-size:10px;
 349      padding: 0 0 15px 0;
 350      line-height:8px;
 351      background-color:inherit;
 352  }
 353  
 354  #content_main .modifydate {

 355      color:#999999;
 356      font-size:10px;
 357      padding: 0;
 358      background-color:inherit;
 359  }
 360  
 361  
 362  /** content item navigation  **/

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

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

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

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

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

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

 445  Links

 446  --------------------- */
 447  
 448  /** any left column link **/

 449  #leftcol a:link,

 450  #leftcol a:active,

 451  #leftcol a:visited,

 452  #leftcolmenu a:link,

 453  #leftcolmenu a:active,

 454  #leftcolmenu a:visited

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

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

 488  a.blogsection:link,
 489  a.blogsection:active,
 490  a.blogsection:visited {
 491      color:#3973AC;
 492      text-decoration:none;
 493  }
 494  
 495  /** generic menu item link **/

 496  a.mainlevel:link,
 497  a.mainlevel:active,
 498  a.mainlevel:visited,
 499  a.sublevel:link,
 500  a.sublevel:active,
 501  a.sublevel:visited {
 502      color:#FFFFFF;
 503      text-decoration:none;
 504      font-size:11px;
 505      line-height: 27px;
 506  }
 507  
 508  /** generic menu item link on mouseover **/

 509  a.mainlevel:hover,
 510  #leftcol a.mainlevel:hover,

 511  #leftcolmenu a.mainlevel:hover {

 512      background-color:#326A99;
 513      color:#FFFFFF!important;
 514      text-decoration:none!important;
 515  }
 516  
 517  
 518   /*

 519  specific right column menu item. position:right

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

 521  module class suffix: -right

 522   */
 523  .mainlevel-right {
 524      display:block;
 525      height:25px;
 526      line-height:25px;
 527      padding-left:15px;
 528      background:#E9E8D3 url(../images/bg_mainlevel_right.gif) repeat-x center top;
 529      font-weight:bold;
 530  }
 531  
 532  a.mainlevel-right:link,
 533  a.mainlevel-right:active,
 534  a.mainlevel-right:visited,
 535  a.sublevel-right:link,
 536  a.sublevel-right:active,
 537  a.sublevel-right:visited {
 538      color:#000000;
 539      text-decoration:none;
 540      font-size:11px;
 541      background-color:#E9E8D3;
 542  }
 543  
 544  /** specific top right column menu item link on mouseover **/

 545  a.mainlevel-right:hover {
 546      background-color:#DFDDC6;
 547      text-decoration:none;
 548  }
 549  
 550  
 551  /** pathway link item **/

 552  a.pathway:link,
 553  a.pathway:link,
 554  a.pathway:active,
 555  a.pathway:visited {
 556      color:#999999;
 557      text-decoration:none;
 558  }
 559  
 560  
 561  /** table of content list **/

 562  a.toclink:link,
 563  a.toclink:active,
 564  a.toclink:visited {
 565      color:#3973AC;
 566      font-size:11px;
 567      padding:2px 10px 2px 10px;
 568      display:block;
 569      text-decoration:none;
 570  }
 571  
 572  .pagenavbar a:link,
 573  .pagenavbar a:active,
 574  .pagenavbar a:visited  {
 575      letter-spacing:2px;
 576      color:#000000;
 577      font-size: 11px;
 578      text-decoration: none;
 579  }
 580  
 581  .pagenavbar a:hover {
 582      color:#3973AC;
 583  }
 584  
 585  /** latestnews and popular **/

 586  .latestnews,
 587  .mostread {
 588      color:#000000;
 589  }
 590  
 591  a.latestnews:link,
 592  .mostread a:link,
 593  .latestnews a:active,
 594  .mostread a:active,
 595  .latestnews a:hover,
 596  .mostread a:hover,
 597  .latestnews a:visited,
 598  .mostread a:visited {
 599      color:#000000;
 600      text-decoration:underline;
 601  }
 602  
 603  /** underline on hover **/

 604  a.toclink:hover,
 605  a.latestnews:hover,
 606  a.mostread:hover,
 607  a.pathway:hover,
 608  a.sublevel:hover,
 609  a.sublevel-right:hover,
 610  a.blogsection:hover,
 611  a.readon:hover,
 612  a.pagenav:hover ,
 613  a.pagenav_next:hover,
 614  a.pagenav_pre:hover,
 615  a.latestnews:hover {
 616      text-decoration:underline;
 617      color:#3973AC;
 618      background-color:inherit;
 619  }
 620  
 621  #leftcol a:hover {

 622      color: #93B7DB;
 623      text-decoration:underline;
 624  }
 625  
 626  
 627  /* ---------------------

 628  mambo module layout

 629  --------------------- */
 630  
 631  /** general module table **/

 632  table.moduletable,
 633  #leftcol table,

 634  #rightcol table {

 635      width:100%;
 636      float:left;
 637      clear:left;
 638  }
 639  
 640  /** general module table **/

 641  #leftcol table,

 642  #leftcol table td {

 643      font-size:11px !important;
 644      color:#FFFFFF !important;
 645  }
 646  
 647  #rightcol table,

 648  #rightcol table td {

 649      font-size:11px !important;
 650      color:#030303;
 651  }
 652  
 653  /** general module title **/

 654  table.moduletable th {
 655      border-bottom: 1px solid #000000;    
 656      color:#000000;
 657      font-family: Georgia, "Times New Roman", Times, serif;
 658      font-size:13px;
 659      line-height:25px;
 660      background: #E3E2C6 url(../images/bg_leftcol_module_th.gif) repeat-y left top;
 661      height:22px;
 662      text-align:left;
 663      padding-left:15px;
 664      font-weight:normal;
 665      text-transform: uppercase;
 666      letter-spacing: 1px;
 667  }
 668  
 669  #leftcol table.moduletable th {

 670      background: #ACCCE6 url(../images/bg_leftcol_module_th.gif) repeat-y left top;
 671  }
 672  
 673  #rightcol table.moduletable th {

 674      background-color:#B3AE88;
 675  }
 676  
 677  
 678  /** specific module td table for content top 1 and 2. 

 679  position:user2 an user3 **/
 680  #content_top1 table.moduletable td,

 681  #content_top2 table.moduletable td {

 682      background-color:#F7F7EE;
 683      height:100px;
 684      min-height:100px;
 685      vertical-align:top;
 686  }
 687  
 688  /** right column module td **/

 689  #rightcol table.moduletable td   {

 690      padding:5px;
 691  }
 692  
 693  /** generic menu item **/

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

 705  #leftcol form {

 706      margin-left:15px;
 707  }
 708  
 709  /** specific left column form **/

 710  #leftcol .button {

 711      font-size:11px;
 712      color:#FFFFFF;
 713      background-color:#5F9BCD;
 714      border-right: 1px solid #49779D;
 715      border-bottom: 1px solid #49779D;
 716      border-left: 1px solid #7CADD6;
 717      border-top: 1px solid #7CADD6;
 718      width:140px;
 719  }
 720  
 721  
 722  /** specific left column form **/

 723  #leftcol .inputbox {

 724      font-size:11px;
 725      font-weight: bold;
 726  }
 727  
 728  /** module styles in #leftcol **/

 729  #leftcol table.moduletable td {

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

 735  div.search {
 736      margin-left:10px;
 737  }
 738  
 739  /** search field in search div **/

 740  .search .inputbox {
 741      width:145px;
 742      border: 1px solid #000000;
 743  }
 744  
 745  /* ---------------------

 746  mambo form layout

 747  --------------------- */
 748  
 749  /** left column input form **/

 750  #leftcol .inputbox {

 751      font-size:11px;
 752      /*border: 1px solid #000000;*/

 753      margin-bottom:2px;
 754  }
 755  
 756  
 757  
 758  /** input button html tag **/

 759  .button,
 760  #rightcol .button {

 761      font-size:11px;
 762      text-transform:uppercase;
 763      color:#726C49;
 764      font-weight:bold;
 765      background-color:#F7F7EE;
 766      border-top: 1px solid #D0CDB6;
 767      border-right: 1px solid #5E5B47;
 768      border-bottom: 1px solid #5E5B47;
 769      border-left: 1px solid #D0CDB6;
 770  }
 771  
 772  .search  {
 773      margin-top:30px;
 774  }
 775  
 776  
 777  
 778  
 779  /* 

 780  mambo top menu layout

 781  you need to add menu class suffix: -nav

 782  */
 783  
 784  /** unordered list top menu **/

 785  ul#mainlevel-nav
 786  {
 787      list-style: none;
 788      padding: 0;
 789      margin: 0;
 790      font-size: 0.8em;
 791  }
 792  
 793  /** unordered list item for top menu **/

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

 808  ul#mainlevel-nav li a
 809  {
 810      display: block;
 811      padding-left: 15px;
 812      padding-right: 15px;
 813      text-decoration: none;
 814      color: #FFFFFF;
 815      font-weight:bold;
 816  }
 817  
 818  /** unordered list item link for top menu for firefox only **/

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

 820      width: auto;
 821  }
 822  
 823  /** unordered list item for top menu for firefox only **/

 824  ul#mainlevel-nav li a:hover {
 825      background: #535353;
 826      text-decoration:none;
 827  }
 828  
 829  
 830  /** 

 831  moduletable specific with background image

 832  you need to add modules class suffix: -bgimg

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

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

 873      position:relative;
 874      width:900px;
 875      display:block;
 876      height:0px;
 877      margin-top:-100px;
 878  }