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 !== $GLOBALS['PMA_Config']->get('fontsize') ? $GLOBALS['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 a {
 316     text-decoration: none;
 317     border-bottom:1px dotted black;
 318 }
 319
 320 .syntax_comment {
 321     padding-left:       4pt;
 322     padding-right:      4pt;
 323 }
 324
 325 .syntax_digit {
 326 }
 327
 328 .syntax_digit_hex {
 329 }
 330
 331 .syntax_digit_integer {
 332 }
 333
 334 .syntax_digit_float {
 335 }
 336
 337 .syntax_punct {
 338 }
 339
 340 .syntax_alpha {
 341 }
 342
 343 .syntax_alpha_columnType {
 344     text-transform:     uppercase;
 345 }
 346
 347 .syntax_alpha_columnAttrib {
 348     text-transform:     uppercase;
 349 }
 350
 351 .syntax_alpha_reservedWord {
 352     text-transform:     uppercase;
 353     font-weight:        bold;
 354 }
 355
 356 .syntax_alpha_functionName {
 357     text-transform:     uppercase;
 358 }
 359
 360 .syntax_alpha_identifier {
 361 }
 362
 363 .syntax_alpha_charset {
 364 }
 365
 366 .syntax_alpha_variable {
 367 }
 368
 369 .syntax_quote {
 370     white-space:        pre;
 371 }
 372
 373 .syntax_quote_backtick {
 374 }
 375
 376 /* leave some space between icons and text */
 377 .icon {
 378     vertical-align:     middle;
 379     margin-right:       0.3em;
 380     margin-left:        0.3em;
 381 }
 382 /* no extra space in table cells */
 383 td .icon {
 384     margin: 0;
 385 }
 386
 387 .selectallarrow {
 388     margin-<?php echo $right; ?>: 0.3em;
 389     margin-<?php echo $left; ?>: 0.6em;
 390 }
 391
 392 /* message boxes: warning, error, confirmation */
 393 .success h1,
 394 .notice h1,
 395 .warning h1,
 396 div.error h1 {
 397     border-bottom:      2px solid;
 398     font-weight:        bold;
 399     text-align:         <?php echo $left; ?>;
 400     margin:             0 0 0.2em 0;
 401 }
 402
 403 div.success,
 404 div.notice,
 405 div.warning,
 406 div.error {
 407     margin:             0.3em 0 0 0;
 408     border:             2px solid;
 409     width:              90%;
 410     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 411     background-repeat:  no-repeat;
 412         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 413     background-position: 10px 50%;
 414     padding:            0.1em 0.1em 0.1em 36px;
 415         <?php } else { ?>
 416     background-position: 99% 50%;
 417     padding:            10px 5% 10px 10px;
 418         <?php } ?>
 419     <?php } else { ?>
 420     padding:            0.3em;
 421     <?php } ?>
 422 }
 423
 424 .success {
 425     color:              #000000;
 426     background-color:   #f0fff0;
 427 }
 428 h1.success,
 429 div.success {
 430     border-color:       #00FF00;
 431     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 432     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
 433     <?php } ?>
 434 }
 435 .success h1 {
 436     border-color:       #00FF00;
 437 }
 438
 439 .notice {
 440     color:              #000000;
 441     background-color:   #FFFFDD;
 442 }
 443 h1.notice,
 444 div.notice {
 445     border-color:       #FFD700;
 446     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 447     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
 448     <?php } ?>
 449 }
 450 .notice h1 {
 451     border-color:       #FFD700;
 452 }
 453
 454 .warning {
 455     color:              #CC0000;
 456     background-color:   #FFFFCC;
 457 }
 458 p.warning,
 459 h1.warning,
 460 div.warning {
 461     border-color:       #CC0000;
 462     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 463     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_warn.png);
 464     <?php } ?>
 465 }
 466 .warning h1 {
 467     border-color:       #cc0000;
 468 }
 469
 470 .error {
 471     background-color:   #FFFFCC;
 472     color:              #ff0000;
 473 }
 474
 475 h1.error,
 476 div.error {
 477     border-color:       #ff0000;
 478     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 479     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
 480     <?php } ?>
 481 }
 482 div.error h1 {
 483     border-color:       #ff0000;
 484 }
 485
 486 .confirmation {
 487     background-color:   #FFFFCC;
 488 }
 489 fieldset.confirmation {
 490     border:             0.1em solid #FF0000;
 491 }
 492 fieldset.confirmation legend {
 493     border-left:        0.1em solid #FF0000;
 494     border-right:       0.1em solid #FF0000;
 495     font-weight:        bold;
 496     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 497     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
 498     background-repeat:  no-repeat;
 499         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 500     background-position: 5px 50%;
 501     padding:            0.2em 0.2em 0.2em 25px;
 502         <?php } else { ?>
 503     background-position: 97% 50%;
 504     padding:            0.2em 25px 0.2em 0.2em;
 505         <?php } ?>
 506     <?php } ?>
 507 }
 508 /* end messageboxes */
 509
 510
 511 .tblcomment {
 512     font-weight:        normal;
 513     color:              #000099;
 514 }
 515
 516 .tblHeaders {
 517     font-weight:        bold;
 518     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 519     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 520 }
 521
 522 div.tools,
 523 .tblFooters {
 524     font-weight:        normal;
 525     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 526     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 527 }
 528
 529 .tblHeaders a:link,
 530 .tblHeaders a:active,
 531 .tblHeaders a:visited,
 532 div.tools a:link,
 533 div.tools a:visited,
 534 div.tools a:active,
 535 .tblFooters a:link,
 536 .tblFooters a:active,
 537 .tblFooters a:visited {
 538     color:              #ffffcc;
 539     text-decoration:    underline;
 540 }
 541
 542 .tblHeaders a:hover,
 543 div.tools a:hover,
 544 .tblFooters a:hover {
 545     text-decoration:    none;
 546     color:              #ffffff;
 547 }
 548
 549 /* forbidden, no privilegs */
 550 .noPrivileges {
 551     color:              #cc0000;
 552     font-weight:        bold;
 553 }
 554
 555 /* disabled text */
 556 .disabled,
 557 .disabled a:link,
 558 .disabled a:active,
 559 .disabled a:visited {
 560     color:              #666666;
 561 }
 562
 563 .disabled a:hover {
 564     color:              #666666;
 565     text-decoration:    none;
 566 }
 567
 568 tr.disabled td,
 569 td.disabled {
 570     background-color:   #cccccc;
 571 }
 572
 573 /**
 574  * login form
 575  */
 576 body.loginform h1,
 577 body.loginform a.logo {
 578     display: block;
 579     text-align: center;
 580 }
 581
 582 body.loginform {
 583     text-align: center;
 584 }
 585
 586 body.loginform div.container {
 587     text-align: <?php echo $left; ?>;
 588     width: 30em;
 589     margin: 0 auto;
 590 }
 591
 592 form.login label {
 593     float: <?php echo $left; ?>;
 594     width: 10em;
 595     font-weight: bolder;
 596 }
 597
 598
 599 /******************************************************************************/
 600 /* specific elements */
 601
 602 /* topmenu */
 603 ul#topmenu {
 604     font-weight:        bold;
 605     list-style-type:    none;
 606     margin:             0;
 607     padding:            0;
 608 }
 609
 610 ul#topmenu li {
 611     float:              <?php echo $left; ?>;
 612     margin:             0;
 613     padding:            0;
 614     vertical-align:     middle;
 615 }
 616
 617 #topmenu img {
 618     vertical-align:     middle;
 619     margin-<?php echo $right; ?>:       0.1em;
 620 }
 621
 622 /* default tab styles */
 623 .tab, .tabcaution, .tabactive {
 624     display:            block;
 625     margin:             0.2em 0.2em 0 0.2em;
 626     padding:            0.2em 0.2em 0 0.2em;
 627     white-space:        nowrap;
 628 }
 629
 630 /* disabled tabs */
 631 span.tab {
 632     color:              #666666;
 633 }
 634
 635 /* disabled drop/empty tabs */
 636 span.tabcaution {
 637     color:              #ff6666;
 638 }
 639
 640 /* enabled drop/empty tabs */
 641 a.tabcaution {
 642     color:              #FF0000;
 643 }
 644 a.tabcaution:hover {
 645     color: #FFFFFF;
 646     background-color:   #FF0000;
 647 }
 648
 649 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
 650 /* active tab */
 651 a.tabactive {
 652     color:              black;
 653 }
 654 <?php } else { ?>
 655 #topmenu {
 656     margin-top:         0.5em;
 657     padding:            0.1em 0.3em 0.1em 0.3em;
 658 }
 659
 660 ul#topmenu li {
 661     border-bottom:      1pt solid black;
 662 }
 663
 664 /* default tab styles */
 665 .tab, .tabcaution, .tabactive {
 666     background-color:   <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 667     border:             1pt solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 668     border-bottom:      0;
 669     -moz-border-radius: 0.4em 0.4em 0 0;
 670     border-radius:      0.4em 0.4em 0 0;
 671 }
 672
 673 /* enabled hover/active tabs */
 674 a.tab:hover,
 675 a.tabcaution:hover,
 676 .tabactive,
 677 .tabactive:hover {
 678     margin:             0;
 679     padding:            0.2em 0.4em 0.2em 0.4em;
 680     text-decoration:    none;
 681 }
 682
 683 a.tab:hover,
 684 .tabactive {
 685     background-color:   <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 686 }
 687
 688 /* to be able to cancel the bottom border, use <li class="active"> */
 689 ul#topmenu li.active {
 690      border-bottom:      1pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 691 }
 692
 693 /* disabled drop/empty tabs */
 694 span.tab,
 695 a.warning,
 696 span.tabcaution {
 697     cursor:             url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
 698 }
 699 <?php } ?>
 700 /* end topmenu */
 701
 702
 703 /* Calendar */
 704 table.calendar {
 705     width:              100%;
 706 }
 707 table.calendar td {
 708     text-align:         center;
 709 }
 710 table.calendar td a {
 711     display:            block;
 712 }
 713
 714 table.calendar td a:hover {
 715     background-color:   #CCFFCC;
 716 }
 717
 718 table.calendar th {
 719     background-color:   #D3DCE3;
 720 }
 721
 722 table.calendar td.selected {
 723     background-color:   #FFCC99;
 724 }
 725
 726 img.calendar {
 727     border:             none;
 728 }
 729 form.clock {
 730     text-align:         center;
 731 }
 732 /* end Calendar */
 733
 734
 735 /* table stats */
 736 div#tablestatistics {
 737     border-bottom: 0.1em solid #669999;
 738     margin-bottom: 0.5em;
 739     padding-bottom: 0.5em;
 740 }
 741
 742 div#tablestatistics table {
 743     float: <?php echo $left; ?>;
 744     margin-bottom: 0.5em;
 745     margin-<?php echo $right; ?>: 0.5em;
 746 }
 747
 748 div#tablestatistics table caption {
 749     margin-<?php echo $right; ?>: 0.5em;
 750 }
 751 /* END table stats */
 752
 753
 754 /* server privileges */
 755 #tableuserrights td,
 756 #tablespecificuserrights td,
 757 #tabledatabases td {
 758     vertical-align: middle;
 759 }
 760 /* END server privileges */
 761
 762
 763
 764 /* Heading */
 765 #serverinfo {
 766     font-weight:        bold;
 767     margin-bottom:      0.5em;
 768 }
 769
 770 #serverinfo .item {
 771     white-space:        nowrap;
 772 }
 773
 774 #span_table_comment {
 775     font-weight:        normal;
 776     font-style:         italic;
 777     white-space:        nowrap;
 778 }
 779
 780 #serverinfo img {
 781     margin:             0 0.1em 0 0.1em;
 782 }
 783
 784 /* some styles for IDs: */
 785 #buttonNo {
 786     color:              #CC0000;
 787     font-weight:        bold;
 788     padding:            0 10px 0 10px;
 789 }
 790
 791 #buttonYes {
 792     color:              #006600;
 793     font-weight:        bold;
 794     padding:            0 10px 0 10px;
 795 }
 796
 797 #buttonGo {
 798     color:              #006600;
 799     font-weight:        bold;
 800     padding:            0 10px 0 10px;
 801 }
 802
 803 #listTable {
 804     width:              260px;
 805 }
 806
 807 #textSqlquery {
 808     width:              450px;
 809 }
 810
 811 #textSQLDUMP {
 812     width:              95%;
 813     height:             95%;
 814     font-family:        "Courier New", Courier, mono;
 815     font-size:          110%;
 816 }
 817
 818 #TooltipContainer {
 819     position:           absolute;
 820     z-index:            99;
 821     width:              20em;
 822     height:             auto;
 823     overflow:           visible;
 824     visibility:         hidden;
 825     background-color:   #ffffcc;
 826     color:              #006600;
 827     border:             0.1em solid #000000;
 828     padding:            0.5em;
 829 }
 830
 831 /* user privileges */
 832 #fieldset_add_user_login div.item {
 833     border-bottom:      1px solid silver;
 834     padding-bottom:     0.3em;
 835     margin-bottom:      0.3em;
 836 }
 837
 838 #fieldset_add_user_login label {
 839     float:              <?php echo $left; ?>;
 840     display:            block;
 841     width:              10em;
 842     max-width:          100%;
 843     text-align:         <?php echo $right; ?>;
 844     padding-<?php echo $right; ?>:      0.5em;
 845 }
 846
 847 #fieldset_add_user_login span.options #select_pred_username,
 848 #fieldset_add_user_login span.options #select_pred_hostname,
 849 #fieldset_add_user_login span.options #select_pred_password {
 850     width:              100%;
 851     max-width:          100%;
 852 }
 853
 854 #fieldset_add_user_login span.options {
 855     float: <?php echo $left; ?>;
 856     display: block;
 857     width: 12em;
 858     max-width: 100%;
 859     padding-<?php echo $right; ?>: 0.5em;
 860 }
 861
 862 #fieldset_add_user_login input {
 863     width: 12em;
 864     clear: <?php echo $right; ?>;
 865     max-width: 100%;
 866 }
 867
 868 #fieldset_add_user_login span.options input {
 869     width: auto;
 870 }
 871
 872 #fieldset_user_priv div.item {
 873     float: <?php echo $left; ?>;
 874     width: 9em;
 875     max-width: 100%;
 876 }
 877
 878 #fieldset_user_priv div.item div.item {
 879     float: none;
 880 }
 881
 882 #fieldset_user_priv div.item label {
 883     white-space: nowrap;
 884 }
 885
 886 #fieldset_user_priv div.item select {
 887     width: 100%;
 888 }
 889
 890 #fieldset_user_global_rights fieldset {
 891     float: <?php echo $left; ?>;
 892 }
 893 /* END user privileges */
 894
 895
 896 /* serverstatus */
 897 div#serverstatus table caption a.top {
 898     float: <?php echo $right; ?>;
 899 }
 900
 901 div#serverstatus div#serverstatusqueriesdetails table,
 902 div#serverstatus table#serverstatustraffic_src,
 903 div#serverstatus table#serverstatustraffic_trg,
 904 div#serverstatus table#serverstatusconnections {
 905     float: <?php echo $left; ?>;
 906 }
 907
 908 #serverstatussection,
 909 .clearfloat {
 910     clear: both;
 911 }
 912 div#serverstatussection table {
 913     width: 100%;
 914     margin-bottom: 1em;
 915 }
 916 div#serverstatussection table .name {
 917     width: 18em;
 918 }
 919 div#serverstatussection table .value {
 920     width: 6em;
 921 }
 922
 923 div#serverstatus table tbody td.descr a,
 924 div#serverstatus table .tblFooters a {
 925     white-space: nowrap;
 926 }
 927 div#serverstatus div#statuslinks a:before,
 928 div#serverstatus div#sectionlinks a:before,
 929 div#serverstatus table tbody td.descr a:before,
 930 div#serverstatus table .tblFooters a:before {
 931     content: '[';
 932 }
 933 div#serverstatus div#statuslinks a:after,
 934 div#serverstatus div#sectionlinks a:after,
 935 div#serverstatus table tbody td.descr a:after,
 936 div#serverstatus table .tblFooters a:after {
 937     content: ']';
 938 }
 939 /* end serverstatus */
 940
 941 /* querywindow */
 942 body#bodyquerywindow {
 943     margin: 0;
 944     padding: 0;
 945     background-image: none;
 946     background-color: #F5F5F5;
 947 }
 948
 949 div#querywindowcontainer {
 950     margin: 0;
 951     padding: 0;
 952     width: 100%;
 953 }
 954
 955 div#querywindowcontainer fieldset {
 956     margin-top: 0;
 957 }
 958 /* END querywindow */
 959
 960
 961 /* querybox */
 962
 963 div#sqlquerycontainer {
 964     float: <?php echo $left; ?>;
 965     width: 69%;
 966     /* height: 15em; */
 967 }
 968
 969 div#tablefieldscontainer {
 970     float: <?php echo $right; ?>;
 971     width: 29%;
 972     /* height: 15em; */
 973 }
 974
 975 div#tablefieldscontainer select {
 976     width: 100%;
 977     /* height: 12em; */
 978 }
 979
 980 textarea#sqlquery {
 981     width: 100%;
 982     /* height: 100%; */
 983 }
 984 textarea#sql_query_edit{
 985     height:7em;
 986     width: 95%;
 987     display:block;
 988 }
 989 div#queryboxcontainer div#bookmarkoptions {
 990     margin-top: 0.5em;
 991 }
 992 /* end querybox */
 993
 994 /* main page */
 995 #maincontainer {
 996     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
 997     background-position: <?php echo $right; ?> bottom;
 998     background-repeat: no-repeat;
 999 }
