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:#CCCCCC 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      color:#3973AC;
  34  }
  35  
  36  ul {
  37      margin: 5px;
  38      padding: 5px;
  39      list-style: none;
  40      list-style-type: square;
  41  }
  42  
  43  li {
  44      line-height: 18px;
  45      padding-left: 5px;
  46      padding-top: 0px;
  47      list-style-position: inside;
  48  }
  49  
  50  /** clear the banner to make it sit in the bottom **/

  51  .clear {
  52      clear:both;
  53  }
  54  
  55  /* ---------------------

  56  template layout

  57  --------------------- */
  58  
  59  /** wrapper to make the page center **/

  60  #container {

  61      width:900px;
  62      margin: 55px auto;
  63      padding:0;
  64      text-align: left;
  65  }
  66  
  67  /**

  68  hold background, it should be float:left

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

  70  **/
  71  #containerbg {

  72      position:relative;
  73      width: 900px;
  74      background:transparent url(../images/bg_inside.jpg) repeat-y left top;
  75      float:left;
  76      top:0;
  77      left:0;
  78  }
  79  
  80  #outerleft {

  81      position:relative;
  82      float:left;
  83      clear:left;
  84      width:730px;
  85      
  86  }
  87  
  88  #outerright {

  89      position:relative;
  90      width:170px;
  91      float:right;
  92      clear:right;
  93  }
  94  
  95  #logo {

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

 104  #topmenu {

 105      position:relative;
 106      float:left;
 107      clear:left;
 108      background-color:#000000;
 109      width: 100%;
 110  }
 111  
 112  /** div container for image header **/

 113  #imgheader {

 114      position:relative;
 115      float:left;
 116      clear:left;
 117      width:100%;
 118      height:99px;
 119      background-color: #000000;
 120  }
 121  
 122  #container_inner {

 123      position:relative;
 124      clear:left;
 125      width:730px;
 126  }
 127  
 128  /** div container for left column **/

 129  #leftcol {

 130      position:relative;
 131      float:left;
 132      clear:left;
 133      width:172px;
 134      background:transparent url(../images/bg_leftcol.jpg) repeat-y left top;
 135  }
 136  
 137  #leftcolmenu {

 138      position:relative;
 139      background:transparent url(../images/bg_leftcol.jpg) repeat-y left top;
 140      overflow:auto;
 141  }
 142  
 143  
 144  /** div wrapper for user2 & user3 **/

 145  #content_top_wrapper {

 146      position:relative;
 147      float:right;
 148      clear:right;
 149      width:542px;
 150      display:inline;
 151      margin: 4px 8px 0 0;
 152  }
 153  
 154  /** div container for position:user2 **/

 155  #content_top1 {

 156      position:relative;
 157      float:left;
 158      clear:left;
 159      width:269px;
 160  }
 161  
 162  /** div container for position:user3 **/

 163  #content_top2 {

 164      position:relative;
 165      float:right;
 166      clear:right;
 167      width:269px;
 168  }
 169  
 170  /** div container for mainbody **/

 171  #content_main {

 172      position:relative;
 173      float:left;
 174      width:520px;
 175      margin:15px 0 20px 20px;
 176      background-color:#FFFFFF;
 177  }
 178  
 179  /** div container for right column **/

 180  #rightcol_top,

 181  #rightcol {

 182      float:left;
 183      clear:left;
 184      width:168px;
 185      margin:0 0 0 1px;
 186      display:inline;
 187      overflow:auto;
 188  }
 189  
 190  /** div container for right column position:header **/

 191  #rightcol_top {

 192      height:70px;
 193      min-height:70px;
 194      background:transparent url(../images/bg_topright.jpg) no-repeat center top;
 195  }
 196  
 197  /** div container for banner position:banner **/

 198  #banner {

 199      position:relative;
 200      clear:left;
 201      float:left;
 202      width:515px;
 203      height:65px;
 204      min-height:65px;
 205      color:#FFFFFF;
 206      font-size:10px;
 207      padding: 20px 0 0 215px;
 208  }
 209  
 210  #blackline {

 211      position:relative;
 212      clear:left;
 213      float:left;
 214      width:730px;;
 215      height:10px;
 216      min-height:10px;
 217      background-color: #000000;
 218      color:#FFFFFF;
 219      font-size:10px;
 220  }
 221  
 222  /** copyright **/

 223  
 224  #copyright {

 225      position:relative;
 226      width:900px;
 227      display:block;
 228      clear:both;
 229      float:left;
 230  }
 231  
 232  #copyright div {

 233      color:#666666;
 234      font-size:10px;
 235      font-weight:bold;
 236      display:block!important;
 237      width:900px;
 238      float:left;
 239      clear:left;
 240      margin:-10px 0 0 0;
 241      text-align:left;
 242  }
 243  
 244  
 245  
 246  /* ---------------------

 247  mambo content layout

 248  --------------------- */
 249  
 250  /** pathway block **/

 251  span.pathway {
 252      display:block;
 253      text-align:left;
 254      color:#000000;
 255      font-size:10px;
 256      font-weight:bold;
 257      border-bottom-width: 1px;
 258      border-bottom-style: solid;
 259      border-bottom-color: #E5E5E5;
 260      height:20px;
 261      margin-bottom:10px;
 262  }
 263  
 264  /** content title **/

 265  .componentheading {
 266      font-family:Georgia, "Times New Roman", Times, serif;
 267      color:#000000;
 268      font-size: 20px;
 269      line-height:25px;
 270      padding: 5px 0 5px 0;
 271      display:block;
 272  }
 273  
 274  .contentheading,
 275  .contentpagetitle,
 276  a.contentpagetitle:link,
 277  a.contentpagetitle:active,
 278  a.contentpagetitle:visited {
 279      font-family: Arial, Helvetica, sans-serif;
 280      font-size:16px;
 281      color:#3973AC;
 282      font-weight: bold;
 283      padding-top: 25px;
 284      background-color:inherit;
 285      display:block;
 286  }
 287  
 288  .contentpaneopen {
 289      width:100%;
 290  }
 291  
 292  
 293  /** pdf, printer version, and email to friend button **/

 294  .buttonheading {
 295      width: 16px!important;
 296      text-align:right;
 297  }
 298  
 299  .sectiontableheader {
 300      font-weight: bold;
 301  }
 302  
 303  .category, .categorytitle {
 304      font-weight: bold;
 305      color:#3973AC;
 306      background-color:inherit;
 307  }
 308  
 309  .sectiontableentry1,
 310  table.pollstableborder tr.sectiontableentry1 {
 311      background-color: #EFEFEF;
 312      padding: 2px;
 313      color:#333333;
 314  }
 315  
 316  .sectiontableentry2,
 317  table.pollstableborder tr.sectiontableentry2 {
 318      background-color: #FFFFFF;
 319      padding: 2px;
 320      color:#333333;
 321  }
 322  
 323  /** blog Styles **/

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

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

 347  #content_main .createdate {

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

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

 363  .pagenav_prev,
 364  .pagenav_next {
 365      font-size:11px;
 366  }
 367  
 368  
 369  /** content item navigation  **/

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

 411  .highlight {
 412      font-weight:bold;
 413      background-color: #FFFF00;
 414      padding: 2px 0 2px 0;
 415      
 416  }
 417  
 418  /** table of content layout **/

 419  table.contenttoc {
 420      border:1px solid #000000;
 421      padding:1px;
 422      width:130px;
 423      margin: 0 0 10px 10px;
 424  }
 425  
 426  /** table of content header **/

 427  .contenttoc th {
 428      color:#FFFFFF;
 429      background-color:#666666;
 430      font-size:11px;
 431      display:block;
 432      width:124px;
 433  }
 434  
 435  /** unordered list for latest news module **/

 436  ul.latestnews li,ul.mostread li {
 437      line-height: 18px;
 438      font-size:11px;
 439      font-weight:bold;
 440      list-style-type: none;
 441      list-style-position: outside;
 442  }
 443  
 444  
 445  /** fix opera table width for content list in table category**/

 446  table.contentpane td.contentdescription {
 447      width:100%!important;
 448  }
 449  
 450  
 451  /* ---------------------

 452  Links

 453  --------------------- */
 454  
 455  /** any left column link **/

 456  #leftcol a:link,

 457  #leftcol a:active,

 458  #leftcol a:visited {

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

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

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

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

 512  a.mainlevel:hover,
 513  #leftcol a.mainlevel:hover {

 514      background-color:#484848;
 515      color:#FFFFFF!important;
 516      text-decoration:none!important;
 517  }
 518  
 519  /** specific top right column menu item link **/

 520  a.mainlevel-right:link,
 521  a.mainlevel-right:active,
 522  a.mainlevel-right:visited,
 523  a.sublevel-right:link,
 524  a.sublevel-right:active,
 525  a.sublevel-right:visited {
 526      color:#000000;
 527      text-decoration:none;
 528      font-size:11px;
 529  }
 530  
 531  /** specific top right column menu item link on mouseover **/

 532  a.mainlevel-right:hover {
 533      background-color:#CCCCCC;
 534      text-decoration:none;
 535  }
 536  
 537  
 538  /** pathway link item **/

 539  a.pathway:link,
 540  a.pathway:link,
 541  a.pathway:active,
 542  a.pathway:visited {
 543      color:#999999;
 544      text-decoration:none;
 545  }
 546  
 547  /** table of content list **/

 548  a.toclink:link,
 549  a.toclink:active,
 550  a.toclink:visited {
 551      color:#3973AC;
 552      font-size:11px;
 553      padding:2px 10px 2px 10px;
 554      display:block;
 555      text-decoration:none;
 556  }
 557  
 558  .pagenavbar a:link,
 559  .pagenavbar a:active,
 560  .pagenavbar a:visited  {
 561      letter-spacing:2px;
 562      color:#000000;
 563      font-size: 11px;
 564      text-decoration: none;
 565  }
 566  
 567  .pagenavbar a:hover {
 568      color:#3973AC;
 569  }
 570  
 571  /** latestnews and popular **/

 572  .latestnews,
 573  .mostread {
 574      color:#000000;
 575  }
 576  
 577  a.latestnews:link,
 578  .mostread a:link,
 579  .latestnews a:active,
 580  .mostread a:active,
 581  .latestnews a:hover,
 582  .mostread a:hover,
 583  .latestnews a:visited,
 584  .mostread a:visited {
 585      color:#000000;
 586      text-decoration:underline;
 587  }
 588  
 589  /** underline on hover **/

 590  a.toclink:hover,
 591  a.latestnews:hover,
 592  a.mostread:hover,
 593  a.pathway:hover,
 594  a.sublevel:hover,
 595  a.sublevel-right:hover,
 596  a.blogsection:hover,
 597  a.readon:hover,
 598  a.pagenav:hover ,
 599  a.pagenav_next:hover,
 600  a.pagenav_pre:hover,
 601  a.latestnews:hover {
 602      text-decoration:underline;
 603      color:#3973AC;
 604      background-color:inherit;
 605  }
 606  
 607  #leftcol a:hover {

 608      color: #93B7DB;
 609      text-decoration:underline;
 610  }
 611  
 612  
 613  /* ---------------------

 614  mambo module layout

 615  --------------------- */
 616  
 617  /** general module table **/

 618  table.moduletable,
 619  #leftcol table,

 620  #rightcol table {

 621      width:100%;
 622      float:left;
 623      clear:left;
 624  }
 625  
 626  /** general module table **/

 627  #rightcol table,

 628  #leftcol table td {

 629      font-size:11px !important;
 630      color:#CCCCCC;
 631  }
 632  
 633  #rightcol table,

 634  #rightcol table td {

 635      font-size:11px !important;
 636      color:#030303;
 637  }
 638  
 639  /** general module title **/

 640  table.moduletable th,
 641  table.moduletable-bgimg th,
 642  table.moduletable-right th {
 643      border: 1px solid #000000;    
 644      color:#FFFFFF;
 645      font-family: Georgia, "Times New Roman", Times, serif;
 646      font-size:15px;
 647      line-height:20px;
 648      background-color:#484848;
 649      height:25px;
 650      text-align:left;
 651      padding-left:15px;
 652      font-weight:normal;
 653  }
 654  
 655  /** specific module td table for content top 1 and 2. 

 656  position:user2 an user3 **/
 657  #content_top1 table.moduletable td,

 658  #content_top2 table.moduletable td {

 659      background:transparent url(../images/bg_module_contenttop.jpg) no-repeat center bottom;
 660      height:100px;
 661      min-height:100px;
 662      vertical-align:top;
 663  }
 664  
 665  /** right column module td **/

 666  #rightcol table.moduletable td   {

 667      padding:5px;
 668  }
 669  
 670  /** generic menu item **/

 671  .mainlevel  {
 672      display:block;
 673      font: bold 11px/25px Arial, Helvetica, sans-serif !important;
 674      padding-left:15px;
 675      background:transparent url(../images/bg_mainlevel.gif) repeat-x center top;
 676      font-weight:bold;
 677      text-decoration:none;
 678  }
 679  
 680  /** specific left column form **/

 681  #leftcol form {

 682      margin-left:15px;
 683  }
 684  
 685  /** specific left column form **/

 686  #leftcol .button {

 687      font-size:11px;
 688      color:#FFFFFF;
 689      background-color:#585858;
 690      border-right: 1px solid #333333;
 691      border-bottom: 1px solid #333333;
 692      border-left: 1px solid #888888;
 693      border-top: 1px solid #888888;
 694      width:140px;
 695  }
 696  
 697  
 698  /** specific left column form **/

 699  #leftcol .inputbox {

 700      font-size:11px;
 701      font-weight: bold;
 702  }
 703  
 704  /** module styles in #leftcol **/

 705  #leftcol table.moduletable td {

 706      color:#DADADA;
 707      font-size:11px;
 708  }
 709  
 710  /** search div in top right column. position:user4 **/

 711  div.search {
 712      margin-left:10px;
 713  }
 714  
 715  /** search field in search div **/

 716  .search .inputbox {
 717      width:130px;
 718      border: 1px solid #000000;
 719  }
 720  
 721  /* ---------------------

 722  mambo form layout

 723  --------------------- */
 724  
 725  /** left column input form **/

 726  #leftcol .inputbox {

 727      font-size:11px;
 728      /*border: 1px solid #000000;*/

 729      margin-bottom:2px;
 730  }
 731  
 732  /** input button html tag **/

 733  .button,
 734  #rightcol .button {

 735      font-size:11px;
 736      text-transform:uppercase;
 737      color:#666666;
 738      font-weight:bold;
 739      background-color:#CCCCCC;
 740      border-top: 1px solid #FFFFFF;
 741      border-right: 1px solid #999999;
 742      border-bottom: 1px solid #999999;
 743      border-left: 1px solid #FFFFFF;
 744  }
 745  
 746  #rightcol .button {

 747      background-color:#E5E5E5;
 748  }
 749  
 750  .search  {
 751      margin-top:30px;
 752  }
 753  
 754  
 755  
 756  /* 

 757  mambo top menu layout

 758  you need to add menu class suffix: -nav

 759  */
 760  
 761  /** unordered list top menu **/

 762  ul#mainlevel-nav
 763  {
 764      list-style: none;
 765      padding: 0;
 766      margin: 0;
 767      font-size: 0.8em;
 768  }
 769  
 770  /** unordered list item for top menu **/

 771  ul#mainlevel-nav li
 772  {
 773      display: block;
 774      padding-left: 0px;
 775      padding-right: 0px;
 776      float: left;
 777      margin: 0;
 778      width: auto !important;
 779      font-size: 11px;
 780      line-height: 23px;
 781      white-space: nowrap;
 782  }
 783  
 784  /** unordered list item link for top menu **/

 785  ul#mainlevel-nav li a
 786  {
 787      display: block;
 788      padding-left: 15px;
 789      padding-right: 15px;
 790      text-decoration: none;
 791      color: #FFFFFF;
 792      font-weight:bold;
 793  }
 794  
 795  /** unordered list item link for top menu for firefox only **/

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

 797      width: auto;
 798  }
 799  
 800  /** unordered list item for top menu for firefox only **/

 801  ul#mainlevel-nav li a:hover {
 802      background: #535353;
 803      text-decoration:none;
 804  }
 805  
 806  
 807   /*

 808  specific right column menu item. position:right

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

 810  module class suffix: -right

 811   */
 812  .mainlevel-right {
 813      display:block;
 814      height:25px;
 815      line-height:25px;
 816      padding-left:15px;
 817      background:#EEF0F0 url(../images/bg_mainlevel_right.gif) repeat-x center top;
 818      font-weight:bold;
 819  }
 820  
 821  /** 

 822  moduletable specific with background image

 823  you need to add modules class suffix: -bgimg

 824   **/
 825  table.moduletable-bgimg {
 826      background:transparent url(../images/bg_module.jpg) no-repeat center bottom;
 827      float:left;
 828      clear:left;
 829      width:100%;
 830  }
 831  
 832  table.moduletable-bgimg td {
 833      padding: 5px ;
 834      font-size:11px;
 835  }
 836  
 837  table.moduletable-bgimg td td {
 838      padding: 0!important;
 839  }
 840  
 841  /** for polls **/

 842  .poll {
 843      font-size:11px;
 844      line-height: 16px;
 845  }
 846  
 847  table.pollstableborder .sectiontableentry2 {
 848      background-color:transparent; 
 849      text-align:left; 
 850  }
 851  table.pollstableborder .sectiontableentry1 {
 852      background-color:#F5F5F5; 
 853      text-align:left;
 854  }
 855  
 856  .moduletable_bgimg table.pollstableborder td.sectiontableentry2,
 857  .moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
 858      background-color:transparent!important; 
 859      text-align:left!important; 
 860  }
 861  
 862  
 863  #bottompadding    {

 864      position:relative;
 865      width:900px;
 866      display:block;
 867      height:0px;
 868      margin-top:-100px;
 869  }