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 // Gets the default font sizes
  19 // garvin: TODO: Should be optimized to not include the whole common.lib.php bunch
  20 // but only functions used to determine browser heritage.
  21 PMA_setFontSizes();
  22
  23 // Send correct type:
  24 header('Content-Type: text/css; charset=ISO-8859-1');
  25
  26 ?>
  27 html {
  28     margin: 0;
  29     padding: 0;
  30 }
  31
  32 form {
  33     margin: 0;
  34     padding: 0;
  35     display: inline;
  36 }
  37
  38 a img {
  39     border: 0;
  40 }
  41
  42 /* main page */
  43 #maincontainer {
  44     background-image: url(../themes/original/img/logo_right.png);
  45     background-position: <?php echo $right; ?> bottom;
  46     background-repeat: no-repeat;
  47     border-bottom: 1px solid silver;
  48 }
  49
  50 #mysqlmaininformation,
  51 #pmamaininformation {
  52     float: <?php echo $left; ?>;
  53 }
  54
  55 #mysqlmaininformation {
  56     margin-<?php echo $right; ?>: 1em;
  57     padding-<?php echo $right; ?>: 1em;
  58     border-<?php echo $right; ?>: 0.1em solid silver;
  59 }
  60
  61 #maincontainer ul {
  62     list-style-image: url(../themes/original/img/item_<?php echo $GLOBALS['text_dir']; ?>.png);
  63     vertical-align: middle;
  64 }
  65
  66 #maincontainer li {
  67     margin-bottom: 0.3em;
  68 }
  69 /* END main page */
  70
  71
  72 <?php if ( $GLOBALS['cfg']['MainPageIconic'] ) { ?>
  73 /* iconic view for ul items */
  74 li#li_create_database {
  75     list-style-image: url(../themes/original/img/b_newdb.png);
  76 }
  77
  78 li#li_select_lang {
  79     list-style-image: url(../themes/original/img/s_lang.png);
  80 }
  81
  82 li#li_select_mysql_collation,
  83 li#li_select_mysql_charset {
  84     list-style-image: url(../themes/original/img/s_asci.png);
  85 }
  86
  87 li#li_select_theme{
  88     list-style-image: url(../themes/original/img/s_theme.png);
  89 }
  90
  91 li#li_server_info{
  92     list-style-image: url(../themes/original/img/s_host.png);
  93 }
  94
  95 li#li_user_info{
  96     list-style-image: url(../themes/original/img/s_rights.png);
  97 }
  98
  99 li#li_mysql_status{
 100     list-style-image: url(../themes/original/img/s_status.png);
 101 }
 102
 103 li#li_mysql_variables{
 104     list-style-image: url(../themes/original/img/s_vars.png);
 105 }
 106
 107 li#li_mysql_processes{
 108     list-style-image: url(../themes/original/img/s_process.png);
 109 }
 110
 111 li#li_mysql_collations{
 112     list-style-image: url(../themes/original/img/s_asci.png);
 113 }
 114
 115 li#li_mysql_engines{
 116     list-style-image: url(../themes/original/img/b_engine.png);
 117 }
 118
 119 li#li_mysql_binlogs {
 120     list-style-image: url(../themes/original/img/s_tbl.png);
 121 }
 122
 123 li#li_mysql_databases {
 124     list-style-image: url(../themes/original/img/s_db.png);
 125 }
 126
 127 li#li_export {
 128     list-style-image: url(../themes/original/img/b_export.png);
 129 }
 130
 131 li#li_import {
 132     list-style-image: url(../themes/original/img/b_import.png);
 133 }
 134
 135 li#li_change_password {
 136     list-style-image: url(../themes/original/img/s_passwd.png);
 137 }
 138
 139 li#li_log_out {
 140     list-style-image: url(../themes/original/img/s_loggoff.png);
 141 }
 142
 143 li#li_pma_docs {
 144     list-style-image: url(../themes/original/img/b_docs.png);
 145 }
 146
 147 li#li_phpinfo {
 148     list-style-image: url(../themes/original/img/php_sym.png);
 149 }
 150
 151 li#li_pma_homepage {
 152     list-style-image: url(../themes/original/img/b_home.png);
 153 }
 154
 155 li#li_mysql_privilegs{
 156     list-style-image: url(../themes/original/img/s_rights.png);
 157 }
 158
 159 li#li_switch_dbstats {
 160     list-style-image: url(../themes/original/img/b_dbstatistics.png);
 161 }
 162 /* END iconic view for ul items */
 163 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
 164
 165
 166 /* @deprecated */
 167 #mainheader {
 168     border: 0.1px solid transparent;
 169     border-bottom: 0.1em solid gray;
 170     margin-bottom: 1em;
 171 }
 172 /* @deprecated */
 173 #pmalogoright {
 174     float: <?php echo $right; ?>;
 175 }
 176
 177
 178 /* server privileges */
 179 #tableuserrights td,
 180 #tablespecificuserrights td,
 181 #tabledatabases td {
 182     vertical-align: middle;
 183 }
 184 /* END server privileges */
 185
 186
 187 /* leave some space between icons and text */
 188 .icon {
 189     vertical-align: middle;
 190     margin-right: 0.3em;
 191     margin-left: 0.3em;
 192 }
 193 /* no extra space in table cells */
 194 td .icon {
 195     margin: 0;
 196 }
 197
 198 .selectallarrow {
 199     margin-<?php echo $right; ?>: 0.3em;
 200     margin-<?php echo $left; ?>: 0.6em;
 201 }
 202
 203 div#tablestatistics {
 204     border-bottom: 0.1em solid #669999;
 205     margin-bottom: 0.5em;
 206     padding-bottom: 0.5em;
 207 }
 208
 209 div#tablestatistics table {
 210     float: left;
 211     margin-bottom: 0.5em;
 212     margin-right: 0.5em;
 213 }
 214
 215 div#tablestatistics table caption {
 216     margin-right: 0.5em;
 217 }
 218
 219
 220 /* left frame content */
 221 body#body_leftFrame {
 222     background-color: <?php echo $GLOBALS['cfg']['LeftBgColor']; ?>;
 223 }
 224
 225 div#pmalogo,
 226 div#leftframelinks,
 227 div#databaseList {
 228     text-align: center;
 229     border-bottom: 0.1em solid #669999;
 230     margin-bottom: 0.5em;
 231     padding-bottom: 0.5em;
 232 }
 233
 234 div#leftframelinks .icon {
 235     vertical-align: middle;
 236     padding: 0;
 237     margin: 0;
 238 }
 239
 240 div#leftframelinks a:hover {
 241     background-color: #669999;
 242 }
 243
 244 /* leftdatabaselist */
 245 div#left_tableList ul {
 246     list-style-type: none;
 247     list-style-position: outside;
 248     margin: 0;
 249     padding: 0;
 250     background-color: <?php echo $GLOBALS['cfg']['LeftBgColor']; ?>;
 251 }
 252
 253 div#left_tableList li {
 254     margin: 0;
 255     padding: 0;
 256     white-space: nowrap;
 257 }
 258
 259 <?php if ( $GLOBALS['cfg']['LeftPointerEnable'] ) { ?>
 260 div#left_tableList li:hover {
 261     background-color: <?php echo $GLOBALS['cfg']['LeftPointerColor']; ?>;
 262 }
 263 <?php } ?>
 264
 265 div#left_tableList img {
 266     padding: 0;
 267     vertical-align: middle;
 268 }
 269
 270 div#left_tableList ul ul {
 271     margin-left: 0em;
 272     padding-left: 0.1em;
 273     border-left: 0.1em solid #669999;
 274     padding-bottom: 0.1em;
 275     border-bottom: 0.1em solid #669999;
 276 }
 277 /* END left frame content */
 278
 279
 280 /* querywindow */
 281 body#bodyquerywindow {
 282     margin: 0;
 283     padding: 0;
 284 }
 285
 286 div#querywindowcontainer {
 287     margin: 0;
 288     padding: 0;
 289     width: 100%;
 290 }
 291
 292 div#querywindowcontainer fieldset {
 293     margin-top: 0;
 294 }
 295 /* END querywindow */
 296
 297
 298 /* querybox */
 299
 300 /* Gecko bug */
 301 div[class=formelementrow],
 302 div[id=queryfieldscontainer] {
 303     border: 1px solid transparent;
 304 }
 305
 306 div#sqlquerycontainer {
 307     float: left;
 308     width: 69%;
 309     /* height: 15em; */
 310 }
 311
 312 div#tablefieldscontainer  {
 313     float: right;
 314     width: 29%;
 315     /* height: 15em; */
 316 }
 317
 318 div#tablefieldscontainer select  {
 319     width: 100%;
 320     /* height: 12em; */
 321 }
 322
 323 textarea#sqlquery {
 324     width: 100%;
 325     /* height: 100%; */
 326 }
 327
 328 div#queryboxcontainer div#bookmarkoptions {
 329     margin-top: 0.5em;
 330 }
 331 /* end querybox */
 332
 333
 334 fieldset .formelement {
 335     line-height: 2.4em;
 336     float: left;
 337     margin-right: 0.5em;
 338     /* IE */
 339     white-space: nowrap;
 340 }
 341 /* revert for Gecko */
 342 fieldset div[class=formelement] {
 343     white-space: normal;
 344 }
 345
 346 /* IE */
 347 fieldset .formelement input,
 348 fieldset .formelement select {
 349     margin-top: 0.5em;
 350     margin-bottom: 0.5em;
 351 }
 352 /* revert for Gecko */
 353 fieldset div[class=formelement] input,
 354 fieldset div[class=formelement] select {
 355     margin-top: auto;
 356     margin-bottom: auto;
 357     height: auto;
 358 }
 359
 360 #fieldsetexport #exportoptions {
 361     float: left;
 362 }
 363
 364
 365 /* Calendar */
 366 table.calendar      { width: 100%; }
 367 table.calendar td   { text-align: center; }
 368 table.calendar td a { display: block; }
 369
 370 table.calendar td a:hover {
 371     background-color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 372 }
 373
 374 table.calendar th {
 375     background-color: <?php echo $GLOBALS['cfg']['ThBgcolor']; ?>;
 376 }
 377
 378 table.calendar td.selected {
 379     background-color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 380 }
 381
 382 img.calendar { border: none; }
 383 form.clock   { text-align: center; }
 384 /* end Calendar */
 385
 386
 387 /* Options, eg. on import page */
 388 fieldset {
 389     background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
 390 }
 391 fieldset legend {
 392     background-color: transparent;
 393 }
 394
 395 .nowrap    { white-space: nowrap; }
 396 div.nowrap { margin: 0; padding: 0; }
 397
 398 /* buttons in some browsers (eg. Konqueror) are block elements, this breaks design */
 399 button { display: inline; }
 400
 401 /* Textarea */
 402 textarea { overflow: auto; }
 403
 404 .nospace { margin: 0; padding: 0; }
 405
 406
 407 /* topmenu */
 408
 409 /* Gecko bug */
 410 #topmenucontainer {
 411     border: 1px solid <?php echo $GLOBALS['cfg']['RightBgColor']; ?>;
 412 }
 413
 414 ul#topmenu {
 415     font-weight: bold;
 416     list-style-type: none;
 417     margin: 0;
 418     padding: 0;
 419 }
 420
 421 ul#topmenu li {
 422     float: left;
 423     margin: 0;
 424     padding: 0;
 425     vertical-align: middle;
 426 }
 427
 428 #topmenu img {
 429     vertical-align: middle;
 430     margin-right: 0.1em;
 431 }
 432
 433 /* default tab styles */
 434 .tab, .tabcaution, .tabactive {
 435     display: block;
 436     margin: 0.2em 0.2em 0 0.2em;
 437     padding: 0.2em 0.2em 0 0.2em;
 438     white-space: nowrap;
 439 }
 440
 441 /* disabled tabs */
 442 span.tab {
 443     color: #666666;
 444 }
 445
 446 /* disabled drop/empty tabs */
 447 span.tabcaution {
 448     color: #ff6666;
 449 }
 450
 451 /* enabled drop/empty tabs */
 452 a.tabcaution {
 453     color: #FF0000;
 454 }
 455 a.tabcaution:hover {
 456     color: #FFFFFF;
 457     background-color: #FF0000;
 458 }
 459
 460 <?php if ( $GLOBALS['cfg']['LightTabs'] ) { ?>
 461 /* active tab */
 462 a.tabactive {
 463     color: black;
 464 }
 465 <?php } else { ?>
 466 #topmenu {
 467     margin-top: 0.5em;
 468     padding: 0.1em 0.3em 0.1em 0.3em;
 469 }
 470
 471 ul#topmenu li {
 472     border-bottom: 1pt solid black;
 473 }
 474
 475 /* default tab styles */
 476 .tab, .tabcaution, .tabactive {
 477     background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
 478     border: 1pt solid <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
 479     border-bottom: 0;
 480     border-radius-topleft: 0.4em;
 481     border-radius-topright: 0.4em;
 482     -moz-border-radius-topleft: 0.4em;
 483     -moz-border-radius-topright: 0.4em;
 484 }
 485
 486 /* enabled hover/active tabs */
 487 a.tab:hover, a.tabcaution:hover, .tabactive, .tabactive:hover {
 488     margin: 0;
 489     padding: 0.2em 0.4em 0.2em 0.4em;
 490     text-decoration: none;
 491 }
 492
 493 a.tab:hover, .tabactive {
 494     background-color: <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
 495 }
 496
 497 /* disabled drop/empty tabs */
 498 span.tab, span.tabcaution {
 499     cursor: url(themes/original/img/error.ico), url(../themes/original/img/error.ico), default;
 500 }
 501 <?php } ?>
 502 /* end topmenu */
 503
 504
 505 /* data tables */
 506 table.data caption,
 507 table.data th,
 508 table.data td {
 509     padding: 0.1em 0.5em 0.1em 0.5em;
 510     margin: 0;
 511     margin: 0.1em;
 512     vertical-align: top;
 513 }
 514
 515 /* odd table rows 1,3,5,7,... */
 516 table tr.odd th,
 517 table tr.odd {
 518     background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
 519     text-align: left;
 520 }
 521
 522 /* even table rows 2,4,6,8,... */
 523 table tr.even th,
 524 table tr.even {
 525     background-color: <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
 526     text-align: left;
 527 }
 528
 529 /* marked tbale rows */
 530 table tr.marked th,
 531 table tr.marked {
 532     background-color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 533 }
 534
 535 /* hovered table rows */
 536 table tr.odd:hover,
 537 table tr.even:hover,
 538 table tr.odd:hover th,
 539 table tr.even:hover th,
 540 table tr.hover th,
 541 table tr.hover {
 542     background-color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 543 }
 544
 545 table .value {
 546     text-align: right;
 547     white-space: nowrap;
 548     font-family: "Courier New", Courier, monospace;
 549 }
 550 /* IE doesnt handles 'pre' right */
 551 table [class=value] {
 552     white-space: pre;
 553 }
 554
 555 .value .attention {
 556     color: red;
 557     font-weight: bold;
 558 }
 559
 560 .value .allfine {
 561     color: green;
 562 }
 563
 564
 565 /* serverstatus */
 566 div#serverstatus table caption a.top {
 567     float: right;
 568 }
 569
 570 div#serverstatus div#serverstatusqueriesdetails table,
 571 div#serverstatus table#serverstatustraffic,
 572 div#serverstatus table#serverstatusconnections {
 573     float: left;
 574 }
 575
 576 #serverstatussection,
 577 .clearfloat {
 578     clear: both;
 579 }
 580 div#serverstatussection table {
 581     width: 100%;
 582     margin-bottom: 1em;
 583 }
 584 div#serverstatussection table .name {
 585     width: 18em;
 586 }
 587 div#serverstatussection table .value {
 588     width: 6em;
 589 }
 590
 591 div#serverstatus table tbody td.descr a,
 592 div#serverstatus table .tblFooters a {
 593     white-space: nowrap;
 594 }
 595 div#serverstatus div#statuslinks a:before,
 596 div#serverstatus div#sectionlinks a:before,
 597 div#serverstatus table tbody td.descr a:before,
 598 div#serverstatus table .tblFooters a:before {
 599     content: '[';
 600 }
 601 div#serverstatus div#statuslinks a:after,
 602 div#serverstatus div#sectionlinks a:after,
 603 div#serverstatus table tbody td.descr a:after,
 604 div#serverstatus table .tblFooters a:after {
 605     content: ']';
 606 }
 607 /* end serverstatus */
 608
 609
 610 img.lightbulb {
 611     cursor: pointer;
 612 }
 613 <?php
 614
 615 $_valid_css = array( 'left', 'right', 'print' );
 616 if ( empty( $_REQUEST['js_frame'] ) || ! in_array( $_REQUEST['js_frame'], $_valid_css ) ) {
 617     $js_frame = 'left';
 618 } else {
 619     $js_frame = $_REQUEST['js_frame'];
 620 }
 621 unset( $_valid_css );
 622
 623 if ( $js_frame == 'right' ) {
 624     echo PMA_SQP_buildCssData();
 625 }
 626
 627 $_css_file = $GLOBALS['cfg']['ThemePath']
 628            . '/' . $GLOBALS['theme']
 629            . '/css/theme_' . $js_frame . '.css.php';
 630
 631 if ( file_exists( $_css_file ) ) {
 632     include( $_css_file );
 633 }
 634 unset( $_css_file );
 635 ?>