arctic_ocean/css/theme_right.css.php

   1 <?php
   2 /* vim: set expandtab sw=4 ts=4 sts=4: */
   3 /**
   4  * main css file from theme
   5  *
   6  * @version $Id$
   7  * @package phpMyAdmin-theme
   8  * @subpackage Arctic_Ocean
   9  */
  10     // unplanned execution path
  11     if (!defined('PMA_MINIMUM_COMMON')) {
  12         exit();
  13     }
  14
  15     // mkkeck: 2007-05-10
  16     //    Added some special fixes
  17     //    for better behaviors on old IE
  18     $forIE = false;
  19     if (defined('PMA_USR_BROWSER_AGENT') && PMA_USR_BROWSER_AGENT == 'IE' && PMA_USR_BROWSER_VER < 7) {
  20         $forIE = true;
  21     }
  22
  23     // mkkeck: 2007-08-24
  24     //    Get the whole http_url for the images
  25     $ipath = $_SESSION['PMA_Theme']->getImgPath();
  26
  27     // 2007-08-24 (mkkeck)
  28     //    Get font-sizes
  29     $pma_fsize = $GLOBALS['PMA_Config']->get('fontsize');
  30     $pma_fsize = preg_replace("/[^0-9]/", "", $pma_fsize);
  31     if (!empty($pma_fsize)) {
  32         $pma_fsize = ($pma_fsize * 0.01);
  33     } else {
  34         $pma_fsize = 1;
  35     }
  36     if ( isset($GLOBALS['cfg']['FontSize']) && !empty($GLOBALS['cfg']['FontSize']) ) {
  37         $usr_fsize = preg_replace("/[^0-9]/", "", $GLOBALS['cfg']['FontSize']);
  38     }
  39     if (!isset($usr_fsize)) {
  40         $usr_fsize = 11;
  41     }
  42     if ( isset($GLOBALS['cfg']['FontSizePrefix']) && !empty($GLOBALS['cfg']['FontSizePrefix']) ) {
  43         $funit = strtolower($GLOBALS['cfg']['FontSizePrefix']);
  44     }
  45     if (!isset($funit) || ($funit!='px' && $funit != 'pt')) {
  46         $funit = 'pt';
  47     }
  48     $fsize = $usr_fsize;
  49     if ($pma_fsize) {
  50         $fsize = number_format( (intval($usr_fsize) * $pma_fsize), 0 );
  51     }
  52
  53     // mkkeck: 2007-05-10
  54     //    Get the file name for the css-style
  55     //    TODO:
  56     //        replace on /libraries/header_meta_style.inc.php
  57     //            echo '<link rel="stylesheet" type="text/css" href="'
  58     //               . (defined('PMA_PATH_TO_BASEDIR') ? PMA_PATH_TO_BASEDIR : './')
  59     //               . 'css/phpmyadmin.css.php?' . PMA_generate_common_url()
  60     //               . '&amp;js_frame=' . ( isset($print_view) ? 'print' : 'right')
  61     //               . '" />';
  62     //        with the folow lines
  63     //            echo '<link rel="stylesheet" type="text/css" href="' . (defined('PMA_PATH_TO_BASEDIR') ? PMA_PATH_TO_BASEDIR : './')
  64     //               . 'css/phpmyadmin.css.php?' . PMA_generate_common_url() . '&amp;'
  65     //               . 'js_frame=' . (isset($print_view) ? 'print' : 'right')
  66     //               . ((stristr($_SERVER['PHP_SELF'], 'main.php') || stristr($_SERVER['PHP_SELF'], 'calendar.php')) ? '&amp;type=main' : '')
  67     //               . (stristr($_SERVER['PHP_SELF'], 'querywindow.php') ? '&amp;type=querywin' : '')
  68     //               . '" />';
  69
  70     // default file
  71     $tmp_css_type = 'browse';
  72     if (isset($_REQUEST['type'])) {
  73         if (stristr($_REQUEST['type'], 'main')) {
  74             // main window
  75             $tmp_css_type = 'main';
  76         } else if (stristr($_REQUEST['type'], 'querywin')) {
  77             // query window
  78             $tmp_css_type = 'popup';
  79         } else if (stristr($_REQUEST['type'], 'inline')) {
  80             // inline popup
  81             $tmp_css_type = 'inline';
  82         }
  83     }
  84     if (isset($GLOBALS['cfg']['LightTabs']) && $GLOBALS['cfg']['LightTabs']) {
  85         $tmp_css_type = '';
  86     }
  87
  88     // Check Fonts
  89     $font_family = 'sans-serif';
  90     $font_fixed = 'mono-space';
  91     if (isset($GLOBALS['cfg']['FontFamily']) && !empty($GLOBALS['cfg']['FontFamily'])) {
  92         $font_family = $GLOBALS['cfg']['FontFamily'];
  93         $font_fixed = $GLOBALS['cfg']['FontFamily'];
  94     }
  95     if (isset($GLOBALS['cfg']['FontFamilyFixed']) && !empty($GLOBALS['cfg']['FontFamilyFixed'])) {
  96         $font_fixed = $GLOBALS['cfg']['FontFamilyFixed'];
  97     }
  98
  99 ?>
 100 /* BASICS */
 101 html, body, td, th {
 102     font-family:             <?php echo $font_family; ?>;
 103     font-size:               <?php echo $fsize . $funit; ?>;
 104 }
 105 body {
 106     background:              <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 107 <?php if ($tmp_css_type != 'inline') { ?>
 108     background-attachment:   fixed;
 109     background-image:        url('<?php echo $ipath; ?>wbg_right.jpg');
 110     background-position:     100% 100%;
 111     background-repeat:       no-repeat;
 112 <?php } ?>
 113     color:                   <?php echo $GLOBALS['cfg']['MainColor']; ?>;
 114 <?php if ($tmp_css_type == 'browse') { ?>
 115     margin:                  55px 5px 5px 5px;
 116 <?php } else if ($tmp_css_type == 'popup') { ?>
 117     margin:                  25px 5px 5px 5px;
 118 <?php } else if ($tmp_css_type == 'inline') { ?>
 119     margin:                  0px 0px 0px 0px;
 120 <?php } else { ?>
 121     margin:                  5px 5px 5px 5px;
 122 <?php } ?>
 123     padding:                 0px 0px 0px 0px;
 124 }
 125 button, img, input, select { vertical-align:  middle; }
 126 textarea, tt, pre, code    { font-family:     <?php echo $font_fixed; ?>; }
 127
 128 a:link, a:visited, a:active {
 129     color:                   #696ab5;
 130     font-weight:             bold;
 131     text-decoration:         none;
 132 }
 133 a:hover {
 134     color:                   #585880;
 135     text-decoration:         none;
 136 }
 137 a img         { border:      none;    }
 138 button        { display:     inline;  }
 139 h1, h2, h3    { font-weight: bold;    }
 140 h1            { font-size:   <?php echo number_format( ($fsize * 1.50), 0 ) . $funit; ?>; }
 141 h2            { font-size:   <?php echo number_format( ($fsize * 1.35), 0 ) . $funit; ?>; }
 142 h3            { font-size:   <?php echo number_format( ($fsize * 1.20), 0 ) . $funit; ?>; }
 143
 144 img.icon {
 145     margin-left:             <?php echo number_format( ($fsize * 0.1), 0 ) . $funit; ?>;
 146     margin-right:            <?php echo number_format( ($fsize * 0.1), 0 )  . $funit; ?>;
 147 }
 148 img.lightbulb  { cursor:     pointer; }
 149 dfn, dfn:hover { font-style: normal; }
 150 dfn:hover      { cursor:     url('<?php echo $ipath; ?>b_info.png'), default; }
 151 hr {
 152     color:                   #585880;
 153     background:              #585880;
 154     border:                  1px none #585880;
 155     height:                  1px;
 156     margin-bottom:           <?php echo number_format( ($fsize * 0.5), 0 ) . $funit; ?>;
 157     margin-top:              <?php echo number_format( ($fsize * 0.5), 0 ) . $funit; ?>;
 158 }
 159
 160 /* TABLES */
 161 table caption, table th, table td {
 162     padding:                 <?php echo number_format( ($fsize * 0.2), 0 ) . $funit; ?> <?php echo number_format( ($fsize * 0.2), 0 ) . $funit; ?> <?php echo number_format( ($fsize * 0.2), 0 ) . $funit; ?> <?php echo number_format( ($fsize * 0.2), 0 ) . $funit; ?>;
 163     vertical-align:          top;
 164 }
 165 table tr.odd th, table tr.odd td, .odd {
 166     background:              <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 167 }
 168 table tr.even th, table tr.even td, .even {
 169     background:              <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 170 }
 171 table tr.odd th, table tr.odd td,
 172 table tr.even th, table tr.even td, .even {
 173     text-align:              <?php echo $left; ?>;
 174 }
 175 table tr.marked th, table tr.marked td, .marked {
 176     background:              <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 177     color:                   <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 178 }
 179 .odd:hover, .even:hover, .hover {
 180     background:              <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
 181     color:                   <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 182 }
 183 table tr.hover th, table tr.hover td, table tr.odd:hover th, table tr.even:hover th, table tr.odd:hover td, table tr.even:hover td {
 184     background:              <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
 185     color:                   <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 186 }
 187 tr.condition th, tr.condition td, td.condition, th.condition {
 188     border:                  1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 189 }
 190 table [class=value] {
 191     white-space:             normal;
 192 }
 193 td img.icon, th img.icon { margin: 0px 0px 0px 0px; }
 194 .odd .value, .even .value, .marked .value {
 195     text-align:              <?php echo $right; ?>;
 196 }
 197 th {
 198     font-weight:             bold;
 199     color:                   <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 200     background:              <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 201 }
 202 table caption.tblHeaders, th.tblHeaders { background-image: url('<?php echo $ipath; ?>tbg_th0.png'); }
 203 thead th                 { background-image: url('<?php echo $ipath; ?>tbg_th1.png'); }
 204
 205 /* end TABLES */
 206
 207 /* FORMS */
 208 form {
 209     display:                 inline;
 210     margin:                  0px 0px 0px 0px;
 211     padding:                 0px 0px 0px 0px;
 212 }
 213 fieldset {
 214     background:              transparent;
 215     border:                  1px solid #585880;
 216     margin-top:              <?php echo number_format( ($fsize * 0.5), 0 ) . $funit; ?>;
 217     padding:                 <?php echo number_format( ($fsize * 0.5), 0 ) . $funit; ?>;
 218
 219 }
 220 fieldset fieldset {
 221     background:              transparent;
 222     margin:                  <?php echo number_format( ($fsize * 0.5), 0 ) . $funit; ?>;
 223 }
 224 fieldset legend, fieldset fieldset legend {
 225     background-position:     left top;
 226     background-repeat:       repeat-x;
 227     border:                  1px solid #585880;
 228     color:                   <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 229     margin-bottom:           <?php echo number_format( ($fsize * 0.5), 0 ) . $funit; ?>;
 230     padding:                 <?php echo number_format( ($fsize * 0.3), 0 ) . $funit; ?> <?php echo number_format( ($fsize * 0.5), 0 ) . $funit; ?> <?php echo number_format( ($fsize * 0.3), 0 ) . $funit; ?> <?php echo number_format( ($fsize * 0.5), 0 ) . $funit; ?>;
 231 }
 232 fieldset legend {
 233     background-color:        <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
 234     background-image:        url('<?php echo $ipath; ?>tbg_th0.png');
 235     color:                   <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 236 }
 237 fieldset fieldset legend {
 238     background-color:        <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 239     background-image:        url('<?php echo $ipath; ?>tbg_th1.png');
 240     color:                   <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 241 }
 242 fieldset legend a:link, fieldset legend a:active, fieldset legend a:visited {
 243     color:                   #585880;
 244 }
 245 fieldset.tblFooters {
 246     background-color:        <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 247     background-image:        url('<?php echo $ipath; ?>tbg_th3.png');
 248     background-position:     left bottom;
 249     background-repeat:       repeat-x;
 250     border-bottom:           1px solid #585880;
 251     border-left:             1px solid #585880;
 252     border-right:            1px solid #585880;
 253     border-top:              none;
 254     clear:                   both;
 255     color:                   <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 256     float:                   none;
 257     margin-top:              0px;
 258     margin-bottom:           <?php echo number_format( ($fsize * 0.5), 0 ) . $funit; ?>;
 259     text-align:              center;
 260 }
 261
 262 fieldset .formelement {
 263     float:                   <?php echo $left; ?>;
 264     margin-<?php echo $right; ?>:               15px;
 265     /* IE */
 266     white-space:             nowrap;
 267 }
 268 fieldset div[class=formelement] {
 269     white-space:             normal;
 270 }
 271 fieldset#exportoptions {
 272     white-space:             nowrap;
 273     width:                   25%;
 274 }
 275 button.mult_submit {
 276     background-color:        transparent;
 277     border:                  none;
 278 }
 279
 280
 281 .value {
 282     font-family:             <?php echo $font_family; ?>;
 283     white-space:             normal;
 284 }
 285 .value .attention { color: #990000; }
 286 .value .allfine   { color: #006600; }
 287
 288
 289
 290 /* PDF */
 291 .pdflayout {
 292     background-color:        #ffffff;
 293     border:                  1px solid #585880;
 294     clip:                    inherit;
 295     display:                 none;
 296     overflow:                hidden;
 297     position:                relative;
 298 }
 299 .pdflayout_table {
 300     background:              <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 301     border:                  1px dashed #585880;
 302     clip:                    inherit;
 303     color:                   #000000;
 304     cursor:                  move;
 305     display:                 inline;
 306     font-size:               <?php echo number_format( ($fsize * 0.85), 0 ) . $funit; ?>;
 307     overflow:                hidden;
 308     position:                absolute;
 309     visibility:              inherit;
 310     z-index:                 2;
 311 }
 312 /* end PDF */
 313
 314 /* PARSER */
 315 .syntax {
 316     font-size:               <?php echo number_format( ($fsize * 0.85), 0 ) . $funit; ?>;
 317 }
 318 .syntax_comment {
 319     padding-left:            5px;
 320     padding-right:           5px;
 321 }
 322 .syntax_alpha_columnType, .syntax_alpha_columnAttrib, .syntax_alpha_functionName, .syntax_alpha_reservedWord {
 323     text-transform:          uppercase;
 324 }
 325 .syntax_alpha_reservedWord {
 326     font-weight:             bold;
 327 }
 328 .syntax_quote {
 329     white-space:             pre;
 330 }
 331 /* end PARSER */
 332
 333
 334
 335 .selectallarrow {
 336     margin-<?php echo $right; ?>:           0.3em;
 337     margin-<?php echo $left; ?>:            0.6em;
 338 }
 339
 340 /* MESSAGE BOXES: warning, error, confirmation */
 341 div.error, div.notice, div.warning, h1.error, h1.notice, h1.warning, p.error, p.notice, p.warning {
 342     margin:                  5px 0px 5px 0px;
 343     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 344     background-repeat:       no-repeat;
 345         <?php if ( $GLOBALS['text_dir'] === 'ltr' ) { ?>
 346     background-position:     5px 5px;
 347     padding:                 5px 5px 5px 25px;
 348         <?php } else { ?>
 349     background-position:     99% 5px;
 350     padding:                 5px 25px 5px 5px;
 351         <?php } ?>
 352     <?php } else { ?>
 353     padding:                 5px 5px 5px 5px;
 354     <?php } ?>
 355     text-align:              <?php echo $left; ?>;
 356 }
 357 div.notice, h1.notice {
 358     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 359     background-image:        url('<?php echo $ipath; ?>s_notice.png');
 360     <?php } ?>
 361     border:                  1px solid #ffd700;
 362 }
 363 .notice {
 364     background-color:        #ffffdd;
 365     color:                   #000000;
 366 }
 367 .notice h1 {
 368     border-bottom:           1px solid #ffd700;
 369     font-weight:             bold;
 370     margin:                  0px 0px 0px 0px;
 371     text-align:              <?php echo $left; ?>;
 372 }
 373 div.warning, h1.warning, p.warning {
 374     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 375     background-image:        url('<?php echo $ipath; ?>s_warn.png');
 376     <?php } ?>
 377     border:                  1px solid #990000;
 378     text-align:              <?php echo $left; ?>;
 379 }
 380 .warning {
 381     background-color:        #fff0f0;
 382     color:                   #990000;
 383 }
 384 .warning h1 {
 385     border-bottom:           1px solid #990000;
 386     font-weight:             bold;
 387     margin:                  0px 0px 0px 0px;
 388 }
 389 div.error, h1.error {
 390     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 391     background-image:        url('<?php echo $ipath; ?>s_error.png');
 392     <?php } ?>
 393     border:                  1px solid #990000;
 394 }
 395 .error h1 {
 396     border-bottom:           1px solid #990000;
 397     font-weight:             bold;
 398     margin:                  0px 0px 0px 0px;
 399 }
 400 .error {
 401     background-color:        #fff0f0;
 402     color:                   #990000;
 403 }
 404 fieldset.confirmation {
 405     border:                  1px solid #990000;
 406 }
 407 fieldset.confirmation legend {
 408     background-color:        #990000;
 409     border:                  1px solid #990000;
 410     color:                   #ffffff;
 411     font-weight:             bold;
 412     <?php if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?>
 413     background-image:        url('<?php echo $ipath; ?>s_really.png');
 414     background-repeat:       no-repeat;
 415         <?php if ( $GLOBALS['text_dir'] === 'ltr' ) { ?>
 416     background-position:     1px 50%;
 417     padding:                 2px 2px 2px 25px;
 418         <?php } else { ?>
 419     background-position:     97% 50%;
 420     padding:                 2px 25px 2px 2px;
 421         <?php } ?>
 422     <?php } ?>
 423 }
 424 .confirmation {
 425     background-color:        #fff0f0;
 426 }
 427 .confirmation hr {
 428     background:              #990000;
 429     border:                  1px none #990000;
 430     color:                   #990000;
 431     height:                  1px;
 432     margin-bottom:           5px;
 433     margin-top:              5px;
 434 }
 435 /* end MESSAGE BOXES */
 436
 437
 438 .tblcomment {
 439     color:                   #000099;
 440     font-size:               <?php echo number_format( ($fsize * 0.70), 0 ) . $funit; ?>;
 441     font-weight:             normal;
 442 }
 443
 444 .tblHeaders, th, caption {
 445     background:              <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 446     color:                   <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 447     font-weight:             bold;
 448 }
 449
 450 .tblFooters {
 451     background:              <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 452     color:                   <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 453     font-weight:             normal;
 454 }
 455
 456 .tblHeaders a:link, .tblHeaders a:active, .tblHeaders a:visited,
 457 .tblFooters a:link, .tblFooters a:active, .tblFooters a:visited {
 458     color:                   #696ab5;
 459 }
 460
 461 .tblHeaders a:hover, .tblFooters a:hover {
 462     color:                   #585880;
 463 }
 464
 465 /* forbidden, no privilegs */
 466 .noPrivileges {
 467     color:                   #990000;
 468     font-weight:             bold;
 469 }
 470
 471 /* disabled text */
 472 .disabled, .disabled a:link, .disabled a:active, .disabled a:visited {
 473     color:                   #666666;
 474 }
 475 .disabled a:hover {
 476     color:                   #666666;
 477     text-decoration:         none;
 478 }
 479
 480 tr.disabled td, td.disabled {
 481     background-color:        #cccccc;
 482     color:                   #666666;
 483 }
 484
 485 /**
 486  * login form
 487  */
 488 body.loginform h1, body.loginform a.logo {
 489     display:                 block;
 490     text-align:              center;
 491 }
 492
 493 body.loginform {
 494     text-align:              center;
 495 }
 496
 497 body.loginform div.container {
 498     margin:                  0px auto;
 499     text-align:              <?php echo $left; ?>;
 500     width:                   30em;
 501 }
 502
 503 form.login label {
 504     float:                   <?php echo $left; ?>;
 505     font-weight:             bolder;
 506     width:                   10em;
 507 }
 508
 509 /* -- Top-Navi -- */
 510 #serverinfo {
 511     background-color:        <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 512     border-bottom:           1px solid #585880;
 513     font-weight:             bold;
 514     height:                  16px;
 515     margin-top:              0px;
 516     padding:                 5px 5px 5px 5px;
 517     white-space:             nowrap;
 518     vertical-align:          middle;
 519 }
 520 #serverinfo .item { white-space:     nowrap;          }
 521 #serverinfo img   { margin:          0px 1px 0px 1px; }
 522 ul#topmenu        { list-style-type: none;            }
 523 ul#topmenu li     { vertical-align:  middle;          }
 524 #topmenu img {
 525     margin-<?php echo $right; ?>: 2px;
 526     vertical-align:          middle;
 527 }
 528 .tab, .tabcaution, .tabactive {
 529     display:                 block;
 530     margin:                  0px 0px 0px 0px;
 531     padding:                 4px 2px 4px 2px;
 532     white-space:             nowrap;
 533 }
 534 span.tab, span.tabcaution { color: #666666; }
 535 a.tabcaution:link, a.tabcaution:active, a.tabcaution:visited { color: #990000; }
 536 a.tabcaution:hover {
 537     color:                   #ffffff;
 538     background-color:        #990000;
 539 }
 540 <?php if ( $GLOBALS['cfg']['LightTabs'] ) { ?>
 541 a.tabactive:link, a.tabactive:active, a.tabactive:visited { color: #585880; }
 542 <?php } else { ?>
 543 #serverinfo, #topmenucontainer {
 544 <?php if ($forIE) { ?>
 545     position:                absolute;
 546 <?php } else { ?>
 547     position:                fixed;
 548     width:                   100%;
 549 <?php } ?>
 550 }
 551 #serverinfo {
 552 <?php if ($forIE) { ?>
 553     left:                    0px;
 554     top:                     expression(eval(document.documentElement.scrollTop));
 555     width:                   100%;
 556 <?php } else { ?>
 557     top:                     0px;
 558     left:                    0px;
 559 <?php } ?>
 560 }
 561 #serverinfo .separator img {
 562     width:                   9px;
 563     height:                  11px;
 564     margin:                  0px <?php echo number_format( ($fsize * 0.2), 0 ) . $funit; ?> 0px <?php echo number_format( ($fsize * 0.2), 0 ) . $funit; ?>;
 565     vertical-align:          middle;
 566 }
 567 #topmenucontainer {
 568     background-color:        <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 569     background-image:        url('<?php echo $ipath; ?>tbg_nav0.png');
 570     background-repeat:       repeat-x;
 571     background-position:     center bottom;
 572     border-top:              <?php echo ( (isset($_GET['type']) && stristr($_GET['type'], 'querywin')) ? '1px' : '5px' ); ?> solid #ffffff;
 573     border-right:            none;
 574     border-bottom:           5px solid #ffffff;
 575     border-left:             none;
 576     color:                   #000000;
 577     font-weight:             bold;
 578     margin:                  0px 0px 0px 0px;
 579     padding:                 0px 0px 0px 0px;
 580     white-space:             nowrap;
 581 <?php if ($forIE) { ?>
 582     left:                    0px;
 583     top:                     expression(eval(document.documentElement.scrollTop<?php echo ( (isset($_GET['type']) && stristr($_GET['type'], 'querywin')) ? '' : '+27' ); ?>));
 584     width:                   expression(eval(document.documentElement.clientWidth));
 585 <?php } else { ?>
 586     top:                     <?php echo ( (isset($_GET['type']) && stristr($_GET['type'], 'querywin')) ? '0px' : '27px' ); ?>;
 587     left:                    0px;
 588 <?php } ?>
 589 }
 590 #topmenu {
 591     border:                  none;
 592     float:                   <?php echo $left; ?>;
 593     margin:                  0px 0px 0px 0px;
 594     padding:                 0px 0px 0px 0px;
 595 }
 596 ul#topmenu li {
 597     background-color:        #333333;
 598     background-image:        url('<?php echo $ipath; ?>tbg_nav1.png');
 599     background-repeat:       repeat-x;
 600     background-position:     center top;
 601     border-bottom:           none;
 602     margin:                  0px 0px 0px 0px;
 603     padding-right:           1px;
 604 }
 605 .tab, .tabcaution, .tabactive {
 606     background-color:        <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 607     background-repeat:       repeat-x;
 608     background-position:     center top;
 609     border:                  none;
 610 }
 611 .tab, .tabactive, .tabcaution, a.tab:hover, a.tabactive:hover, a.tabcaution:hover {
 612     margin:                  0px 0px 0px 0px;
 613     padding:                 4px 2px 4px 2px;
 614     text-decoration:         none;
 615 }
 616 .tab, a.tab:link, a.tab:active, a.tab:visited {
 617     color:                   #000000;
 618     background-color:        <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 619     background-image:        url('<?php echo $ipath; ?>tbg_nav0.png');
 620 }
 621 a.tab:hover {
 622     color:                   #000000;
 623     background-color:        #666666;
 624     background-image:        url('<?php echo $ipath; ?>tbg_nav4.png');
 625 }
 626 .tabcaution, a.tabcaution:link, a.tabcaution:active, a.tabcaution:visited {
 627     color:                   #990000;
 628     background-color:        <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 629     background-image:        url('<?php echo $ipath; ?>tbg_nav0.png');
 630 }
 631 a.tabcaution:hover {
 632     color:                   #990000;
 633     background-color:        #cc9999;
 634     background-image:        url('<?php echo $ipath; ?>tbg_nav3.png');
 635 }
 636 a.tabactive:link, a.tabactive:active, a.tabactive:visited, a.tabactive:hover {
 637     color:                   #000000;
 638     background-color:        <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 639     background-image:        url('<?php echo $ipath; ?>tbg_nav2.png');
 640 }
 641 span.tab, span.tabcaution { cursor:  url('<?php echo $ipath; ?>s_error.png'), default; }
 642 span.tab img, span.tabcaution img {
 643 <?php if ($forIE) { ?>
 644     filter:                  progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 645 <?php } else { ?>
 646     -moz-opacity:            0.5;
 647 <?php } ?>
 648     opacity:                 0.5;
 649 }
 650 <?php } ?>
 651
 652 div.tablepagenav, div.tablepagenav table tr td {
 653     font-size:               <?php echo number_format( ($fsize * 0.80), 0 ) . $funit; ?>;
 654     text-align:              center;
 655 }
 656 div.tablepagenav {
 657     border-bottom:           1px solid #585880;
 658     border-top:              1px solid #585880;
 659     margin-bottom:           <?php echo number_format( ($fsize * 0.1), 0 ) . $funit; ?>;
 660     margin-top:              <?php echo number_format( ($fsize * 0.5), 0 ) . $funit; ?>;
 661 }
 662 div.tablepagenav form {
 663     margin:                  0px 0px 0px 0px;
 664     padding:                 0px 0px 0px 0px;
 665 }
 666 div.tablepagenav table tr td { vertical-align: middle; }
 667 div.tablepagenav table tr td input, div.tablepagenav table tr td input.textfield {
 668     font-size:               <?php echo number_format( ($fsize * 0.80), 0 ) . $funit; ?>;
 669     text-align:              center;
 670 }
 671 div.tablepagenav table tr td input.textfield { width: 25px; }
 672 div.tablepagenav table tr td select {
 673     font-size:               <?php echo number_format( ($fsize * 0.80), 0 ) . $funit; ?>;
 674 }
 675
 676 /* -- Top-Navi -- */
 677
 678
 679 /* CALENDAR */
 680 table.calendar { width: 100%; }
 681 table.calendar td {
 682     background-color:        <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 683     color:                   <?php echo $GLOBALS['cfg']['MainColor']; ?>;
 684     text-align:              center;
 685 }
 686 table.calendar td a { display: block; }
 687 table.calendar td a:hover {
 688     background-color:        <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
 689     color:                   <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 690 }
 691 table.calendar th {
 692     background-color:        <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 693     color:                   <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 694 }
 695 table.calendar td.selected {
 696     background-color:        <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 697     color:                   <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 698 }
 699 img.calendar { border: none; }
 700 #clock_data, form.clock { text-align: center; }
 701 #clock_data input, form.clock  input {
 702     text-align:              center;
 703     width:                   50px;
 704 }
 705 /* end CALENDAR */
 706
 707
 708 /* table stats */
 709 div#tablestatistics {
 710     border-bottom:           1px solid #669999;
 711     margin-bottom:           5px;
 712     padding-bottom:          5px;
 713 }
 714 div#tablestatistics table {
 715     float:                   <?php echo $left; ?>;
 716     margin-bottom:           5px;
 717     margin-<?php echo $right; ?>: 5px;
 718 }
 719 div#tablestatistics table caption { margin-<?php echo $right; ?>: 5px; }
 720 /* END table stats */
 721
 722
 723 /* server privileges */
 724 #tableuserrights td, #tablespecificuserrights td, #tabledatabases td { vertical-align: middle; }
 725 /* END server privileges */
 726
 727
 728
 729 #span_table_comment {
 730     font-weight:             normal;
 731     font-style:              italic;
 732     white-space:             nowrap;
 733 }
 734
 735 #TooltipContainer {
 736     font-size:               <?php echo number_format( ($fsize * 0.85), 0, '', '' ) . $funit; ?>;
 737     color:                   #ffffff;
 738     background-color:        #9eb1cc;
 739     position:                absolute;
 740     z-index:                 99;
 741     width:                   <?php echo number_format( ($fsize * 0.85 * 25), 0, '', '' ) . $funit; ?>;
 742     height:                  auto;
 743     overflow:                auto;
 744     visibility:              hidden;
 745     border:                  1px solid #333333;
 746     padding:                 <?php echo number_format( ($fsize * 0.85 * 0.5), 0, '', '' ) . $funit; ?>;
 747 <?php if ($forIE) { ?>
 748     filter:                  progid:DXImageTransform.Microsoft.Alpha(opacity=95);
 749 <?php } else { ?>
 750     -moz-opacity:            0.95;
 751 <?php } ?>
 752     opacity:                 0.95;
 753 }
 754
 755 /* user privileges */
 756 #fieldset_add_user_login div.item {
 757     border-bottom:           1px solid silver;
 758     padding-bottom:          0.3em;
 759     margin-bottom:           0.3em;
 760 }
 761
 762 #fieldset_add_user_login label {
 763     float:                   <?php echo $left; ?>;
 764     display:                 block;
 765     width:                   10em;
 766     max-width:               100%;
 767     text-align:              <?php echo $right; ?>;
 768     padding-<?php echo $right; ?>:      0.5em;
 769 }
 770
 771 #fieldset_add_user_login span.options #select_pred_username,
 772 #fieldset_add_user_login span.options #select_pred_hostname,
 773 #fieldset_add_user_login span.options #select_pred_password {
 774     width:                   100%;
 775     max-width:               100%;
 776 }
 777
 778 #fieldset_add_user_login span.options {
 779     float:                   <?php echo $left; ?>;
 780     display:                 block;
 781     width:                   12em;
 782     max-width:               100%;
 783     padding-<?php echo $right; ?>: 0.5em;
 784 }
 785
 786 #fieldset_add_user_login input {
 787     width:                   12em;
 788     clear:                   <?php echo $right; ?>;
 789     max-width:               100%;
 790 }
 791
 792 #fieldset_add_user_login span.options input {
 793     width:                   auto;
 794 }
 795
 796 #fieldset_user_priv div.item {
 797     float:                   <?php echo $left; ?>;
 798     width:                   9em;
 799     max-width:               100%;
 800 }
 801
 802 #fieldset_user_priv div.item div.item {
 803     float:                   none;
 804 }
 805
 806 #fieldset_user_priv div.item label {
 807     white-space:             nowrap;
 808 }
 809
 810 #fieldset_user_priv div.item select {
 811     width:                   100%;
 812 }
 813
 814 #fieldset_user_global_rights fieldset {
 815     float: <?php echo $left; ?>;
 816 }
 817 /* END user privileges */
 818
 819
 820 /* serverstatus */
 821 div#serverstatus table caption a.top {
 822     float: <?php echo $right; ?>;
 823 }
 824
 825 div#serverstatus div#serverstatusqueriesdetails table,
 826 div#serverstatus table#serverstatustraffic,
 827 div#serverstatus table#serverstatusconnections {
 828     float: <?php echo $left; ?>;
 829 }
 830
 831 #serverstatussection,
 832 .clearfloat {
 833     clear: both;
 834 }
 835 div#serverstatussection table {
 836     width: 100%;
 837     margin-bottom: 1em;
 838 }
 839 div#serverstatussection table .name {
 840     width: 18em;
 841 }
 842 div#serverstatussection table .value {
 843     width: 6em;
 844 }
 845
 846 div#serverstatus table tbody td.descr a,
 847 div#serverstatus table .tblFooters a {
 848     white-space: nowrap;
 849 }
 850
 851 div#serverstatus div#statuslinks a:before,
 852 div#serverstatus div#sectionlinks a:before,
 853 div#serverstatus table tbody td.descr a:before,
 854 div#serverstatus table .tblFooters a:before {
 855     content: '';
 856 }
 857 div#serverstatus div#statuslinks a:after,
 858 div#serverstatus div#sectionlinks a:after,
 859 div#serverstatus table tbody td.descr a:after,
 860 div#serverstatus table .tblFooters a:after {
 861     content: '';
 862 }
 863
 864 /* end serverstatus */
 865
 866 /* querywindow */
 867 body#bodyquerywindow {
 868     margin: 30px 2px 2px 2px;
 869     padding: 0;
 870     background-image: none;
 871     background-color: transparent;
 872 }
 873
 874 div#querywindowcontainer {
 875     margin: 0;
 876     padding: 0;
 877     width: 100%;
 878 }
 879
 880 div#querywindowcontainer fieldset {
 881     margin-top: 0;
 882 }
 883 /* END querywindow */
 884
 885
 886 /* querybox */
 887
 888 div#sqlquerycontainer {
 889     float: <?php echo $left; ?>;
 890     width: 69%;
 891     /* height: 15em; */
 892 }
 893
 894 div#tablefieldscontainer {
 895     float: <?php echo $right; ?>;
 896     width: 29%;
 897     /* height: 15em; */
 898 }
 899
 900 div#tablefieldscontainer select {
 901     width: 100%;
 902     /* height: 12em; */
 903 }
 904
 905 textarea#sqlquery {
 906     width: 100%;
 907     /* height: 100%; */
 908 }
 909
 910 div#queryboxcontainer div#bookmarkoptions {
 911     margin-top: 0.5em;
 912 }
 913 /* end querybox */
 914
 915 /* main page */
 916 #maincontainer {
 917     background-image: none;
 918     background-position: <?php echo $right; ?> bottom;
 919     background-repeat: no-repeat;
 920     border-bottom: none;
 921 }
 922
 923 #mysqlmaininformation,
 924 #pmamaininformation {
 925     float: <?php echo $left; ?>;
 926     width: 49%;
 927 }
 928
 929 #maincontainer ul {
 930     list-style-image: url('<?php echo $ipath; ?>item_<?php echo $GLOBALS['text_dir']; ?>.png');
 931     vertical-align: middle;
 932 }
 933
 934 #maincontainer li {
 935     margin-bottom:  3px;
 936     padding-left:   5px;
 937 }
 938 /* END main page */
 939
 940
 941 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
 942 /* iconic view for ul items */
 943 li#li_create_database        { list-style-image: url('<?php echo $ipath; ?>b_newdb.png');        }
 944 li#li_select_lang            { list-style-image: url('<?php echo $ipath; ?>s_lang.png');         }
 945 li#li_select_mysql_collation { list-style-image: url('<?php echo $ipath; ?>s_asci.png');         }
 946 li#li_select_mysql_charset   { list-style-image: url('<?php echo $ipath; ?>s_asci.png');         }
 947 li#li_select_theme           { list-style-image: url('<?php echo $ipath; ?>s_theme.png');        }
 948 li#li_server_info            { list-style-image: url('<?php echo $ipath; ?>s_host.png');         }
 949 li#li_user_info              { list-style-image: url('<?php echo $ipath; ?>b_dbusr.png');        }
 950 li#li_mysql_status           { list-style-image: url('<?php echo $ipath; ?>s_status.png');       }
 951 li#li_mysql_variables        { list-style-image: url('<?php echo $ipath; ?>s_vars.png');         }
 952 li#li_mysql_processes        { list-style-image: url('<?php echo $ipath; ?>s_process.png');      }
 953 li#li_mysql_collations       { list-style-image: url('<?php echo $ipath; ?>s_asci.png');         }
 954 li#li_mysql_engines          { list-style-image: url('<?php echo $ipath; ?>b_engine.png');       }
 955 li#li_mysql_binlogs          { list-style-image: url('<?php echo $ipath; ?>s_tbl.png');          }
 956 li#li_mysql_databases        { list-style-image: url('<?php echo $ipath; ?>s_db.png');           }
 957 li#li_export                 { list-style-image: url('<?php echo $ipath; ?>b_export.png');       }
 958 li#li_import                 { list-style-image: url('<?php echo $ipath; ?>b_import.png');       }
 959 li#li_change_password        { list-style-image: url('<?php echo $ipath; ?>s_passwd.png');       }
 960 li#li_log_out                { list-style-image: url('<?php echo $ipath; ?>s_loggoff.png');      }
 961 li#li_pma_docs               { list-style-image: url('<?php echo $ipath; ?>b_docs.png');         }
 962 li#li_phpinfo                { list-style-image: url('<?php echo $ipath; ?>php_sym.png');        }
 963 li#li_pma_homepage           { list-style-image: url('<?php echo $ipath; ?>b_home.png');         }
 964 li#li_mysql_privilegs        { list-style-image: url('<?php echo $ipath; ?>s_rights.png');       }
 965 li#li_switch_dbstats         { list-style-image: url('<?php echo $ipath; ?>b_dbstatistics.png'); }
 966 li#li_flush_privileges       { list-style-image: url('<?php echo $ipath; ?>s_reload.png');       }
 967 li#li_mysql_proto            { list-style-image: url('<?php echo $ipath; ?>b_dbsock.png');       }
 968 li#li_mysql_client_version   { list-style-image: url('<?php echo $ipath; ?>b_dbclient.png');     }
 969 li#li_select_fontsize        { list-style-image: url('<?php echo $ipath; ?>b_fontsize.png');     }
 970 li#li_used_php_extension     { list-style-image: url('<?php echo $ipath; ?>b_dbphpext.png');     }
 971 /* END iconic view for ul items */
 972 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
 973
 974
 975 #body_browse_foreigners {
 976     background:         <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 977     margin:             <?php echo (($tmp_css_type == 'inline') ? 6 : 4); ?>em 0.5em 0 0.5em;
 978     text-align:         center;
 979 }
 980 #body_browse_foreigners form {
 981     left:               0px;
 982     background-color:   <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 983     margin:             0 0 0 0;
 984     padding:            0 0 0 0;
 985 <?php if ($forIE) { ?>
 986     position:           absolute;
 987     top:                expression(eval(document.documentElement.scrollTop));
 988 <?php } else { ?>
 989     position:           fixed;
 990     top:                0px;
 991 <?php } ?>
 992     width:              100%;
 993 }
 994 #body_browse_foreigners, #body_browse_foreigners th, #body_browse_foreigners td  {
 995     font-size:          <?php echo number_format($fsize * 0.9) . $funit; ?>;
 996     text-align:         <?php echo $left; ?>;
 997 }
 998 #body_browse_foreigners tfoot th {
 999     background-color:        <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1000     background-image:        url('<?php echo $ipath; ?>tbg_th3.png');
