themes/darkblue_orange/css/theme_right.css.php

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