phpmyadmin.css.php

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