very_small/css/theme_right.css.php

   1 <?php
   2 /* vim: set expandtab sw=4 ts=4 sts=4: */
   3 /**
   4  * main css file from theme
   5  *
   6  * @version $Id$
   7  * @package phpMyAdmin-theme
   8  * @subpackage Very_small
   9  */
  10 ?>
  11
  12 #mainFrameset, #leftFrameset, frameset, frame {
  13     margin:              0 !important;
  14     padding:             0 !important;
  15     border:              0 none #ffffff !important;
  16 }
  17 #leftFrameset {
  18     border-right:        1px solid #585880 !important;
  19 }
  20
  21 /* basic font setup */
  22 body,
  23 th, td,
  24 div, span,
  25 p, h1, h2, h3, h4, h5, h6,
  26 a:link, a:active, a:visited,
  27 input, button, select, textarea, legend, fieldset, label, form {
  28     font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
  29     font-size:           10px;
  30 }
  31 /* buttons in some browsers (eg. Konqueror) are block elements, this breaks design */
  32 button { display: inline; }
  33
  34 /* body main style */
  35 body {
  36     color:               #333333;
  37     background-color:    #ffffff;
  38     margin:              0;
  39     padding:          14px 0px 0px 0px;
  40     background-image:    url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>wbg_right.jpg);
  41     background-position: 100% 100%;
  42     background-repeat:   no-repeat;
  43     background-attachment: fixed;
  44 }
  45
  46 /* headlines */
  47 h1, h1 a:link, h1 a:active, h1 a:visited {
  48     font-size:           18px;
  49     font-weight:         bold;
  50 }
  51 h2, h2 a:link, h2 a:active, h2 a:visited {
  52     font-size:           16px;
  53     font-weight:         bold;
  54 }
  55 h3, h3 a:link, h3 a:active, h3 a:visited {
  56     font-size:           14px;
  57     font-weight:         bold;
  58 }
  59
  60 /* pre, code, tt */
  61 pre, tt, code {
  62     font-family:         "Courier New", Courier, monospace;
  63     font-size:           10px;
  64     color:               #333333;
  65 }
  66
  67 /* italic fonts */
  68 i, em, address{
  69     font-style:          normal;
  70     color:               #666666;
  71 }
  72
  73 /* links */
  74 a:link, a:visited, a:active {
  75     text-decoration:     none;
  76     font-weight:         bold;
  77     color:               #696ab5;
  78 }
  79 a:hover {
  80     text-decoration:     none;
  81     color:               #585880;
  82 }
  83 a.drop:link, a.drop:visited, a.drop:active{
  84     color:               #aa0000;
  85 }
  86 a.drop:hover {
  87     color:               #ffffff;
  88     background-color:    #aa0000;
  89     text-decoration:     none;
  90 }
  91
  92 /* horizontal ruler */
  93 hr {
  94     color:               #585880;
  95     background-color:    #585880;
  96     border:              1px none #585880;
  97     height:              1px;
  98     margin-top:          0px;
  99     margin-bottom:       0px;
 100 }
 101
 102 /* image */
 103 img {
 104     vertical-align:      middle;
 105     margin:              0 2px 0 2px;
 106 }
 107 img[class=icon]{
 108     margin:              0 0 0 0;
 109         padding:              0 0 0 0;
 110         height:13px;
 111 }
 112 /* tables */
 113 table,td,th{
 114         padding: 0px;
 115     margin:  0px;
 116 }
 117 table {
 118     border: 0px none #000000;
 119 }
 120 th, .tblHeaders, tr.tblHeaders td, tr.tblHeaders th,
 121 .tblFooters, tr.tblFooters td, tr.tblFooters th,
 122 .tblHeadError, .tblHeadWarn {
 123     white-space:         nowrap;
 124     border-bottom:       1px solid #585880;
 125     border-top:          1px solid #cccccc;
 126     background-repeat:   repeat-x;
 127     background-position: 0 0;
 128 }
 129 th, .tblFooters {
 130     font-weight:         bold;
 131     color:               #585880;
 132     background-color:    #e5e5e5;
 133     border-top:          1px solid #cccccc;
 134     border-bottom:       1px solid #333333;
 135     white-space:         nowrap;
 136     background-image:    url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbg_th1.png);
 137     background-repeat:   repeat-x;
 138     background-position: 0 0;
 139 }
 140 .tblFooters {
 141     text-align: right;
 142 }
 143 .tblHeaders, .tblHeaders td, .tblHeaders th, .tblHeaders a:link, .tblHeaders a:active, .tblHeaders a:visited {
 144     font-weight:         bold;
 145 }
 146 .tblHeaders, tr.tblHeaders td, tr.tblHeaders th {
 147     color:               #585880;
 148     background-color:    #b4cae9;
 149     background-image:    url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbg_th0.png);
 150 }
 151 .tblcomment {
 152     font-size:           10px;
 153     font-weight:         normal;
 154     color:               #000000;
 155 }
 156 .tblFooters, .tblFooters a:link, .tblFooters a:active, .tblFooters a:visited {
 157     font-weight:         normal;
 158     color:               #585880;
 159 }
 160
 161 .tblHeaders a:link, .tblHeaders a:active, .tblHeaders a:visited,
 162 .tblFooters a:link, .tblFooters a:active, .tblFooters a:visited {
 163     text-decoration:     underline;
 164 }
 165 .tblHeaders a:hover, .tblHeadWarn a:hover, .tblHeadError a:hover, .tblFooters a:hover {
 166     text-decoration:     none;
 167 }
 168 th.td {
 169     font-weight:         normal;
 170     color:               transparent;
 171     background-color:    transparent;
 172     background-image:    none;
 173     border-top:          1px none #cccccc;
 174     border-bottom:       1px solid #333333;
 175         padding: 0px;
 176     margin:  0px;
 177 }
 178
 179 table tr.odd th,
 180 table tr.odd,
 181 table tr.even th,
 182 table tr.marked th {
 183     background-image:    none;
 184     border:              none;
 185         padding: 0px;
 186     margin:  0px;
 187 }
 188
 189 /* hovered table rows */
 190 table tr.odd:hover th,
 191 table tr.even:hover th,
 192 table tr.hover th {
 193     background-color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 194     padding: 0px;
 195     margin:  0px;
 196 }
 197
 198 /* -- FORM ELEMENTS */
 199 form {
 200     padding:             0px 0px 0px 0px;
 201     margin:              0px 0px 0px 0px;
 202 }
 203 input, select {
 204     vertical-align:      middle;
 205     margin-top:          0px;
 206     margin-bottom:       0px;
 207 }
 208 select {
 209     color:               #585880;
 210 }
 211 select optgroup, select option {
 212     font-family:         Arial, Helvetica, Verdana, Geneva, sans-serif;
 213     font-size:           10px;
 214     font-style:          normal;
 215 }
 216 input[type=button], input[type=submit], input[type=reset] {
 217     color:               #585880;
 218     font-weight:         bold;
 219     padding-left:        2px;
 220     padding-right:       2px;
 221     border:              1px solid #585880;
 222     background-color:    #e5e5e5;
 223     cursor:              pointer;
 224 }
 225 input[type=text], input[type=file], input[type=password], input.textfield {
 226     color:               #000000;
 227     border:              1px solid #585880;
 228 }
 229 input.inpcheck {
 230     width:10px;
 231         height:10px;
 232 }
 233 input[type=checkbox] {
 234         width:10px;
 235     height:10px;
 236 }
 237
 238 fieldset {
 239     border:              #585880 solid 1px;
 240     padding:             0.5em;
 241 }
 242 fieldset fieldset {
 243     padding:             0.5em;
 244 }
 245 legend {
 246     color:               #333333;
 247     font-weight:         bold;
 248     background-color:    #ffffff;
 249     padding:             2px;
 250 }
 251 button.mult_submit {
 252     border:              none;
 253     background-color:    transparent;
 254 }
 255
 256 /* dfn */
 257 dfn {
 258     font-style:          normal;
 259 }
 260
 261
 262 /* message boxes: warning, error, confirmation */
 263 .notice {
 264     color: #000000;
 265     background-color: #FFFFDD;
 266 }
 267 h1.notice,
 268 div.notice {
 269     margin: 0.5em 0 0.5em 0;
 270     border: 0.1em solid #FFD700;
 271     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 272     background-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
 273     background-repeat: no-repeat;
 274         <?php if ( $GLOBALS['text_dir'] === 'ltr' ) {?>
 275     background-position: 10px 50%;
 276     padding: 10px 10px 10px 36px;
 277         <?php } else {?>
 278     background-position: 99% 50%;
 279     padding: 10px 5% 10px 10px;
 280         <?php }?>
 281     <?php } else {?>
 282     padding: 0.5em;
 283     <?php }?>
 284 }
 285 .notice h1 {
 286     border-bottom: 0.1em solid #FFD700;
 287     font-weight: bold;
 288     text-align: <?php echo $left; ?>;
 289     margin: 0 0 0.2em 0;
 290 }
 291
 292 .warning {
 293     color: #CC0000;
 294     background-color: #FFFFCC;
 295 }
 296 h1.warning,
 297 div.warning {
 298     margin: 0.5em 0 0.5em 0;
 299     border: 0.1em solid #CC0000;
 300     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 301     background-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
 302     background-repeat: no-repeat;
 303         <?php if ( $GLOBALS['text_dir'] === 'ltr' ) {?>
 304     background-position: 10px 50%;
 305     padding: 10px 10px 10px 36px;
 306         <?php } else {?>
 307     background-position: 99% 50%;
 308     padding: 10px 5% 10px 10px;
 309         <?php }?>
 310     <?php } else {?>
 311     padding: 0.5em;
 312     <?php }?>
 313 }
 314 .warning h1 {
 315     border-bottom: 0.1em solid #cc0000;
 316     font-weight: bold;
 317     text-align: <?php echo $left; ?>;
 318     margin: 0 0 0.2em 0;
 319 }
 320
 321 .error {
 322     background-color: #FFFFCC;
 323     color: #ff0000;
 324 }
 325 h1.error,
 326 div.error {
 327     margin: 0.5em 0 0.5em 0;
 328     border: 0.1em solid #ff0000;
 329     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 330     background-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
 331     background-repeat: no-repeat;
 332         <?php if ( $GLOBALS['text_dir'] === 'ltr' ) {?>
 333     background-position: 10px 50%;
 334     padding: 10px 10px 10px 36px;
 335         <?php } else {?>
 336     background-position: 99% 50%;
 337     padding: 10px 5% 10px 10px;
 338         <?php }?>
 339     <?php } else {?>
 340     padding: 0.5em;
 341     <?php }?>
 342 }
 343 div.error h1 {
 344     border-bottom: 0.1em solid #ff0000;
 345     font-weight: bold;
 346     text-align: <?php echo $left; ?>;
 347     margin: 0 0 0.2em 0;
 348 }
 349
 350
 351 .confirmation {
 352     background-color: #FFFFCC;
 353 }
 354 fieldset.confirmation {
 355     border: 0.1em solid #FF0000;
 356 }
 357 fieldset.confirmation legend {
 358     border-left: 0.1em solid #FF0000;
 359     border-right: 0.1em solid #FF0000;
 360     font-weight: bold;
 361     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 362     background-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
 363     background-repeat: no-repeat;
 364         <?php if ( $GLOBALS['text_dir'] === 'ltr' ) {?>
 365     background-position: 5px 50%;
 366     padding: 0.2em 0.2em 0.2em 25px;
 367         <?php } else {?>
 368     background-position: 97% 50%;
 369     padding: 0.2em 25px 0.2em 0.2em;
 370         <?php }?>
 371     <?php }?>
 372 }
 373 /* end messageboxes */
 374
 375
 376 /* -- PDF SCRATCHBOARD -- */
 377 .pdflayout {
 378     overflow:            hidden;
 379     clip:                inherit;
 380     background-color:    #FFFFFF;
 381     display:             none;
 382     border:              1px solid #585880;
 383     position:            relative;
 384 }
 385
 386 .pdflayout_table {
 387     background:          #b4cae9;
 388     color:               #333333;
 389     overflow:            hidden;
 390     clip:                inherit;
 391     z-index:             2;
 392     display:             inline;
 393     visibility:          inherit;
 394     cursor:              move;
 395     position:            absolute;
 396     font-size:           10px;
 397     border:              1px dashed #585880;
 398 }
 399
 400 /* -- PRINT -- */
 401 .print {
 402     color:               #000000;
 403 }
 404
 405 /* -- MySQL PARSER -- */
 406 .syntax {
 407     font-family:         sans-serif;
 408     font-size:           10px;
 409 }
 410 .syntax_comment {
 411     font-family:         sans-serif;
 412     font-size:           10px;
 413     color:               #999999;
 414     font-style:          italic;
 415     padding-left:        4px;
 416     padding-right:       4px;
 417 }
 418 .syntax_digit {
 419     font-family:         sans-serif;
 420     font-size:           10px;
 421     color:               #aa0000;
 422 }
 423 .syntax_digit_hex {
 424     font-family:         sans-serif;
 425     font-size:           10px;
 426     color:               #ff0000;
 427 }
 428 .syntax_digit_integer {
 429     font-family:         sans-serif;
 430     font-size:           10px;
 431     color:               #aa0000;
 432 }
 433 .syntax_digit_float {
 434     font-family:         sans-serif;
 435     font-size:           10px;
 436     color:               #aa0000;
 437 }
 438 .syntax_punct {
 439     font-family:         sans-serif;
 440     font-size:           10px;
 441     color:               #aa0000;
 442 }
 443 .syntax_alpha {
 444     font-family:         sans-serif;
 445     font-size:           10px;
 446 }
 447 .syntax_alpha_columnType {
 448     font-family:         sans-serif;
 449     font-size:           10px;
 450     color:               #006600;
 451     text-transform:      uppercase;
 452 }
 453 .syntax_alpha_columnAttrib {
 454     font-family:         sans-serif;
 455     font-size:           10px;
 456     color:               #006600;
 457     text-transform:      uppercase;
 458 }
 459 .syntax_alpha_reservedWord {
 460     font-family:         sans-serif;
 461     font-size:           10px;
 462     color:               #dc14a1;
 463     text-transform:      uppercase;
 464 }
 465 .syntax_alpha_functionName {
 466     font-family:         sans-serif;
 467     font-size:           10px;
 468     color:               #483d8b;
 469     text-transform:      uppercase;
 470 }
 471 .syntax_alpha_identifier {
 472     font-family:         sans-serif;
 473     font-size:           10px;
 474 }
 475 .syntax_alpha_charset {
 476     font-family:         sans-serif;
 477     font-size:           10px;
 478 }
 479 .syntax_alpha_variable {
 480     font-family:         sans-serif;
 481     font-size:           10px;
 482 }
 483 .syntax_quote {
 484     font-family:         sans-serif;
 485     font-size:           10px;
 486     color:               #483d8b;
 487     white-space:         pre;
 488 }
 489 .syntax_quote_backtick {
 490     font-family:         sans-serif;
 491     font-size:           10px;
 492 }
 493
 494
 495 /* -- SERVER & DB INFO -- */
 496
 497     /* for PMA version below 2.6.4 */
 498     .serverinfo, #serverinfo {
 499         font-size:           12px;
 500         font-weight:         bold;
 501         padding:             0px 0px 10px 0px;
 502         margin:              0px;
 503         white-space:         nowrap;
 504         vertical-align:      middle;
 505     }
 506     .serverinfo a:link, .serverinfo a:active, .serverinfo a:visited  {
 507         font-size:           12px;
 508         font-weight:         bold;
 509     }
 510     .serverinfo a img {
 511         vertical-align:      middle;
 512         margin:              0px 1px 0px 1px;
 513     }
 514     .serverinfo div {
 515         background-image:    url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_ltr.png);
 516         background-repeat:   no-repeat;
 517         background-position: 50% 50%;
 518         width:               16px;
 519         height:              16px;
 520     }
 521
 522     /* for PMA version 2.6.4 and higher */
 523     #serverinfo {
 524         background-color:    #ffffff;
 525         font-size:           12px;
 526         font-weight:         bold;
 527         padding:             5px 3px 5px 3px;
 528         margin-top:          5px;
 529         white-space:         nowrap;
 530         vertical-align:      middle;
 531         text-align:          center;
 532         border-bottom:       1px solid #333333;
 533 /*
 534         position:            fixed;
 535         _position:           absolute;
 536         top:                 0px;
 537         _top:                expression(eval(document.body.scrollTop));
 538         left:                0px;
 539         _left:               expression(eval(document.body.scrollLeft));
 540         height:              50px;
 541         width:               100%;
 542         _width:               expression(eval(document.body.offsetWidth-18));
 543 */
 544     }
 545     #serverinfo a:link, #serverinfo a:active, #serverinfo a:visited  {
 546         font-size:           12px;
 547         font-weight:         bold;
 548     }
 549     #serverinfo a img {
 550         vertical-align:      middle;
 551         margin:              0px 1px 0px 1px;
 552     }
 553     #serverinfo .separator img {
 554         width:               9px;
 555         height:              11px;
 556         margin:              0px 2px 0px 2px;
 557         vertical-align:      middle;
 558     }
 559
 560
 561 /* -- NAVIGATION -- */
 562
 563     /* backwards compatibility for PMA version below 2.6.4 */
 564     td.tab {
 565         border-top:          1px solid #585880;
 566         border-right:        1px solid #585880;
 567         border-left:         1px solid #585880;
 568         border-bottom:       none;
 569         border-radius:       2px;
 570         -moz-border-radius:  2px;
 571     }
 572     table.tabs {
 573         border-top:          none;
 574         border-right:        none;
 575         border-left:         none;
 576         border-bottom:       1px solid #585880;
 577     }
 578     .nav {
 579         color:               #000000;
 580         background-color:    #b4cae9;
 581         background-image:    url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbg_nav0.png);
 582         background-repeat:   repeat-x;
 583         background-position: center;
 584         height:              24px;
 585         padding:             0px 0px 0px 0px;
 586         margin:              0px;
 587     }
 588     .nav a:link, .nav a:visited, .nav a:active{
 589         color:               #000000;
 590         text-decoration:     none;
 591     }
 592     .nav a:hover{
 593         color:               #585880;
 594         text-decoration:     none;
 595     }
 596     .navNormal, .navActive, .navDrop {
 597         color:               #666666;
 598         font-weight:         bold;
 599         height:              24px;
 600         padding:          0px 0px 0px 0px;
 601         background-repeat:   repeat-x;
 602        background-position: 0px 0px;
 603     }
 604     .navNormal img, .navDrop img {
 605         filter:              progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 606         -moz-opacity:        0.5;
 607         opacity:             0.5;
 608     }
 609     .navNormal a img, .navDrop a img {
 610         filter:              progid:DXImageTransform.Microsoft.Alpha(opacity=99);
 611         -moz-opacity:        0.99;
 612         opacity:             0.99;
 613    }
 614     .navNormal {
 615         background-color:    #b4cae9;
 616         background-image:    url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbg_nav0.png);
 617     }
 618     .navActive {
 619         background-color:    #ffffff;
 620         background-image:    url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbg_nav2.png);
 621         border:              none;
 622         margin:              0px;
 623         padding:             0px;
 624     }
 625     .navDrop {
 626         background-color:    #e9c7b4;
 627         background-image:    url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbg_nav3.png);
 628     }
 629     .navActive a:link, .navActive a:active, .navActive a:visited {
 630         color:               #585880;
 631     }
 632     .navActive a:hover {
 633         color:               #000000;
 634     }
 635     .navNormal a:link, .navNormal a:active, .navNormal a:visited {
 636         color:               #000000;
 637     }
 638     .navNormal a:hover {
 639         color:               #585880;
 640     }
 641     .navDrop a:link, .navDrop a:active, .navDrop a:visited {
 642         color:               #000000;
 643     }
 644     .navDrop a:hover {
 645         color:               #aa0000;
 646     }
 647     .navSpacer {
 648         width:               1px;
 649         background-color:    #333333;
 650         background-image:    url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbg_nav1.png);
 651         background-repeat:   no-repeat;
 652         background-position: center top;
 653     }
 654     .navSpacer img {
 655         margin:              0px;
 656         padding:             0px;
 657     }
 658
 659     /* for PMA version 2.6.4 and greater */
 660     ul#topmenu {
 661         list-style-type: none;
 662         background-color:    #ffffff;
 663         background-image:    url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbg_nav0.png);
 664         background-repeat:   repeat-x;
 665         background-position: center bottom;
 666         border:              none;
 667         color:               #000000;
 668         font-weight:         bold;
 669         margin:              0;
 670         padding:          0px 0px 0px 0px;
 671         white-space:         nowrap;
 672         position:            fixed;
 673         _position:           absolute;
 674         top:                 0;
 675         _top:                expression(eval(document.body.scrollTop-4));
 676         _left:               expression(eval(document.body.scrollLeft));
 677         left:                0;
 678         width:               100%;
 679         _width:               expression(eval(document.body.offsetWidth-18));
 680     }
 681
 682     ul#topmenu li {
 683         float:               left;
 684         margin:              0;
 685         padding:             0;
 686         vertical-align:      middle;
 687         border:              none;
 688     }
 689
 690     /* default tab styles */
 691     span.tab, span.tab:hover,
 692     span.tabcaution, span.tabcaution:hover,
 693     a.tab, a.tab:hover,
 694     a.tabcaution, a.tabcaution:hover,
 695     a.tabactive, a.tabactive:hover,
 696     a.tab:link,        a.tab:active,        a.tab:visited,        a.tab:hover,
 697     a.tabactive:link,  a.tabactive:active,  a.tabactive:visited,  a.tabactive:hover,
 698     a.tabcaution:link, a.tabcaution:active, a.tabcaution:visited, a.tabcaution:hover {
 699         background-color:    transparent;
 700         background-repeat:   repeat-x;
 701         background-position: center top;
 702         border:              none;
 703         margin:              0;
 704         padding:             4px 2px 4px 2px;
 705         border-radius-topleft:       0;
 706         border-radius-topright:      0;
 707         -moz-border-radius-topleft:  0;
 708         -moz-border-radius-topright: 0;
 709     }
 710
 711
 712
 713     /* enabled drop/empty tabs */
 714     a.tab:link, a.tab:active, a.tab:visited, a.tab:hover,
 715     a.tabactive:link,  a.tabactive:active,  a.tabactive:visited,  a.tabactive:hover  {
 716         color: #585880;
 717     }
 718     a.tab:hover  {
 719         color:               #ffffff;
 720         background-image:   url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbg_nav4.png);
 721         background-position: center bottom;
 722     }
 723     a.tabactive:link,  a.tabactive:active,  a.tabactive:visited,  a.tabactive:hover  {
 724         background-image:    url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbg_nav2.png);
 725         background-color:    #ffffff;
 726         border-left:         1px solid #333333;
 727         border-right:        1px solid #333333;
 728         border-bottom:       1px solid #ffffff;
 729     }
 730     a.tabcaution:hover {
 731         background-image:    url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>tbg_nav3.png);
 732         background-position: center bottom;
 733     }
 734     a.tabcaution:link, a.tabcaution:active, a.tabcaution:visited, a.tabcaution:hover, span.tabcaution  {
 735         color: #aa0000;
 736     }
 737
 738     /* disabled tabs */
 739     span.tab {
 740         color:               #333333;
 741     }
 742     span.tab, span.tabcaution {
 743         filter:              progid:DXImageTransform.Microsoft.Alpha(opacity=55);
 744         -moz-opacity:        0.5;
 745         opacity:             0.5;
 746         cursor:              default;
 747     }
 748
 749
 750 /* -- DISABLED ELEMENTS -- */
 751 .disabled, .disabled a:link, disabled a:active, .disabled a:visited {
 752     color:               #333333;
 753 }
 754 tr.disabled, td.disabled, .disabled td {
 755     filter:              progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 756     -moz-opacity:        0.60;
 757     opacity:             0.60;
 758 }
 759
 760 #TooltipContainer {
 761     font-size:           inherit;
 762     color:               #ffffff;
 763     background-color:    #9eb1cc;
 764     position:            absolute;
 765     z-index:             99;
 766     width:               25em;
 767     height:              auto;
 768     overflow:            auto;
 769     visibility:          hidden;
 770     border:              1px solid #333333;
 771     padding:             0.5em;
 772     filter:              progid:DXImageTransform.Microsoft.Alpha(opacity=95);
 773     -moz-opacity:        0.95;
 774     opacity:             0.95;
 775 }
 776
 777 #buttonNo {
 778     color:               #aa0000;
 779     font-weight:         bold;
 780 }
 781 #buttonYes {
 782     color:               #006600;
 783     font-weight:         bold;
 784 }
 785 #buttonGo {
 786     color:               #58580;
 787     font-weight:         bold;
 788 }
 789 #listTable {
 790     width:               260px;
 791 }
 792 #textSqlquery {
 793     width:               450px;
 794 }
 795 #textSQLDUMP {
 796    width:                95%;
 797    height:               95%;
 798    font-family:          "Courier New", Courier, mono;
 799    font-size:            11px;
 800 }
 801
 802
 803 /********************/
 804 /* NEW in PMA 2.9   */
 805 /********************/
 806
 807 <?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
 808 /* marked items */
 809 .marked a,
 810 .marked {
 811     background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 812     color:      black;
 813 }
 814 <?php } ?>
 815
 816 /* odd items 1,3,5,7,... */
 817 .odd {
 818     background: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
 819 }
 820
 821 /* even items 2,4,6,8,... */
 822 .even {
 823     background: <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
 824 }
 825
 826 /* hovered items */
 827 .odd:hover,
 828 .even:hover,
 829 .hover {
 830     background: <?php echo $GLOBALS['cfg']['BrowseHoverBackground']; ?>;
 831     color: black;
 832 }
 833
 834 /**
 835  * marks table rows/cells if the db field is in a where condition
 836  */
 837 tr.condition th,
 838 tr.condition td,
 839 td.condition,
 840 th.condition {
 841     border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 842 }
 843
 844 label.desc {
 845     width: 30em;
 846     float: <?php echo $left; ?>;
 847 }
 848
 849 body.loginform {
 850     text-align: center;
 851 }
 852
 853 body.loginform div.container {
 854     text-align: <?php echo $left; ?>;
 855     width: 30em;
 856     margin: 0 auto;
 857 }
 858
 859 #body_leftFrame #list_server {
 860     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
 861     list-style-position: inside;
 862     list-style-type: none;
 863     margin: 0;
 864     padding: 0;
 865 }
 866
 867 #body_leftFrame #list_server li {
 868     margin: 0;
 869     padding: 0;
 870     font-size:          80%;
 871 }
 872
 873 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
 874 /* iconic view for ul items */
 875 li#li_create_database {
 876     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
 877 }
 878
 879 li#li_select_lang {
 880     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
 881 }
 882
 883 li#li_select_mysql_collation,
 884 li#li_select_mysql_charset {
 885     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
 886 }
 887
 888 li#li_select_theme{
 889     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
 890 }
 891
 892 li#li_server_info,
 893 li#li_mysql_proto{
 894     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
 895 }
 896
 897 li#li_user_info{
 898      list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
 899 }
 900
 901 li#li_mysql_status{
 902     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
 903 }
 904
 905 li#li_mysql_variables{
 906     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
 907 }
 908
 909 li#li_mysql_processes,
 910 li#li_mysql_client_version,
 911 li#li_used_php_extension{
 912     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
 913 }
 914
 915 li#li_mysql_collations{
 916     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
 917 }
 918
 919 li#li_mysql_engines{
 920     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
 921 }
 922
 923 li#li_mysql_binlogs {
 924     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
 925 }
 926
 927 li#li_mysql_databases {
 928     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
 929 }
 930
 931 li#li_export {
 932     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
 933 }
 934
 935 li#li_import {
 936     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
 937 }
 938
 939 li#li_change_password {
 940     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
 941 }
 942
 943 li#li_log_out {
 944     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
 945 }
 946
 947 li#li_pma_docs {
 948     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_docs.png);
 949 }
 950
 951 li#li_phpinfo {
 952     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>php_sym.png);
 953 }
 954
 955 li#li_pma_homepage {
 956     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_home.png);
 957 }
 958
 959 li#li_mysql_privilegs{
 960     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
 961 }
 962
 963 li#li_switch_dbstats {
 964     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
 965 }
 966
 967 li#li_flush_privileges {
 968     list-style-image: url(../<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
 969 }
 970 /* END iconic view for ul items */
 971 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>