css/phpmyadmin.css.php

   1 <?php
   2 /* $Id$ */
   3 // vim: expandtab sw=4 ts=4 sts=4:
   4
   5 chdir('..');
   6 define('PMA_MINIMUM_COMMON', true);
   7 require_once './libraries/common.lib.php';
   8 require_once './libraries/sqlparser.lib.php';
   9
  10 if ($GLOBALS['text_dir'] === 'ltr') {
  11     $right = 'right';
  12     $left = 'left';
  13 } else {
  14     $right = 'left';
  15     $left = 'right';
  16 }
  17
  18 // Send correct type:
  19 header('Content-Type: text/css; charset=ISO-8859-1');
  20
  21 ?>
  22 html {
  23     font-size: <?php echo $_SESSION['PMA_Config']->get('fontsize'); ?>;
  24 }
  25
  26 input, select, textarea {
  27     font-size: 1em;
  28 }
  29
  30 /* @deprecated */
  31 .nowrap {
  32     white-space: nowrap;
  33 }
  34 div.nowrap {
  35     margin: 0;
  36     padding: 0;
  37 }
  38
  39 <?php
  40 if ($_SESSION['PMA_Theme']->checkVersion('2.7.0')) {
  41     ?>
  42
  43 form {
  44     margin: 0;
  45     padding: 0;
  46     display: inline;
  47 }
  48
  49 a img {
  50     border: 0;
  51 }
  52
  53
  54 /* server privileges */
  55 #tableuserrights td,
  56 #tablespecificuserrights td,
  57 #tabledatabases td {
  58     vertical-align: middle;
  59 }
  60 /* END server privileges */
  61
  62
  63 /* leave some space between icons and text */
  64 .icon {
  65     vertical-align: middle;
  66     margin-right: 0.3em;
  67     margin-left: 0.3em;
  68 }
  69 /* no extra space in table cells */
  70 td .icon {
  71     margin: 0;
  72 }
  73
  74 .selectallarrow {
  75     margin-<?php echo $right; ?>: 0.3em;
  76     margin-<?php echo $left; ?>: 0.6em;
  77 }
  78
  79 div#tablestatistics {
  80     border-bottom: 0.1em solid #669999;
  81     margin-bottom: 0.5em;
  82     padding-bottom: 0.5em;
  83 }
  84
  85 div#tablestatistics table {
  86     float: <?php echo $left; ?>;
  87     margin-bottom: 0.5em;
  88     margin-right: 0.5em;
  89 }
  90
  91 div#tablestatistics table caption {
  92     margin-right: 0.5em;
  93 }
  94
  95
  96 /* left frame content */
  97 body#body_leftFrame {
  98     background-color: <?php echo $GLOBALS['cfg']['LeftBgColor']; ?>;
  99 }
 100
 101 div#pmalogo,
 102 div#leftframelinks,
 103 div#databaseList {
 104     text-align: center;
 105     border-bottom: 0.1em solid #669999;
 106     margin-bottom: 0.5em;
 107     padding-bottom: 0.5em;
 108 }
 109
 110 div#leftframelinks .icon {
 111     vertical-align: middle;
 112     padding: 0;
 113     margin: 0;
 114 }
 115
 116 div#leftframelinks a:hover {
 117     background-color: #669999;
 118 }
 119
 120 /* leftdatabaselist */
 121 div#left_tableList ul {
 122     list-style-type: none;
 123     list-style-position: outside;
 124     margin: 0;
 125     padding: 0;
 126     background-color: <?php echo $GLOBALS['cfg']['LeftBgColor']; ?>;
 127 }
 128
 129 div#left_tableList li {
 130     margin: 0;
 131     padding: 0;
 132     white-space: nowrap;
 133 }
 134
 135 <?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
 136 div#left_tableList li:hover {
 137     background-color: <?php echo $GLOBALS['cfg']['LeftPointerColor']; ?>;
 138 }
 139 <?php } ?>
 140
 141 div#left_tableList img {
 142     padding: 0;
 143     vertical-align: middle;
 144 }
 145
 146 div#left_tableList ul ul {
 147     margin-left: 0em;
 148     padding-left: 0.1em;
 149     border-left: 0.1em solid #669999;
 150     padding-bottom: 0.1em;
 151     border-bottom: 0.1em solid #669999;
 152 }
 153 /* END left frame content */
 154
 155
 156 /* querywindow */
 157 body#bodyquerywindow {
 158     margin: 0;
 159     padding: 0;
 160 }
 161
 162 div#querywindowcontainer {
 163     margin: 0;
 164     padding: 0;
 165     width: 100%;
 166 }
 167
 168 div#querywindowcontainer fieldset {
 169     margin-top: 0;
 170 }
 171 /* END querywindow */
 172
 173
 174 /* querybox */
 175
 176 /* Gecko bug */
 177 div[class=formelementrow],
 178 div[id=queryfieldscontainer] {
 179     border: 1px solid transparent;
 180 }
 181
 182 div#sqlquerycontainer {
 183     float: left;
 184     width: 69%;
 185     /* height: 15em; */
 186 }
 187
 188 div#tablefieldscontainer  {
 189     float: right;
 190     width: 29%;
 191     /* height: 15em; */
 192 }
 193
 194 div#tablefieldscontainer select  {
 195     width: 100%;
 196     /* height: 12em; */
 197 }
 198
 199 textarea#sqlquery {
 200     width: 100%;
 201     /* height: 100%; */
 202 }
 203
 204 div#queryboxcontainer div#bookmarkoptions {
 205     margin-top: 0.5em;
 206 }
 207 /* end querybox */
 208
 209
 210 fieldset .formelement {
 211     line-height: 2.4em;
 212     float: left;
 213     margin-right: 0.5em;
 214     /* IE */
 215     white-space: nowrap;
 216 }
 217 /* revert for Gecko */
 218 fieldset div[class=formelement] {
 219     white-space: normal;
 220 }
 221
 222 /* IE */
 223 fieldset .formelement input,
 224 fieldset .formelement select {
 225     margin-top: 0.5em;
 226     margin-bottom: 0.5em;
 227 }
 228 /* revert for Gecko */
 229 fieldset div[class=formelement] input,
 230 fieldset div[class=formelement] select {
 231     margin-top: auto;
 232     margin-bottom: auto;
 233     height: auto;
 234 }
 235
 236 /* Calendar */
 237 table.calendar      { width: 100%; }
 238 table.calendar td   { text-align: center; }
 239 table.calendar td a { display: block; }
 240
 241 table.calendar td a:hover {
 242     background-color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 243 }
 244
 245 table.calendar th {
 246     background-color: <?php echo $GLOBALS['cfg']['ThBgcolor']; ?>;
 247 }
 248
 249 table.calendar td.selected {
 250     background-color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 251 }
 252
 253 img.calendar { border: none; }
 254 form.clock   { text-align: center; }
 255 /* end Calendar */
 256
 257
 258 /* Options, eg. on import page */
 259 fieldset {
 260     background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
 261 }
 262 fieldset legend {
 263     background-color: transparent;
 264 }
 265
 266 /* buttons in some browsers (eg. Konqueror) are block elements, this breaks design */
 267 button { display: inline; }
 268
 269 /* Textarea */
 270 textarea { overflow: auto; }
 271
 272
 273 /* topmenu */
 274
 275 /* Gecko 1.7 bug (FF 1.0) */
 276 #topmenucontainer {
 277     border: 1px solid <?php echo $GLOBALS['cfg']['RightBgColor']; ?>;
 278 }
 279
 280 ul#topmenu {
 281     font-weight: bold;
 282     list-style-type: none;
 283     margin: 0;
 284     padding: 0;
 285 }
 286
 287 ul#topmenu li {
 288     float: left;
 289     margin: 0;
 290     padding: 0;
 291     vertical-align: middle;
 292 }
 293
 294 #topmenu img {
 295     vertical-align: middle;
 296     margin-right: 0.1em;
 297 }
 298
 299 /* default tab styles */
 300 .tab, .tabcaution, .tabactive {
 301     display: block;
 302     margin: 0.2em 0.2em 0 0.2em;
 303     padding: 0.2em 0.2em 0 0.2em;
 304     white-space: nowrap;
 305 }
 306
 307 /* disabled tabs */
 308 span.tab {
 309     color: #666666;
 310 }
 311
 312 /* disabled drop/empty tabs */
 313 span.tabcaution {
 314     color: #ff6666;
 315 }
 316
 317 /* enabled drop/empty tabs */
 318 a.tabcaution {
 319     color: #FF0000;
 320 }
 321 a.tabcaution:hover {
 322     color: #FFFFFF;
 323     background-color: #FF0000;
 324 }
 325
 326 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
 327 /* active tab */
 328 a.tabactive {
 329     color: black;
 330 }
 331 <?php } else { ?>
 332 #topmenu {
 333     margin-top: 0.5em;
 334     padding: 0.1em 0.3em 0.1em 0.3em;
 335 }
 336
 337 ul#topmenu li {
 338     border-bottom: 1pt solid black;
 339 }
 340
 341 /* default tab styles */
 342 .tab, .tabcaution, .tabactive {
 343     background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
 344     border: 1pt solid <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
 345     border-bottom: 0;
 346     border-top-left-radius: 0.4em;
 347     border-top-right-radius: 0.4em;
 348 }
 349
 350 /* enabled hover/active tabs */
 351 a.tab:hover, a.tabcaution:hover, .tabactive, .tabactive:hover {
 352     margin: 0;
 353     padding: 0.2em 0.4em 0.2em 0.4em;
 354     text-decoration: none;
 355 }
 356
 357 a.tab:hover, .tabactive {
 358     background-color: <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
 359 }
 360
 361 /* disabled drop/empty tabs */
 362 span.tab, span.tabcaution {
 363     cursor: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/error.ico), url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/error.ico), default;
 364 }
 365 <?php } ?>
 366 /* end topmenu */
 367
 368
 369
 370 /* data tables */
 371 table caption,
 372 table th,
 373 table td {
 374     padding: 0.1em 0.5em 0.1em 0.5em;
 375     margin: 0;
 376     margin: 0.1em;
 377     vertical-align: top;
 378 }
 379
 380 /* odd table rows 1,3,5,7,... */
 381 table tr.odd th,
 382 table tr.odd {
 383     background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
 384 }
 385
 386 /* even table rows 2,4,6,8,... */
 387 table tr.even th,
 388 table tr.even {
 389     background-color: <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
 390 }
 391
 392 /* marked table rows */
 393 table tr.marked th,
 394 table tr.marked {
 395     background-color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 396 }
 397
 398 /* hovered table rows */
 399 table tr.odd:hover,
 400 table tr.even:hover,
 401 table tr.odd:hover th,
 402 table tr.even:hover th,
 403 table tr.hover th,
 404 table tr.hover {
 405     background-color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 406 }
 407
 408 table .value {
 409     text-align: right;
 410     white-space: nowrap;
 411 }
 412 /* IE doesnt handles 'pre' right */
 413 table [class=value] {
 414     white-space: pre;
 415 }
 416
 417 .value {
 418     font-family: "Courier New", Courier, monospace;
 419 }
 420 .value .attention {
 421     color: red;
 422     font-weight: bold;
 423 }
 424 .value .allfine {
 425     color: green;
 426 }
 427
 428
 429 /* serverstatus */
 430 div#serverstatus table caption a.top {
 431     float: right;
 432 }
 433
 434 div#serverstatus div#serverstatusqueriesdetails table,
 435 div#serverstatus table#serverstatustraffic,
 436 div#serverstatus table#serverstatusconnections {
 437     float: left;
 438 }
 439
 440 #serverstatussection,
 441 .clearfloat {
 442     clear: both;
 443 }
 444 div#serverstatussection table {
 445     width: 100%;
 446     margin-bottom: 1em;
 447 }
 448 div#serverstatussection table .name {
 449     width: 18em;
 450 }
 451 div#serverstatussection table .value {
 452     width: 6em;
 453 }
 454
 455 div#serverstatus table tbody td.descr a,
 456 div#serverstatus table .tblFooters a {
 457     white-space: nowrap;
 458 }
 459 div#serverstatus div#statuslinks a:before,
 460 div#serverstatus div#sectionlinks a:before,
 461 div#serverstatus table tbody td.descr a:before,
 462 div#serverstatus table .tblFooters a:before {
 463     content: '[';
 464 }
 465 div#serverstatus div#statuslinks a:after,
 466 div#serverstatus div#sectionlinks a:after,
 467 div#serverstatus table tbody td.descr a:after,
 468 div#serverstatus table .tblFooters a:after {
 469     content: ']';
 470 }
 471 /* end serverstatus */
 472
 473 img.lightbulb {
 474     cursor: pointer;
 475 }
 476
 477     <?php
 478 } // end styles 2.7.0
 479
 480 if ($_SESSION['PMA_Theme']->checkVersion('2.7.1')) {
 481     ?>
 482
 483 /********************/
 484 /* NEW in PMA 2.7.1 */
 485 /********************/
 486
 487 body.loginform h1,
 488 body.loginform a.logo {
 489     display: block;
 490     text-align: center;
 491 }
 492
 493 form.login label {
 494     float: left;
 495     width: 10em;
 496     font-weight: bolder;
 497 }
 498
 499
 500 /* main page */
 501 #maincontainer {
 502     background-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/logo_right.png);
 503     background-position: <?php echo $right; ?> bottom;
 504     background-repeat: no-repeat;
 505     border-bottom: 1px solid silver;
 506 }
 507
 508 #mysqlmaininformation,
 509 #pmamaininformation {
 510     float: <?php echo $left; ?>;
 511     width: 49%;
 512 }
 513
 514 #maincontainer ul {
 515     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/item_<?php echo $GLOBALS['text_dir']; ?>.png);
 516     vertical-align: middle;
 517 }
 518
 519 #maincontainer li {
 520     margin-bottom: 0.3em;
 521 }
 522 /* END main page */
 523
 524
 525 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
 526 /* iconic view for ul items */
 527 li#li_create_database {
 528     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_newdb.png);
 529 }
 530
 531 li#li_select_lang {
 532     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_lang.png);
 533 }
 534
 535 li#li_select_mysql_collation,
 536 li#li_select_mysql_charset {
 537     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_asci.png);
 538 }
 539
 540 li#li_select_theme{
 541     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_theme.png);
 542 }
 543
 544 li#li_server_info{
 545     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
 546 }
 547
 548 li#li_user_info{
 549     /* list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_rights.png); */
 550 }
 551
 552 li#li_mysql_status{
 553     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_status.png);
 554 }
 555
 556 li#li_mysql_variables{
 557     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_vars.png);
 558 }
 559
 560 li#li_mysql_processes{
 561     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_process.png);
 562 }
 563
 564 li#li_mysql_collations{
 565     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_asci.png);
 566 }
 567
 568 li#li_mysql_engines{
 569     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_engine.png);
 570 }
 571
 572 li#li_mysql_binlogs {
 573     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_tbl.png);
 574 }
 575
 576 li#li_mysql_databases {
 577     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_db.png);
 578 }
 579
 580 li#li_export {
 581     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_export.png);
 582 }
 583
 584 li#li_import {
 585     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_import.png);
 586 }
 587
 588 li#li_change_password {
 589     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_passwd.png);
 590 }
 591
 592 li#li_log_out {
 593     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_loggoff.png);
 594 }
 595
 596 li#li_pma_docs {
 597     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_docs.png);
 598 }
 599
 600 li#li_phpinfo {
 601     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/php_sym.png);
 602 }
 603
 604 li#li_pma_homepage {
 605     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_home.png);
 606 }
 607
 608 li#li_mysql_privilegs{
 609     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_rights.png);
 610 }
 611
 612 li#li_switch_dbstats {
 613     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_dbstatistics.png);
 614 }
 615
 616 li#li_flush_privileges {
 617     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_reload.png);
 618 }
 619 /* END iconic view for ul items */
 620 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
 621
 622
 623 #body_browse_foreigners {
 624     background-color:   <?php echo $cfg['LeftBgColor']; ?>;
 625     margin:             5px 5px 0 5px;
 626 }
 627
 628 #bodyquerywindow {
 629     background-color:   <?php echo $cfg['LeftBgColor']; ?>;
 630 }
 631
 632 #bodythemes {
 633     width: 500px;
 634     margin: auto;
 635     text-align: center;
 636 }
 637
 638 #bodythemes img {
 639     border: 0.1em solid black;
 640 }
 641
 642 #bodythemes a:hover img {
 643     border: 0.1em solid red;
 644 }
 645
 646 #fieldset_select_fields {
 647     float: left;
 648 }
 649
 650 #selflink {
 651     clear: both;
 652     display: block;
 653     margin-top: 1em;
 654     margin-bottom: 1em;
 655     width: 100%;
 656     border-top: 0.1em solid silver;
 657     text-align: <?php echo $right; ?>;
 658 }
 659
 660 #table_innodb_bufferpool_usage,
 661 #table_innodb_bufferpool_activity {
 662     float: <?php echo $left; ?>;
 663 }
 664
 665 #div_mysql_charset_collations table {
 666     float: <?php echo $left; ?>;
 667 }
 668
 669 #div_table_order {
 670     min-width: 48%;
 671     float: <?php echo $left; ?>;
 672 }
 673
 674 #div_table_rename {
 675     min-width: 48%;
 676     float: <?php echo $left; ?>;
 677 }
 678
 679 #div_table_copy {
 680     min-width: 48%;
 681     float: <?php echo $left; ?>;
 682 }
 683
 684 #div_table_options {
 685     clear: both;
 686     min-width: 48%;
 687     float: <?php echo $left; ?>;
 688 }
 689
 690 #qbe_div_table_list {
 691     float: <?php echo $left; ?>;
 692 }
 693
 694 #qbe_div_sql_query {
 695     float: <?php echo $left; ?>;
 696 }
 697     <?php
 698     $GLOBALS['cfg']['BgOne'] = $GLOBALS['cfg']['BgcolorOne'];
 699     $GLOBALS['cfg']['BgTwo'] = $GLOBALS['cfg']['BgcolorTwo'];
 700 } // end styles 2.7.1
 701
 702 if ($_SESSION['PMA_Theme']->checkVersion('2.9')) {
 703     ?>
 704
 705 /********************/
 706 /* NEW in PMA 2.9   */
 707 /********************/
 708
 709 <?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
 710 /* marked items */
 711 .marked a,
 712 .marked {
 713     background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 714     color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 715 }
 716 <?php } ?>
 717
 718 /* odd items 1,3,5,7,... */
 719 .odd {
 720     background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 721 }
 722
 723 /* even items 2,4,6,8,... */
 724 .even {
 725     background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 726 }
 727
 728 /* hovered items */
 729 .odd:hover,
 730 .even:hover,
 731 .hover {
 732     background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
 733     color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 734 }
 735
 736 /**
 737  * marks table rows/cells if the db field is in a where condition
 738  */
 739 tr.condition th,
 740 tr.condition td,
 741 td.condition,
 742 th.condition {
 743     border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 744 }
 745
 746 label.desc {
 747     width: 30em;
 748     float: <?php echo $left; ?>;
 749 }
 750
 751 body.loginform {
 752     text-align: center;
 753 }
 754
 755 body.loginform div.container {
 756     text-align: <?php echo $left; ?>;
 757     width: 30em;
 758     margin: 0 auto;
 759 }
 760
 761 #body_leftFrame #list_server {
 762     list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
 763     list-style-position: inside;
 764     list-style-type: none;
 765     margin: 0;
 766     padding: 0;
 767 }
 768
 769 #body_leftFrame #list_server li {
 770     margin: 0;
 771     padding: 0;
 772     font-size:          80%;
 773 }
 774     <?php
 775 } // end styles 2.9
 776
 777 $_SESSION['PMA_Theme_Manager']->printCss($_REQUEST['js_frame']);
 778 ?>