themes/original/css/theme_right.css.php

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