1000
1001 #mysqlmaininformation,
1002 #pmamaininformation {
1003     float: <?php echo $left; ?>;
1004     width: 49%;
1005 }
1006
1007 #maincontainer ul {
1008     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>item_<?php echo $GLOBALS['text_dir']; ?>.png);
1009     vertical-align: middle;
1010 }
1011
1012 #maincontainer li {
1013     margin-bottom:  0.3em;
1014 }
1015 /* END main page */
1016
1017
1018 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1019 /* iconic view for ul items */
1020 li#li_create_database {
1021     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1022 }
1023
1024 li#li_select_lang {
1025     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1026 }
1027
1028 li#li_select_mysql_collation,
1029 li#li_select_mysql_charset {
1030     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1031 }
1032
1033 li#li_select_theme{
1034     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1035 }
1036
1037 li#li_server_info,
1038 li#li_server_version{
1039     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1040 }
1041
1042 li#li_user_info{
1043     /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1044 }
1045
1046 li#li_mysql_status{
1047     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1048 }
1049
1050 li#li_mysql_variables{
1051     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1052 }
1053
1054 li#li_mysql_processes{
1055     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1056 }
1057
1058 li#li_mysql_collations{
1059     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1060 }
1061
1062 li#li_mysql_engines{
1063     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1064 }
1065
1066 li#li_mysql_binlogs {
1067     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1068 }
1069
1070 li#li_mysql_databases {
1071     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1072 }
1073
1074 li#li_export {
1075     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1076 }
1077
1078 li#li_import {
1079     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1080 }
1081
1082 li#li_change_password {
1083     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1084 }
1085
1086 li#li_log_out {
1087     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1088 }
1089
1090 li#li_pma_docs,
1091 li#li_pma_wiki {
1092     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_docs.png);
1093 }
1094
1095 li#li_phpinfo {
1096     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>php_sym.png);
1097 }
1098
1099 li#li_pma_homepage {
1100     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_home.png);
1101 }
1102
1103 li#li_mysql_privilegs{
1104     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1105 }
1106
1107 li#li_switch_dbstats {
1108     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1109 }
1110
1111 li#li_flush_privileges {
1112     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1113 }
1114 /* END iconic view for ul items */
1115 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1116
1117
1118 #body_browse_foreigners {
1119     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1120     margin:             0.5em 0.5em 0 0.5em;
1121 }
1122
1123 #bodyquerywindow {
1124     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1125 }
1126
1127 #bodythemes {
1128     width: 500px;
1129     margin: auto;
1130     text-align: center;
1131 }
1132
1133 #bodythemes img {
1134     border: 0.1em solid black;
1135 }
1136
1137 #bodythemes a:hover img {
1138     border: 0.1em solid red;
1139 }
1140
1141 #fieldset_select_fields {
1142     float: <?php echo $left; ?>;
1143 }
1144
1145 #selflink {
1146     clear: both;
1147     display: block;
1148     margin-top: 1em;
1149     margin-bottom: 1em;
1150     width: 100%;
1151     border-top: 0.1em solid silver;
1152     text-align: <?php echo $right; ?>;
1153 }
1154
1155 #table_innodb_bufferpool_usage,
1156 #table_innodb_bufferpool_activity {
1157     float: <?php echo $left; ?>;
1158 }
1159
1160 #div_mysql_charset_collations table {
1161     float: <?php echo $left; ?>;
1162 }
1163
1164 #div_table_order {
1165     min-width: 48%;
1166     float: <?php echo $left; ?>;
1167 }
1168
1169 #div_table_rename {
1170     min-width: 48%;
1171     float: <?php echo $left; ?>;
1172 }
1173
1174 #div_table_copy, #div_partition_maintenance, #div_referential_integrity, #div_table_maintenance {
1175     min-width: 48%;
1176     float: <?php echo $left; ?>;
1177 }
1178
1179 #div_table_options {
1180     clear: both;
1181     min-width: 48%;
1182     float: <?php echo $left; ?>;
1183 }
1184
1185 #qbe_div_table_list {
1186     float: <?php echo $left; ?>;
1187 }
1188
1189 #qbe_div_sql_query {
1190     float: <?php echo $left; ?>;
1191 }
1192
1193 label.desc {
1194     width: 30em;
1195     float: <?php echo $left; ?>;
1196 }
1197
1198 code.sql {
1199     display:            block;
1200     padding:            0.3em;
1201     margin-top:         0;
1202     margin-bottom:      0;
1203     border:             <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
1204     border-top:         0;
1205     border-bottom:      0;
1206     max-height:         10em;
1207     overflow:           auto;
1208     background:         <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1209 }
1210
1211 #main_pane_left {
1212     width:              60%;
1213     float:              <?php echo $left; ?>;
1214     padding-top:        1em;
1215 }
1216
1217 #main_pane_right {
1218     margin-<?php echo $left; ?>: 60%;
1219     padding-top: 1em;
1220     padding-<?php echo $left; ?>: 1em;
1221 }
1222
1223 .group {
1224     border-<?php echo $left; ?>: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1225     margin-bottom:      1em;
1226 }
1227
1228 .group h2 {
1229     background-color:   <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1230     padding:            0.1em 0.3em;
1231     margin-top:         0;
1232 }
1233
1234 /* for elements that should be revealed only via js */
1235 .hide {
1236     display:            none;
1237 }
1238
1239 #li_select_server {
1240     padding-bottom:     0.3em;
1241     border-bottom:      0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1242     margin-bottom:      0.3em;
1243 }
1244
1245 /**
1246   *  Progress bar styles
1247   */
1248 div.upload_progress_bar_outer
1249 {
1250     border: 1px solid black;
1251     width: 202px;
1252 }
1253
1254 div.upload_progress_bar_inner
1255 {
1256     background-color: <?php echo (isset($_SESSION['userconf']['custom_color']) ? $_SESSION['userconf']['custom_color'] : $GLOBALS['cfg']['NaviBackground']); ?>;
1257     width: 0px;
1258     height: 12px;
1259     margin: 1px;
1260 }
1261
1262 table#serverconnection_src_remote,
1263 table#serverconnection_trg_remote,
1264 table#serverconnection_src_local,
1265 table#serverconnection_trg_local  {
1266   float:left;
1267 }
1268
1269 #NavFilter {
1270     display: none;
1271 }
1272
1273 #clear_fast_filter {
1274     background: white;
1275     color: black;
1276     cursor: pointer;
1277     padding: 0;
1278     margin: 0;
1279     position: relative;
1280     right: 3ex;
1281 }
1282
1283 #fast_filter {
1284     width: 85%;
1285     padding: 0.1em;
1286 }
1287 /**
1288   *  Validation error message styles
1289   */
1290 .invalid_value
1291 {background:#F00;}