silk/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 Silk
   9  */
  10     // unplanned execution path
  11     if (!defined('PMA_MINIMUM_COMMON')) {
  12         exit();
  13     }
  14 ?>
  15 /******************************************************************************/
  16 /* general tags */
  17 body {
  18 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
  19     font-family:        <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
  20 <?php } ?>
  21     padding:            0;
  22     margin:             0.5em;
  23     color:              <?php echo $GLOBALS['cfg']['MainColor']; ?>;
  24     background:         <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
  25 }
  26
  27 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
  28 textarea, tt, pre, code {
  29     font-family:        <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
  30 }
  31 <?php } ?>
  32
  33 h1 {
  34     font-size:          140%;
  35     font-weight:        bold;
  36 }
  37
  38 h2 {
  39     font-size:          120%;
  40     font-weight:        bold;
  41 }
  42
  43 h3 {
  44     font-weight:        bold;
  45 }
  46
  47 a:link,
  48 a:visited,
  49 a:active {
  50     text-decoration:    none;
  51     color:              #0000FF;
  52 }
  53
  54 a:hover {
  55     text-decoration:    underline;
  56     color:              #FF0000;
  57 }
  58
  59 dfn {
  60     font-style:         normal;
  61 }
  62
  63 dfn:hover {
  64     font-style:         normal;
  65     cursor:             help;
  66 }
  67
  68 th {
  69     font-weight:        bold;
  70     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
  71     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
  72 }
  73
  74 a img {
  75     border:             0;
  76 }
  77
  78 hr {
  79     color:              <?php echo $GLOBALS['cfg']['MainColor']; ?>;
  80     background-color:   <?php echo $GLOBALS['cfg']['MainColor']; ?>;
  81     border:             0;
  82     height:             1px;
  83 }
  84
  85 form {
  86     padding:            0;
  87     margin:             0;
  88     display:            inline;
  89 }
  90
  91 textarea {
  92     overflow:           visible;
  93 }
  94
  95 fieldset {
  96     margin-top:         1em;
  97     border:             <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
  98     padding:            0.5em;
  99     background:         <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 100 }
 101
 102 fieldset fieldset {
 103     margin:             0.8em;
 104 }
 105
 106 fieldset legend {
 107     background-color:   transparent;
 108 }
 109
 110 /* buttons in some browsers (eg. Konqueror) are block elements,
 111    this breaks design */
 112 button {
 113     display:            inline;
 114 }
 115
 116 table caption,
 117 table th,
 118 table td {
 119     padding:            0.1em 0.5em 0.1em 0.5em;
 120     margin:             0.1em;
 121     vertical-align:     top;
 122 }
 123
 124 img,
 125 input,
 126 select,
 127 button {
 128     vertical-align:     middle;
 129 }
 130
 131
 132 /******************************************************************************/
 133 /* classes */
 134
 135 fieldset.tblFooters {
 136     margin-top:         0;
 137     margin-bottom:      0.5em;
 138     text-align:         <?php echo $right; ?>;
 139     float:              none;
 140     clear:              both;
 141 }
 142
 143 fieldset .formelement {
 144     float:              <?php echo $left; ?>;
 145     margin-<?php echo $right; ?>:       0.5em;
 146     /* IE */
 147     white-space:        nowrap;
 148 }
 149
 150 /* revert for Gecko */
 151 fieldset div[class=formelement] {
 152     white-space:        normal;
 153 }
 154
 155 button.mult_submit {
 156     border:             none;
 157     background-color:   transparent;
 158 }
 159
 160 /* odd items 1,3,5,7,... */
 161 table tr.odd th,
 162 .odd {
 163     background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 164 }
 165
 166 /* even items 2,4,6,8,... */
 167 table tr.even th,
 168 .even {
 169     background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 170 }
 171
 172 /* odd table rows 1,3,5,7,... */
 173 table tr.odd th,
 174 table tr.odd,
 175 table tr.even th,
 176 table tr.even {
 177     text-align:         <?php echo $left; ?>;
 178 }
 179
 180 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
 181 /* marked table rows */
 182 table tr.marked th,
 183 table tr.marked {
 184     background:   <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 185     color:   <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 186 }
 187 <?php } ?>
 188
 189 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
 190 /* hovered items */
 191 .odd:hover,
 192 .even:hover,
 193 .hover {
 194     background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
 195     color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 196 }
 197
 198 /* hovered table rows */
 199 table tr.odd:hover th,
 200 table tr.even:hover th,
 201 table tr.hover th {
 202     background:   <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
 203     color:   <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 204 }
 205 <?php } ?>
 206
 207 /**
 208  * marks table rows/cells if the db field is in a where condition
 209  */
 210 tr.condition th,
 211 tr.condition td,
 212 td.condition,
 213 th.condition {
 214     border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 215 }
 216
 217 table .value {
 218     text-align:         <?php echo $right; ?>;
 219     white-space:        normal;
 220 }
 221 /* IE doesnt handles 'pre' right */
 222 table [class=value] {
 223     white-space:        normal;
 224 }
 225
 226
 227 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
 228 .value {
 229     font-family:        <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
 230 }
 231 <?php } ?>
 232 .value .attention {
 233     color:              red;
 234     font-weight:        bold;
 235 }
 236 .value .allfine {
 237     color:              green;
 238 }
 239
 240
 241 img.lightbulb {
 242     cursor:             pointer;
 243 }
 244
 245 .pdflayout {
 246     overflow:           hidden;
 247     clip:               inherit;
 248     background-color:   #FFFFFF;
 249     display:            none;
 250     border:             1px solid #000000;
 251     position:           relative;
 252 }
 253
 254 .pdflayout_table {
 255     background:         #D3DCE3;
 256     color:              #000000;
 257     overflow:           hidden;
 258     clip:               inherit;
 259     z-index:            2;
 260     display:            inline;
 261     visibility:         inherit;
 262     cursor:             move;
 263     position:           absolute;
 264     font-size:          80%;
 265     border:             1px dashed #000000;
 266 }
 267
 268 /* MySQL Parser */
 269 .syntax {
 270     font-size:          80%;
 271 }
 272
 273 .syntax_comment {
 274     padding-left:       4pt;
 275     padding-right:      4pt;
 276 }
 277
 278 .syntax_digit {
 279 }
 280
 281 .syntax_digit_hex {
 282 }
 283
 284 .syntax_digit_integer {
 285 }
 286
 287 .syntax_digit_float {
 288 }
 289
 290 .syntax_punct {
 291 }
 292
 293 .syntax_alpha {
 294 }
 295
 296 .syntax_alpha_columnType {
 297     text-transform:     uppercase;
 298 }
 299
 300 .syntax_alpha_columnAttrib {
 301     text-transform:     uppercase;
 302 }
 303
 304 .syntax_alpha_reservedWord {
 305     text-transform:     uppercase;
 306     font-weight:        bold;
 307 }
 308
 309 .syntax_alpha_functionName {
 310     text-transform:     uppercase;
 311 }
 312
 313 .syntax_alpha_identifier {
 314 }
 315
 316 .syntax_alpha_charset {
 317 }
 318
 319 .syntax_alpha_variable {
 320 }
 321
 322 .syntax_quote {
 323     white-space:        pre;
 324 }
 325
 326 .syntax_quote_backtick {
 327 }
 328
 329 /* leave some space between icons and text */
 330 .icon {
 331     vertical-align:     middle;
 332     margin-right:       0.3em;
 333     margin-left:        0.3em;
 334 }
 335 /* no extra space in table cells */
 336 td .icon {
 337     margin: 0;
 338 }
 339
 340 .selectallarrow {
 341     margin-<?php echo $right; ?>: 0.3em;
 342     margin-<?php echo $left; ?>: 0.6em;
 343 }
 344
 345 /* message boxes: warning, error, confirmation */
 346 .notice {
 347     color:              #000000;
 348     background-color:   #FFFFDD;
 349 }
 350 h1.notice,
 351 div.notice {
 352     margin:             0.5em 0 0.5em 0;
 353     border:             0.1em solid #FFD700;
 354     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 355     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
 356     background-repeat:  no-repeat;
 357         <?php if ( $GLOBALS['text_dir'] === 'ltr' ) { ?>
 358     background-position: 10px 50%;
 359     padding:            10px 10px 10px 36px;
 360         <?php } else { ?>
 361     background-position: 99% 50%;
 362     padding:            10px 5% 10px 10px;
 363         <?php } ?>
 364     <?php } else { ?>
 365     padding:            0.5em;
 366     <?php } ?>
 367 }
 368 .notice h1 {
 369     border-bottom:      0.1em solid #FFD700;
 370     font-weight:        bold;
 371     text-align:         <?php echo $left; ?>;
 372     margin:             0 0 0.2em 0;
 373 }
 374
 375 .warning {
 376     color:              #CC0000;
 377     background-color:   #FFFFCC;
 378 }
 379 p.warning,
 380 h1.warning,
 381 div.warning {
 382     margin:             0.5em 0 0.5em 0;
 383     border:             0.1em solid #CC0000;
 384     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 385     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
 386     background-repeat:  no-repeat;
 387         <?php if ( $GLOBALS['text_dir'] === 'ltr' ) { ?>
 388     background-position: 10px 50%;
 389     padding:            10px 10px 10px 36px;
 390         <?php } else { ?>
 391     background-position: 99% 50%;
 392     padding:            10px 5% 10px 10px;
 393         <?php } ?>
 394     <?php } else { ?>
 395     padding:            0.5em;
 396     <?php } ?>
 397 }
 398 .warning h1 {
 399     border-bottom:      0.1em solid #cc0000;
 400     font-weight:        bold;
 401     text-align:         <?php echo $left; ?>;
 402     margin:             0 0 0.2em 0;
 403 }
 404
 405 .error {
 406     background-color:   #FFFFCC;
 407     color:              #ff0000;
 408 }
 409
 410 h1.error,
 411 div.error {
 412     margin:             0.5em 0 0.5em 0;
 413     border:             0.1em solid #ff0000;
 414     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 415     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
 416     background-repeat:  no-repeat;
 417         <?php if ( $GLOBALS['text_dir'] === 'ltr' ) { ?>
 418     background-position: 10px 50%;
 419     padding:            10px 10px 10px 36px;
 420         <?php } else { ?>
 421     background-position: 99% 50%;
 422     padding:            10px 5% 10px 10px;
 423         <?php } ?>
 424     <?php } else { ?>
 425     padding:            0.5em;
 426     <?php } ?>
 427 }
 428 div.error h1 {
 429     border-bottom:      0.1em solid #ff0000;
 430     font-weight:        bold;
 431     text-align:         <?php echo $left; ?>;
 432     margin:             0 0 0.2em 0;
 433 }
 434
 435 .confirmation {
 436     background-color:   #FFFFCC;
 437 }
 438 fieldset.confirmation {
 439     border:             0.1em solid #FF0000;
 440 }
 441 fieldset.confirmation legend {
 442     border-left:        0.1em solid #FF0000;
 443     border-right:       0.1em solid #FF0000;
 444     font-weight:        bold;
 445     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 446     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
 447     background-repeat:  no-repeat;
 448         <?php if ( $GLOBALS['text_dir'] === 'ltr' ) { ?>
 449     background-position: 5px 50%;
 450     padding:            0.2em 0.2em 0.2em 25px;
 451         <?php } else { ?>
 452     background-position: 97% 50%;
 453     padding:            0.2em 25px 0.2em 0.2em;
 454         <?php } ?>
 455     <?php } ?>
 456 }
 457 /* end messageboxes */
 458
 459
 460 .tblcomment {
 461     font-size:          70%;
 462     font-weight:        normal;
 463     color:              #000099;
 464 }
 465
 466 .tblHeaders {
 467     font-weight:        bold;
 468     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 469     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 470 }
 471
 472 .tblFooters {
 473     font-weight:        normal;
 474     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 475     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 476
 477 }
 478
 479 .tblHeaders a:link,
 480 .tblHeaders a:active,
 481 .tblHeaders a:visited,
 482 .tblFooters a:link,
 483 .tblFooters a:active,
 484 .tblFooters a:visited {
 485     color:              #0000FF;
 486 }
 487
 488 .tblHeaders a:hover,
 489 .tblFooters a:hover {
 490     color:              #FF0000;
 491 }
 492
 493 /* forbidden, no privilegs */
 494 .noPrivileges {
 495     color:              #FF0000;
 496     font-weight:        bold;
 497 }
 498
 499 /* disabled text */
 500 .disabled,
 501 .disabled a:link,
 502 .disabled a:active,
 503 .disabled a:visited {
 504     color:              #666666;
 505 }
 506
 507 .disabled a:hover {
 508     color:              #666666;
 509     text-decoration:    none;
 510 }
 511
 512 tr.disabled td,
 513 td.disabled {
 514     background-color:   #cccccc;
 515 }
 516
 517 /**
 518  * login form
 519  */
 520 body.loginform h1,
 521 body.loginform a.logo {
 522     display: block;
 523     text-align: center;
 524 }
 525
 526 body.loginform {
 527     text-align: center;
 528 }
 529
 530 body.loginform div.container {
 531     text-align: <?php echo $left; ?>;
 532     width: 30em;
 533     margin: 0 auto;
 534 }
 535
 536 form.login label {
 537     float: <?php echo $left; ?>;
 538     width: 10em;
 539     font-weight: bolder;
 540 }
 541
 542
 543 /******************************************************************************/
 544 /* specific elements */
 545
 546 /* topmenu */
 547 ul#topmenu {
 548     font-weight:        bold;
 549     list-style-type:    none;
 550     margin:             0;
 551     padding:            0;
 552 }
 553
 554 ul#topmenu li {
 555     float:              <?php echo $left; ?>;
 556     margin:             0;
 557     padding:            0;
 558     vertical-align:     middle;
 559 }
 560
 561 #topmenu img {
 562     vertical-align:     middle;
 563     margin-<?php echo $right; ?>:       0.1em;
 564 }
 565
 566 /* default tab styles */
 567 .tab, .tabcaution, .tabactive {
 568     display:            block;
 569     margin:             0.2em 0.2em 0 0.2em;
 570     padding:            0.2em 0.2em 0 0.2em;
 571     white-space:        nowrap;
 572 }
 573
 574 /* disabled tabs */
 575 span.tab {
 576     color:              #666666;
 577 }
 578
 579 /* disabled drop/empty tabs */
 580 span.tabcaution {
 581     color:              #ff6666;
 582 }
 583
 584 /* enabled drop/empty tabs */
 585 a.tabcaution {
 586     color:              #FF0000;
 587 }
 588 a.tabcaution:hover {
 589     color: #FFFFFF;
 590     background-color:   #FF0000;
 591 }
 592
 593 <?php if ( $GLOBALS['cfg']['LightTabs'] ) { ?>
 594 /* active tab */
 595 a.tabactive {
 596     color:              black;
 597 }
 598 <?php } else { ?>
 599 #topmenu {
 600     margin-top:         0.5em;
 601     padding:            0.1em 0.3em 0.1em 0.3em;
 602 }
 603
 604 ul#topmenu li {
 605     border-bottom:      1pt solid black;
 606 }
 607
 608 /* default tab styles */
 609 .tab, .tabcaution, .tabactive {
 610     background-color:   <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 611     border:             1pt solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 612     border-bottom:      0;
 613     border-top-left-radius: 0.4em;
 614     border-top-right-radius: 0.4em;
 615 }
 616
 617 /* enabled hover/active tabs */
 618 a.tab:hover,
 619 a.tabcaution:hover,
 620 .tabactive,
 621 .tabactive:hover {
 622     margin:             0;
 623     padding:            0.2em 0.4em 0.2em 0.4em;
 624     text-decoration:    none;
 625 }
 626
 627 a.tab:hover,
 628 .tabactive {
 629     background-color:   <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 630 }
 631
 632 /* disabled drop/empty tabs */
 633 span.tab,
 634 a.warning,
 635 span.tabcaution {
 636     cursor:             url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
 637 }
 638 <?php } ?>
 639 /* end topmenu */
 640
 641
 642 /* Calendar */
 643 table.calendar {
 644     width:              100%;
 645 }
 646 table.calendar td {
 647     text-align:         center;
 648 }
 649 table.calendar td a {
 650     display:            block;
 651 }
 652
 653 table.calendar td a:hover {
 654     background-color:   #CCFFCC;
 655 }
 656
 657 table.calendar th {
 658     background-color:   #D3DCE3;
 659 }
 660
 661 table.calendar td.selected {
 662     background-color:   #FFCC99;
 663 }
 664
 665 img.calendar {
 666     border:             none;
 667 }
 668 form.clock {
 669     text-align:         center;
 670 }
 671 /* end Calendar */
 672
 673
 674 /* table stats */
 675 div#tablestatistics {
 676     border-bottom: 0.1em solid #669999;
 677     margin-bottom: 0.5em;
 678     padding-bottom: 0.5em;
 679 }
 680
 681 div#tablestatistics table {
 682     float: <?php echo $left; ?>;
 683     margin-bottom: 0.5em;
 684     margin-<?php echo $right; ?>: 0.5em;
 685 }
 686
 687 div#tablestatistics table caption {
 688     margin-<?php echo $right; ?>: 0.5em;
 689 }
 690 /* END table stats */
 691
 692
 693 /* server privileges */
 694 #tableuserrights td,
 695 #tablespecificuserrights td,
 696 #tabledatabases td {
 697     vertical-align: middle;
 698 }
 699 /* END server privileges */
 700
 701
 702
 703 /* Heading */
 704 #serverinfo {
 705     font-weight:        bold;
 706     margin-bottom:      0.5em;
 707 }
 708
 709 #serverinfo .item {
 710     white-space:        nowrap;
 711 }
 712
 713 #span_table_comment {
 714     font-weight:        normal;
 715     font-style:         italic;
 716     white-space:        nowrap;
 717 }
 718
 719 #serverinfo img {
 720     margin:             0 0.1em 0 0.2em;
 721 }
 722
 723
 724 #textSQLDUMP {
 725     width:              95%;
 726     height:             95%;
 727     font-family:        "Courier New", Courier, mono;
 728     font-size:          110%;
 729 }
 730
 731 #TooltipContainer {
 732     position:           absolute;
 733     z-index:            99;
 734     width:              20em;
 735     height:             auto;
 736     overflow:           visible;
 737     visibility:         hidden;
 738     background-color:   #ffffcc;
 739     color:              #006600;
 740     border:             0.1em solid #000000;
 741     padding:            0.5em;
 742 }
 743
 744 /* user privileges */
 745 #fieldset_add_user_login div.item {
 746     border-bottom:      1px solid silver;
 747     padding-bottom:     0.3em;
 748     margin-bottom:      0.3em;
 749 }
 750
 751 #fieldset_add_user_login label {
 752     float:              <?php echo $left; ?>;
 753     display:            block;
 754     width:              10em;
 755     max-width:          100%;
 756     text-align:         <?php echo $right; ?>;
 757     padding-<?php echo $right; ?>:      0.5em;
 758 }
 759
 760 #fieldset_add_user_login span.options #select_pred_username,
 761 #fieldset_add_user_login span.options #select_pred_hostname,
 762 #fieldset_add_user_login span.options #select_pred_password {
 763     width:              100%;
 764     max-width:          100%;
 765 }
 766
 767 #fieldset_add_user_login span.options {
 768     float: <?php echo $left; ?>;
 769     display: block;
 770     width: 12em;
 771     max-width: 100%;
 772     padding-<?php echo $right; ?>: 0.5em;
 773 }
 774
 775 #fieldset_add_user_login input {
 776     width: 12em;
 777     clear: <?php echo $right; ?>;
 778     max-width: 100%;
 779 }
 780
 781 #fieldset_add_user_login span.options input {
 782     width: auto;
 783 }
 784
 785 #fieldset_user_priv div.item {
 786     float: <?php echo $left; ?>;
 787     width: 9em;
 788     max-width: 100%;
 789 }
 790
 791 #fieldset_user_priv div.item div.item {
 792     float: none;
 793 }
 794
 795 #fieldset_user_priv div.item label {
 796     white-space: nowrap;
 797 }
 798
 799 #fieldset_user_priv div.item select {
 800     width: 100%;
 801 }
 802
 803 #fieldset_user_global_rights fieldset {
 804     float: <?php echo $left; ?>;
 805 }
 806 /* END user privileges */
 807
 808
 809 /* serverstatus */
 810 div#serverstatus table caption a.top {
 811     float: <?php echo $right; ?>;
 812 }
 813
 814 div#serverstatus div#serverstatusqueriesdetails table,
 815 div#serverstatus table#serverstatustraffic,
 816 div#serverstatus table#serverstatusconnections {
 817     float: <?php echo $left; ?>;
 818 }
 819
 820 #serverstatussection,
 821 .clearfloat {
 822     clear: both;
 823 }
 824 div#serverstatussection table {
 825     width: 100%;
 826     margin-bottom: 1em;
 827 }
 828 div#serverstatussection table .name {
 829     width: 18em;
 830 }
 831 div#serverstatussection table .value {
 832     width: 6em;
 833 }
 834
 835 div#serverstatus table tbody td.descr a,
 836 div#serverstatus table .tblFooters a {
 837     white-space: nowrap;
 838 }
 839 div#serverstatus div#statuslinks a:before,
 840 div#serverstatus div#sectionlinks a:before,
 841 div#serverstatus table tbody td.descr a:before,
 842 div#serverstatus table .tblFooters a:before {
 843     content: '[';
 844 }
 845 div#serverstatus div#statuslinks a:after,
 846 div#serverstatus div#sectionlinks a:after,
 847 div#serverstatus table tbody td.descr a:after,
 848 div#serverstatus table .tblFooters a:after {
 849     content: ']';
 850 }
 851 /* end serverstatus */
 852
 853 /* querywindow */
 854 body#bodyquerywindow {
 855     margin: 0;
 856     padding: 0;
 857     background-image: none;
 858     background-color: #F5F5F5;
 859 }
 860
 861 div#querywindowcontainer {
 862     margin: 0;
 863     padding: 0;
 864     width: 100%;
 865 }
 866
 867 div#querywindowcontainer fieldset {
 868     margin-top: 0;
 869 }
 870 /* END querywindow */
 871
 872
 873 /* querybox */
 874
 875 div#sqlquerycontainer {
 876     float: <?php echo $left; ?>;
 877     width: 69%;
 878     /* height: 15em; */
 879 }
 880
 881 div#tablefieldscontainer {
 882     float: <?php echo $right; ?>;
 883     width: 29%;
 884     /* height: 15em; */
 885 }
 886
 887 div#tablefieldscontainer select {
 888     width: 100%;
 889     /* height: 12em; */
 890 }
 891
 892 textarea#sqlquery {
 893     width: 100%;
 894     /* height: 100%; */
 895 }
 896
 897 div#queryboxcontainer div#bookmarkoptions {
 898     margin-top: 0.5em;
 899 }
 900 /* end querybox */
 901
 902 /* main page */
 903 #maincontainer {
 904     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
 905     background-position: <?php echo $right; ?> bottom;
 906     background-repeat: no-repeat;
 907     border-bottom: 1px solid silver;
 908 }
 909
 910 #mysqlmaininformation,
 911 #pmamaininformation {
 912     float: <?php echo $left; ?>;
 913     width: 49%;
 914 }
 915
 916 #maincontainer ul {
 917     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_<?php echo $GLOBALS['text_dir']; ?>.png);
 918     vertical-align: middle;
 919 }
 920
 921 #maincontainer li {
 922     margin-bottom:  0.3em;
 923 }
 924 /* END main page */
 925
 926
 927 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
 928 /* iconic view for ul items */
 929 li#li_create_database {
 930     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
 931 }
 932
 933 li#li_select_lang {
 934     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
 935 }
 936
 937 li#li_select_mysql_collation,
 938 li#li_select_mysql_charset {
 939     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
 940 }
 941
 942 li#li_select_theme{
 943     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
 944 }
 945
 946 li#li_server_info{
 947     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
 948 }
 949
 950 li#li_user_info{
 951     /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
 952 }
 953
 954 li#li_mysql_status{
 955     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
 956 }
 957
 958 li#li_mysql_variables{
 959     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
 960 }
 961
 962 li#li_mysql_processes{
 963     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
 964 }
 965
 966 li#li_mysql_collations{
 967     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
 968 }
 969
 970 li#li_mysql_engines{
 971     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
 972 }
 973
 974 li#li_mysql_binlogs {
 975     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
 976 }
 977
 978 li#li_mysql_databases {
 979     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
 980 }
 981
 982 li#li_export {
 983     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
 984 }
 985
 986 li#li_import {
 987     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
 988 }
 989
 990 li#li_change_password {
 991     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
 992 }
 993
 994 li#li_log_out {
 995     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
 996 }
 997
 998 li#li_pma_docs {
 999     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_docs.png);
