phpmyadmin.css.php

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