1001     background-position:     left bottom;
1002 }
1003 #body_browse_foreigners .formelement {
1004     float: none; clear: both;
1005 }
1006 #body_browse_foreigners fieldset { text-align: center; padding: 0.1em 0.1em 0.1em 0.1em; margin: 0.1em 0.1em 0.1em 0.1em; }
1007
1008 #bodyquerywindow {
1009     background:         <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
1010 }
1011
1012 #bodythemes {
1013     width: 500px;
1014     margin: auto;
1015     text-align: center;
1016 }
1017
1018 #bodythemes img {
1019     border: 0.1em solid black;
1020 }
1021
1022 #bodythemes a:hover img {
1023     border: 0.1em solid red;
1024 }
1025
1026 #fieldset_select_fields {
1027     float: <?php echo $left; ?>;
1028 }
1029
1030 #selflink {
1031     clear: both;
1032     display: block;
1033     margin-top: 1em;
1034     margin-bottom: 1em;
1035     width: 100%;
1036     border-top: 0.1em none silver;
1037     text-align: <?php echo $left; ?>;
1038 }
1039
1040 #table_innodb_bufferpool_usage,
1041 #table_innodb_bufferpool_activity {
1042     float: <?php echo $left; ?>;
1043 }
1044
1045 #div_mysql_charset_collations table {
1046     float: <?php echo $left; ?>;
1047 }
1048
1049 #div_table_order, #div_table_rename, #div_table_copy, #div_table_options {
1050     clear: both;
1051     float: none;
1052     min-width: 48%;
1053 }
1054
1055 #qbe_div_table_list {
1056     float: <?php echo $left; ?>;
1057 }
1058
1059 #qbe_div_sql_query {
1060     float: <?php echo $left; ?>;
1061 }
1062
1063 label.desc {
1064     width: 30em;
1065     float: <?php echo $left; ?>;
1066 }
1067
1068 #buttonGo, #buttonNo, #buttonYes, #submit, #cancel { font-weight: bold; }
1069 #buttonGo              { color: #585880; }
1070 #buttonNo, #cancel     { color: #aa0000; }
1071 #buttonYes, #submit    { color: #006600; }
1072 #listTable    { width: 260px;}
1073 #textSqlquery { width: 450px; }
1074 #textSQLDUMP {
1075     background-color:     transparent;
1076     border:               1px solid #585880;
1077     color:                #333333;
1078 <?php if (!empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
1079     font-family:           <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
1080 <?php } ?>
1081     font-size:            110%;
1082     width:                99%;
1083     height:               99%;
1084 }