1000 }
1001
1002 li#li_phpinfo {
1003     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>php_sym.png);
1004 }
1005
1006 li#li_pma_homepage {
1007     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_home.png);
1008 }
1009
1010 li#li_mysql_privilegs{
1011     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1012 }
1013
1014 li#li_switch_dbstats {
1015     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1016 }
1017
1018 li#li_flush_privileges {
1019     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1020 }
1021 /* END iconic view for ul items */
1022 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1023
1024
1025 #body_browse_foreigners {
1026     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1027     margin:             0.5em 0.5em 0 0.5em;
1028 }
1029
1030 #bodyquerywindow {
1031     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1032 }
1033
1034 #bodythemes {
1035     width: 500px;
1036     margin: auto;
1037     text-align: center;
1038 }
1039
1040 #bodythemes img {
1041     border: 0.1em solid black;
1042 }
1043
1044 #bodythemes a:hover img {
1045     border: 0.1em solid red;
1046 }
1047
1048 #fieldset_select_fields {
1049     float: <?php echo $left; ?>;
1050 }
1051
1052 #selflink {
1053     clear: both;
1054     display: block;
1055     margin-top: 1em;
1056     margin-bottom: 1em;
1057     width: 100%;
1058     border-top: 0.1em solid silver;
1059     text-align: <?php echo $right; ?>;
1060 }
1061
1062 #table_innodb_bufferpool_usage,
1063 #table_innodb_bufferpool_activity {
1064     float: <?php echo $left; ?>;
1065 }
1066
1067 #div_mysql_charset_collations table {
1068     float: <?php echo $left; ?>;
1069 }
1070
1071 #div_table_order {
1072     min-width: 48%;
1073     float: <?php echo $left; ?>;
1074 }
1075
1076 #div_table_rename {
1077     min-width: 48%;
1078     float: <?php echo $left; ?>;
1079 }
1080
1081 #div_table_copy {
1082     min-width: 48%;
1083     float: <?php echo $left; ?>;
1084 }
1085
1086 #div_table_options {
1087     clear: both;
1088     min-width: 48%;
1089     float: <?php echo $left; ?>;
1090 }
1091
1092 #qbe_div_table_list {
1093     float: <?php echo $left; ?>;
1094 }
1095
1096 #qbe_div_sql_query {
1097     float: <?php echo $left; ?>;
1098 }
1099
1100 label.desc {
1101     width: 30em;
1102     float: <?php echo $left; ?>;
1103 }