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