grid/css/theme_right.css.php

   1 <?php
   2 /* vim: set expandtab sw=4 ts=4 sts=4: */
   3 /**
   4  * main css file from theme Grid
   5  * theme_right.css.php
   6  *
   7  * @version $Id$
   8  * @package phpMyAdmin-theme
   9  * @subpackage Grid
  10  */
  11 define('_MainGridVersion', 'Grid 080808 MAIN (pma2.8+)' );
  12
  13 if (!defined('PMA_MINIMUM_COMMON')) {
  14     die('/* ' . _MainGridVersion . ' unplanned execution path */');
  15 }
  16
  17 if ('IE' == PMA_USR_BROWSER_AGENT && !empty($GLOBALS['cfg']['NiceCss'])) {
  18     define('_NL', chr(13) . chr(10)); //win clients
  19 } else {
  20     define('_NL', chr(10));
  21 }
  22
  23 if (empty($GLOBALS['cfg']['NiceCss'])) {
  24     define('_K', ','); //komma
  25     define('_S', '{'); //start
  26     define('_M', ';'); //mid
  27     define('_1', '' ); //tab #8
  28     define('_2', '' );
  29     define('_3', '' );
  30     define('_E', ';}' . _NL); //end (older safari need ; !)
  31 } else {
  32     define('_K', ','  . _NL );
  33     define('_S', ' {' . _NL  . "\t");
  34     define('_M', ';'  . _NL  . "\t");
  35     define('_E', ';'  . _NL . '}' . _NL . _NL );
  36     define('_1', "\t");
  37     define('_2', "\t\t");
  38     define('_3', "\t\t\t");
  39 }
  40
  41
  42 if (version_compare(PMA_VERSION, '2.9', 'lt')) {
  43     //needed for pma2.8 only (if E_KOTICE=1 , but no effect) :
  44     $GLOBALS['cfg']['BgcolorOne'] = '#f7f7f7';
  45     $GLOBALS['cfg']['BgcolorTwo'] = '#fff';
  46     echo
  47     'html', _K,
  48     'table',
  49     _S, 'font-size:', _2, $GLOBALS['cfg']['FontSize'],
  50     _E,
  51
  52     'td', _K,
  53     'th',
  54     _S, 'color:', _3, $GLOBALS['cfg']['MainColor'],
  55     _E;
  56 }
  57
  58 define('_imgPath',
  59 version_compare(PMA_VERSION,'2.11','lt')
  60 ? '../' . $_SESSION['PMA_Theme']->getImgPath()
  61 :         $_SESSION['PMA_Theme']->getImgPath()
  62 );
  63 define('_listImgUrl', 'list-style-image:' . _1 . 'url("' . _imgPath ); //.....xxx.png")
  64
  65 // colors of several borders:
  66 define('_red',    '#e00');
  67 define('_silver', '#eee');
  68
  69 echo _NL, '/* ', _MainGridVersion, ' */', _NL;
  70
  71 if (version_compare(PMA_VERSION,'3.0','ge')) {
  72     echo
  73     'html',
  74     _S, 'font-size:', _2;
  75     if (null !== $GLOBALS['PMA_Config']->get('fontsize')) {
  76         echo $GLOBALS['PMA_Config']->get('fontsize');
  77         } elseif (!empty($_COOKIE['pma_fontsize'])) {
  78             echo $_COOKIE['pma_fontsize'];
  79             } else echo '82%';
  80     echo
  81     _E,
  82
  83     'input',  _K,
  84     'select', _K,
  85     'textarea',
  86     _S, 'font-size:', _2, '1em',
  87     _E;
  88
  89 } else {
  90 /* @deprecated */
  91     echo '
  92 .nowrap {
  93     white-space: nowrap;
  94 }';
  95 }
  96
  97 /*
  98 div.nowrap
  99 {
 100 */
 101
 102 echo
 103 '*',
 104 _S, 'margin:',     _3, 0,
 105 _M, 'padding:',    _2, 0,
 106 _E,
 107
 108 'body',
 109 _S, 'margin:',     _3, '4px',
 110 _M, 'color:',      _3, $GLOBALS['cfg']['MainColor'],
 111 _M, 'background:', _2, $GLOBALS['cfg']['MainBGC'];
 112 if ('MOZILLA' != PMA_USR_BROWSER_AGENT ) {
 113     // oldstyle:
 114     echo ' url("', _imgPath, 'vertical_line.png") repeat-y';
 115     // http://www.w3.org/TR/CSS21/syndata.html (double) quotes around url ok
 116     // (just incase someone has spaces in his path)
 117 }
 118
 119 if (!empty($GLOBALS['cfg']['FontFamily'])) {
 120     echo
 121     _M, 'font-family:', _2, $GLOBALS['cfg']['FontFamily'];
 122 }
 123 echo _E; //end body
 124
 125 if (!empty($GLOBALS['cfg']['FontFamilyFixed'])) {
 126     echo
 127     'textarea', _K,
 128     'tt', _K,
 129     'pre',
 130     _S, 'font-family:', _2, $GLOBALS['cfg']['FontFamilyFixed'],
 131     _E;
 132 }
 133
 134 echo
 135 'input',
 136 _S, 'padding:',       _2, '0 2px',
 137 _M, 'margin-bottom:', _2, '1px', //if sql window is narrow
 138 _E,
 139
 140 'h1',
 141 _S, 'font-size:', _2, '140%', // on main only
 142 _M, 'padding:',   _2, '0 22px',
 143 //_M, 'border:',    _3, '1px solid red',
 144 _E,
 145
 146 'h2',
 147 _S, 'font-size:', _2, '120%',
 148 _E,
 149
 150 'a', //        top/bot left/right
 151 _S, 'padding:', _2, '0 2px',
 152 _E,
 153
 154 // Links:
 155 'a',
 156 _S, 'text-decoration:', _1, 'none',
 157 _M, 'color:',           _3, $GLOBALS['cfg']['MainLinkColor'],
 158 _M, 'padding:',         _2, '0 2px 1px 2px', //top l? bot r?
 159
 160 _E,
 161
 162 'a:hover',
 163 _S, 'text-decoration:', _1, 'underline',
 164 _M, 'color:',           _3, $GLOBALS['cfg']['MainLinkHoverColor'],
 165 _M, 'background:',      _2, $GLOBALS['cfg']['MainLinkHoverBGC'],
 166 _E,
 167
 168 'a:active',
 169 _S, 'background:', _2, $GLOBALS['cfg']['MainActiveBGC'],
 170 _E,
 171
 172 'a:focus',
 173 _S, 'background:', _2, $GLOBALS['cfg']['BrowsePointerBGC'],
 174 _E,
 175
 176
 177 'dfn',
 178 _S, 'font-style:', _2, 'normal',
 179 _E,
 180
 181 'dfn:hover',
 182 _S, 'font-style:', _2, 'normal',
 183 _M, 'cursor:',     _3, 'help',
 184 _E,
 185
 186 'th',
 187 _S, 'font-weight:', _2, 'bold',
 188 _M, 'color:',       _3, $GLOBALS['cfg']['ThColor'],
 189 _M, 'background:',  _2, $GLOBALS['cfg']['ThBGC'],
 190 _E,
 191
 192 'a img',
 193 _S, 'border:', _3, 0,
 194 _E,
 195
 196 'hr',
 197 _S, 'color:',      _3, $GLOBALS['cfg']['MainColor'],
 198 _M, 'background:', _2, $GLOBALS['cfg']['MainColor'], //sic!
 199 _M, 'border:',     _3, 0,
 200 _M, 'height:',     _3, '1px',
 201 _E,
 202
 203 'form',
 204 _S, 'margin:',  _3, '1px',
 205 _M, 'display:', _2, 'inline',
 206 _E,
 207
 208 'textarea',
 209 _S, 'overflow:', _2, 'visible',
 210 _M, 'height:',   _3, ceil($GLOBALS['cfg']['TextareaRows']*1.2), 'em',
 211 //thx Mario Rohkrämer (ligh1l) Gag_H
 212 _E,
 213
 214 'fieldset',
 215 _S, 'margin-top:', _2, '.7em', //for sql window
 216 _M, 'padding:',    _2, '5px',
 217 _M, 'background:', _2, $GLOBALS['cfg']['FieldsetBGC'],
 218 _M, 'border:',     _3, '1px solid ', $GLOBALS['cfg']['BorderColor'],
 219 _E,
 220
 221 'fieldset fieldset',
 222 _S, 'margin:', _3, '.8em',
 223 _E,
 224
 225 'fieldset legend',
 226 _S, 'padding:',       _2, '1px 3px'; //.1 .3
 227 if ($GLOBALS['cfg']['LegendBorder']) {
 228     echo
 229     _M, 'border:', _3, '1px solid ', $GLOBALS['cfg']['BorderColor'],
 230     _M, 'border-bottom:', _2, 0;
 231 }
 232 echo
 233 _M, 'background:',    _2, $GLOBALS['cfg']['LegendBGC'],
 234 _M, 'color:',         _3, $GLOBALS['cfg']['LegendColor'],
 235 _M, 'margin-top:',    _2, '3px',
 236 _M, 'font-weight:',   _2, 'bold',
 237 _E,
 238
 239 // buttons in some browsers (eg. Konqueror) are block elements, this breaks design:'
 240
 241 'button',
 242 _S, 'display:', _2, 'inline',
 243 _E,
 244
 245 'table',
 246 _S, 'margin:', _3, '3px 1px 1px 1px',
 247 _M, 'border-collapse:', _1, 'collapse',
 248 _E,
 249
 250 'table caption', _K,
 251 'th', _K,
 252 'td',
 253 _S, 'padding:', _2, '0 2px';
 254 //margin default
 255 if ($GLOBALS['cfg']['Border']) {
 256    echo _M, 'border:', _3, $GLOBALS['cfg']['Border'], ' solid ', $GLOBALS['cfg']['MainGridColor'];
 257 }
 258 echo
 259 _E,
 260
 261 'td',
 262 _S, 'vertical-align:', _2, 'top',
 263 _E,
 264
 265 'th',
 266 _S, 'vertical-align:', _2, 'bottom',
 267 _E,
 268
 269 'input',  _K,
 270 'select', _K,
 271 'button', _K, //??
 272 'img',
 273 _S, 'vertical-align:', _2, 'middle',
 274 _E,
 275
 276
 277 // classes
 278
 279 'div.tools',
 280 _S, 'border:',  _3, '1px solid ', $GLOBALS['cfg']['BorderColor'],
 281 _M, 'padding:', _2, '2px',
 282 _E,
 283
 284 'div.tools', _K,
 285 'fieldset.tblFooters',
 286 _S, 'border-top:',    _2,  0,
 287 _M, 'margin-top:',    _2,  0,
 288 _M, 'margin-bottom:', _2, '5px',
 289 _M, 'text-align:',    _2,  $right,
 290 _M, 'background:',    _2, $GLOBALS['cfg']['FieldsetFooterBGC'],
 291 _M, 'float:',         _3, 'none',
 292 _M, 'clear:',         _3, 'both',
 293 _E,
 294
 295 'fieldset .formelement',
 296 _S, 'margin-', $right, ':', _2, '5px',
 297 _M, 'white-space:',   _2, 'nowrap', //IE
 298 _E,
 299 // revert for Gecko
 300 'fieldset div[class=formelement]',
 301 _S, 'white-space:', _2, 'normal',
 302 _E,
 303
 304 'button.mult_submit',
 305 _S, 'border:', _3, 0,
 306 //_M, 'border-bottom:', _3, '1px solid blue',
 307 _M, 'margin:',     _3, '0 2px',
 308 _M, 'background:', _2, 'transparent',
 309 _E,
 310
 311 'button.mult_submit:hover',
 312 _S, 'background:', _2, $GLOBALS['cfg']['MainLinkHoverBGC'], //not IE6
 313 _M, 'cursor:',     _3, 'pointer',
 314 //IE4 _M, 'cursor:',_3, 'hand',
 315 _E,
 316
 317 // odd items 1,3,5,7,...
 318 'table tr.odd th', _K,
 319 '.odd',
 320 _S, 'background:', _2, $GLOBALS['cfg']['BgOne'],
 321 _E,
 322
 323 // even items 2,4,6,8,...
 324 'table tr.even th', _K,
 325 '.even',
 326 _S, 'background:', _2, $GLOBALS['cfg']['BgTwo'],
 327 _E,
 328
 329 // odd table rows 1,3,5,7,...
 330 'table tr.odd th', _K,
 331 'table tr.odd', _K,
 332 'table tr.even th', _K,
 333 'table tr.even',
 334 _S, 'text-align:', _2, $left,
 335 _E;
 336
 337 if ($GLOBALS['cfg']['BrowseMarkerEnable']) {
 338 // marked table rows
 339     echo
 340     'table tr.marked th', _K,
 341     'table tr.marked',
 342     _S, 'background:', _2, $GLOBALS['cfg']['BrowseMarkerBGC'],
 343     _M, 'color:',      _3, $GLOBALS['cfg']['BrowseMarkerColor'],
 344 _E;
 345 }
 346
 347 if ($GLOBALS['cfg']['BrowsePointerEnable']) {
 348 // hovered items
 349     echo
 350     '.odd:hover', _K,
 351     '.even:hover', _K,
 352     '.hover',
 353     _S, 'background:', _2, $GLOBALS['cfg']['BrowsePointerBGC'],
 354     _M, 'color:',      _3, $GLOBALS['cfg']['BrowsePointerColor'],
 355     _E,
 356
 357 // hovered table rows
 358     'table tr.odd:hover th',  _K,
 359     'table tr.even:hover th', _K,
 360     'table tr.hover th',
 361     _S, 'background:', _2, $GLOBALS['cfg']['BrowsePointerBGC'],
 362     _M, 'color:',      _3, $GLOBALS['cfg']['BrowsePointerColor'],
 363     _E;
 364 } // endif BrowsePointerEnabled
 365
 366 echo
 367 // marks table rows/cells if the db field is in a where condition
 368 'tr.condition th', _K,
 369 'tr.condition td', _K,
 370 'td.condition',    _K,
 371 'th.condition',
 372 _S, 'border:', _3, '1px solid ', $GLOBALS['cfg']['BrowseMarkerBGC'],
 373 _E,
 374
 375 'table .value',
 376 _S, 'text-align:',  _2, $right,
 377 _M, 'white-space:', _2, 'normal',
 378 _E,
 379
 380 // IE(?) doesn't handle 'pre' right:
 381 'table [class=value]',
 382 _S, 'white-space:', _2, 'normal',
 383 _E;
 384
 385 if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) {
 386     echo
 387     '.value',
 388     _S, 'font-family:', _2, $GLOBALS['cfg']['FontFamilyFixed'],
 389     _E;
 390 }
 391
 392 echo
 393 '.value .attention',
 394 _S, 'color:',       _3, _red,
 395 _M, 'font-weight:', _2, 'bold',
 396 _E,
 397
 398 '.value .allfine',
 399 _S, 'color:',       _3, 'green',
 400 _E,
 401
 402 'img.lightbulb',
 403 _S, 'cursor:', _3, 'pointer',
 404 _E,
 405
 406 '.pdflayout',
 407 _S, 'overflow:',   _2, 'hidden',
 408 _M, 'clip:',       _3, 'inherit',
 409 _M, 'background:', _2, '#fff',
 410 _M, 'display:',    _2, 'none',
 411 _M, 'border:',     _3, '1px solid #000',
 412 _M, 'position:',   _2, 'relative',
 413 _E,
 414
 415 '.pdflayout_table',
 416 _S, 'background:', _2, '#D3DCE3',
 417 _M, 'color:',      _3, '#000',
 418 _M, 'overflow:',   _2, 'hidden',
 419 _M, 'clip:',       _3, 'inherit',
 420 _M, 'z-index:',    _2, '2',
 421 _M, 'display:',    _2, 'inline',
 422 _M, 'visibility:', _2, 'inherit',
 423 _M, 'cursor:',     _3, 'move',
 424 _M, 'position:',   _2, 'absolute',
 425 _M, 'font-size:',  _2, '80%',
 426 _M, 'border:',     _3, '1px dashed #000',
 427 _E,
 428
 429 // MySQL Parser:
 430 '.syntax',
 431 _S, 'font-size:',   _2, '80%',
 432 _M, 'line-height:', _2, 1.3, // "line-spacing"
 433 _E,
 434
 435 '.syntax_comment',
 436 _S, 'padding-left:',  _2, '4pt',
 437 _M, 'padding-right:', _2, '4pt',
 438 _E,
 439
 440 '.syntax_alpha_columnType',   _K,
 441 '.syntax_alpha_columnAttrib', _K,
 442 '.syntax_alpha_functionName', _K,
 443 '.syntax_alpha_reservedWord',
 444 _S, 'text-transform:', _2, 'uppercase',
 445 _E,
 446
 447 '.syntax_alpha_reservedWord',
 448 _S, 'font-weight:', _2, 'bold',
 449 _E,
 450
 451 '.syntax_quote',
 452 _S, 'white-space:', _2, 'pre',
 453 _E,
 454
 455
 456 //leave some space between icons and text
 457 '.icon',
 458 _S, 'vertical-align:', _2, 'middle',
 459 _M, 'margin:',         _3, '0 3px',
 460 _E,
 461
 462 '.selectallarrow',
 463 _S, 'margin-', $right, ':', _2, '3px',
 464 _M, 'margin-', $left, ':',  _2, '.6em',
 465 _E,
 466
 467
 468 // message boxes: warning, error, confirmation
 469 '.warning',
 470 _S, 'color:',      _3, '#c00',
 471 _M, 'background:', _2, '#ffc',
 472 _E,
 473
 474 '.error',
 475 _S, 'background:', _2, '#ffc',
 476 _M, 'color:',      _3, '#f00',
 477 _E;
 478
 479 echo version_compare(PMA_VERSION, '3', 'lt') //r10741
 480 ?
 481 '.notice' .
 482 _S . 'color:'      . _3 . '#000' .
 483 _M . 'background:' . _2 . '#ffd' .
 484 _E .
 485
 486 'h1.notice'  . _K .
 487 'div.notice' .
 488 _S . 'margin:' . _3 . '5px 0' .
 489 _M . 'border:' . _3 . '1px solid #FFD700'
 490 :
 491 '.notice h1'   . _K .
 492 '.success h1'  . _K .
 493 '.warning h1'  . _K .
 494 'div.error h1' .
 495 _S . 'border-bottom:' . _2 . '2px solid' . //??
 496 _M . 'font-weight:'   . _2 . 'bold' .
 497 _M . 'text-align:'    . _2 .  $left .
 498 _M . 'margin:'        . _3 . '0 0 2px 0' .
 499 _E .
 500
 501 'div.success' . _K .
 502 'div.notice'  . _K .
 503 'div.warning' . _K .
 504 'div.error'   .
 505 _S . 'margin:' . _3 . '2px 0 0 0' .
 506 _M . 'border:' . _3 . '1px solid';
 507 if ($GLOBALS['cfg']['ErrorIconic']) {
 508    if (version_compare(PMA_VERSION, '3', 'lt')) {
 509       echo _M, 'background-image:', _1, 'url("', _imgPath, 's_notice.png")';
 510    }
 511    echo _M, 'background-repeat:', _1, 'no-repeat';
 512     if ($GLOBALS['text_dir'] === 'ltr') {
 513         echo
 514         _M, 'background-position:', _1, '1em 50%',
 515         _M, 'padding:', _2, '4px 1em 4px 36px';
 516     } else {
 517         echo
 518         _M, 'background-position:', _1, '99% 50%',
 519         _M, 'padding:', _2, '4px 5% 4px 1em';
 520     }
 521 } else {
 522     echo
 523     'padding:', _2, '5px';
 524 }
 525
 526 echo
 527 _E;
 528
 529 if (version_compare(PMA_VERSION,'3', 'lt')) { //r10741
 530     echo
 531     '.notice h1',
 532     _S, 'border-bottom:', _2, '1px solid #FFD700',
 533     _M, 'font-weight:',   _2, 'bold',
 534     _M, 'text-align:',    _2, $left,
 535     _M, 'margin:',        _3, '0 0 2px 0',
 536     _E,
 537
 538     'p.warning', _K,
 539     'h1.warning', _K,
 540     'div.warning',
 541
 542     _S, 'margin:', _2, '3px 0 0 0',
 543     _M, 'border:', _2, '1px solid #c00';
 544
 545     if ($GLOBALS['cfg']['ErrorIconic']) {
 546         echo
 547         _M, 'background-image:',  _1, 'url("', _imgPath, 's_warn.png")',
 548         _M, 'background-repeat:', _1, 'no-repeat';
 549         if ($GLOBALS['text_dir'] === 'ltr') {
 550             echo
 551             _M, 'background-position:', _1, '1em 50%',
 552             _M, 'padding:', _2, '4px 1em 4px 36px';
 553         } else {
 554             echo
 555             _M, 'background-position:', _1, '99% 50%',
 556             _M, 'padding:', _2, '4px 5% 4px 1em';
 557         }
 558     } else {
 559         echo _M, 'padding:', _2, '4px';
 560     }
 561
 562     echo
 563     _E,
 564
 565     '.warning h1',
 566     _S, 'border-bottom:', _2, '1px solid #c00',
 567     _M, 'font-weight:',   _2, 'bold',
 568     _M, 'text-align:',    _2, $left,
 569     _M, 'margin:',        _2, '0 0 2px 0',
 570     _E,
 571
 572     '.error',
 573     _S, 'background:', _2, '#ffc',
 574     _M, 'color:', _3, '#f00',
 575     _E,
 576
 577     'h1.error', _K,
 578     'div.error',
 579     _S, 'margin:', _3, '5px 0',
 580     _M, 'border:', _3, '1px solid #f00';
 581
 582     if ($GLOBALS['cfg']['ErrorIconic']) {
 583         echo
 584         _M, 'background-image:',  _1, 'url("', _imgPath, 's_error.png")',
 585         _M, 'background-repeat:', _1, 'no-repeat';
 586         if ($GLOBALS['text_dir'] === 'ltr') {
 587            echo
 588             _M, 'background-position:', _1, '1em 50%',
 589             _M, 'padding:', _2, '5px 1em 5px 36px';
 590         } else {
 591             echo
 592             _M, 'background-position:', _1, '99% 50%',
 593             _M, 'padding:', _2, '5px 5% 5px 1em';
 594        }
 595     } else {
 596         echo
 597             _M, 'padding:', _2, '5px';
 598     }
 599
 600     echo
 601     _E,
 602
 603     'div.error h1',
 604     _S, 'border-bottom:', _2, '1px solid #f00',
 605     _M, 'font-weight:',   _2, 'bold',
 606     _M, 'text-align:',    _2, $left,
 607     _M, 'margin:',        _3, '0 0 2px 0',
 608     _E;
 609
 610 } else {
 611
 612     echo
 613     '.success',
 614     _S, 'color:',      _3, '#000',
 615     _M, 'background:', _2, '#f0fff0',
 616     _E,
 617
 618     'h1.success', _K,
 619     'div.success',
 620     _S, 'border-color:', _2, $GLOBALS['cfg']['SuccessBorderColor'];
 621     if ($GLOBALS['cfg']['ErrorIconic']) {
 622         echo _M, 'background-image:', _1, 'url("', _imgPath, 's_success.png")';
 623     }
 624     echo
 625     _E,
 626
 627     '.success h1',
 628     _S, 'border-color:', _2, '#0d0',
 629     _E,
 630
 631     '.notice',
 632     _S, 'color:',        _3, '#000',
 633     _M, 'background:',   _2, '#ffd',
 634     _E,
 635
 636     'h1.notice', _K,
 637     'div.notice',
 638     _S, 'border-color:', _2, '#FFD700';
 639     if ($GLOBALS['cfg']['ErrorIconic']) {
 640         echo _M, 'background-image:', _1, 'url("', _imgPath, 's_notice.png")';
 641     }
 642     echo
 643     _E,
 644
 645     '.notice h1',
 646     _S, 'border-color:', _2, '#FFD700',
 647     _E,
 648
 649     'p.warning', _K,
 650     'h1.warning', _K,
 651     'div.warning',
 652     _S, 'border-color:', _2, '#ffd700';
 653     if ($GLOBALS['cfg']['ErrorIconic']) {
 654         echo _M, 'background-image:',  _1, 'url("', _imgPath, 's_warn.png")';
 655     }
 656     echo
 657     _E,
 658
 659     '.warning h1',
 660     _S, 'border-color:', _2, '#c00',
 661     _E,
 662
 663     'h1.error', _K,
 664     'div.error',
 665     _S, 'border-color:', _2, '#f00';
 666     if ($GLOBALS['cfg']['ErrorIconic']) {
 667         echo _M, 'background-image:', _1, 'url("', _imgPath, 's_error.png")';
 668     }
 669     echo
 670     _E,
 671
 672     'div.error h1',
 673     _S, 'border-color:', _2, '#f00',
 674     _E;
 675 }//r10741
 676
 677 echo
 678 '.confirmation',
 679 _S, 'background:', _2, '#ffc',
 680 _E,
 681
 682 'fieldset.confirmation',
 683 _S, 'border:', _3, '1px solid #f00',
 684 _E,
 685
 686 'fieldset.confirmation legend',
 687 _S, 'border-left:',  _2, '1px solid #f00',
 688 _M, 'border-right:', _2, '1px solid #f00',
 689 _M, 'font-weight:',  _2, 'bold';
 690 if ($GLOBALS['cfg']['ErrorIconic']) {
 691     echo
 692     _M, 'background-image:',  _1, 'url("', _imgPath, 's_really.png")',
 693     _M, 'background-repeat:', _1, 'no-repeat';
 694     if ($GLOBALS['text_dir'] === 'ltr') {
 695         echo
 696             _M, 'background-position:', _1, '5px 50%',
 697             _M, 'padding:', _2, '2px 2px 2px 25px';
 698     } else {
 699         echo
 700             _M, 'background-position:', _1, '97% 50%',
 701             _M, 'padding:', _2, '2px 25px 2px 2px';
 702     }
 703 }
 704
 705 echo
 706  _E, // end messageboxes
 707
 708 '.tblcomment',
 709 _S, 'font-size:',   _2, '90%',
 710 _M, 'font-weight:', _2, 'normal',
 711 _M, 'color:',       _3, '#009',
 712 _E,
 713
 714 '.tblHeaders',
 715 _S, 'font-weight:', _2, 'bold',
 716 _M, 'color:',       _3, $GLOBALS['cfg']['ThColor'],
 717 _M, 'background:',  _2,  $GLOBALS['cfg']['ThBGC'],
 718 _E,
 719
 720 'div.tools', _K,
 721 '.tblFooters',
 722 _S, 'font-weight:', _2, 'normal',
 723 _M, 'color:',       _3, $GLOBALS['cfg']['ThColor'],
 724 _M, 'background:',  _2, $GLOBALS['cfg']['ThBGC'],
 725 _E,
 726
 727 'div.tools a:link', _K,
 728 'div.tools a:active', _K,
 729 'div.tools a:visited', _K,
 730 '.tblHeaders a:link', _K,
 731 '.tblHeaders a:active', _K,
 732 '.tblHeaders a:visited', _K,
 733 '.tblFooters a:link', _K,
 734 '.tblFooters a:active', _K,
 735 '.tblFooters a:visited',
 736 _S, 'color:', _3, '#00f',
 737 _E,
 738
 739 'div.tools a:hover', _K,
 740 '.tblHeaders a:hover', _K,
 741 '.tblFooters a:hover',
 742 _S, 'color:', _3, '#f00',
 743 _E,
 744
 745 '.noPrivileges',
 746 _S, 'color:', _3, '#f00',
 747 _M, 'font-weight:', _2, 'bold',
 748 _E,
 749
 750 '.disabled', _K,
 751 '.disabled a:link', _K,
 752 '.disabled a:active', _K,
 753 '.disabled a:visited',
 754 _S, 'color:', _3, '#666',
 755 _E,
 756
 757 '.disabled a:hover',
 758 _S, 'color:', _3, '#666',
 759 _M, 'text-decoration:', _1, 'none',
 760 _E,
 761
 762 'tr.disabled td', _K,
 763 'td.disabled',
 764 _S, 'background:', _2, '#ccc',
 765 _E,
 766
 767 'body.loginform h1', _K,
 768 'body.loginform a.logo',
 769 _S, 'display:', _2, 'block',
 770 _M, 'text-align:', _2, 'center',
 771 _E,
 772
 773 'body.loginform',
 774 _S, 'text-align:', _2, 'center',
 775 _E,
 776
 777 'body.loginform div.container',
 778 _S, 'text-align:', _2, $left,
 779 _M, 'width:',      _3, '30em',
 780 _M, 'margin:',     _3, '0 auto',
 781 _E,
 782
 783 'form.login label',
 784 _S, 'width:',       _3, '10em',
 785 _M, 'font-weight:', _2, 'bolder',
 786 _E,
 787
 788 // specific elements
 789 'ul#topmenu',
 790 _S, 'font-weight:',     _2, 'bold',
 791 _M, 'list-style-type:', _2, 'none',
 792 _E,
 793
 794 'ul#topmenu li',
 795 _S, 'list-style-type:', _2, 'none',
 796 _M, 'vertical-align:',  _2, 'middle',
 797 _E,
 798
 799 'ul#topmenu li.active',
 800 _S, 'border-bottom:',  _2, '2px solid ', $GLOBALS['cfg']['MainBGC'],
 801 _E,
 802
 803
 804 '#topmenu img',
 805 _S, 'vertical-align:',       _2, 'middle',
 806 _M, 'margin-', $right, ':',  _2, '1px',
 807 _E,
 808
 809 '.tab', _K,
 810 '.tabcaution', _K,
 811 '.tabactive',
 812 _S, 'display:',     _2, 'block',
 813 _M, 'margin:',      _3, '2px 2px 0 2px',
 814 _M, 'padding:',     _2, '2px 2px 0 2px',
 815 _M, 'white-space:', _2, 'nowrap',
 816 _E,
 817
 818 'span.tab',
 819 _S, 'color:', _3, '#666',
 820 _E,
 821
 822 'span.tabcaution',
 823 _S, 'color:', _3, '#f66',
 824 _E,
 825
 826 'a.tabcaution',
 827 _S, 'color:', _3, '#f00',
 828 _E,
 829
 830 'a.tabcaution:hover',
 831 _S, 'color:',      _3, '#fff',
 832 _M, 'background:', _2, '#f00',
 833 _E;
 834
 835 if ($GLOBALS['cfg']['LightTabs']) {
 836     echo
 837     'a.tabactive',
 838     _S, 'color:', _3, $GLOBALS['cfg']['MainColor'];
 839 } else {
 840     echo
 841     '#topmenu',
 842     _S, 'margin-top:', _2, '5px',
 843     _M, 'padding:',    _2, '1px 3px',
 844     _E,
 845
 846     'ul#topmenu li',
 847     _S, 'border-bottom:', _2, '2px solid ', $GLOBALS['cfg']['TabUnderlineColor'],
 848     _E,
 849
 850     '.tab', _K,
 851     '.tabcaution', _K,
 852     '.tabactive',
 853     _S, 'background:', _2, $GLOBALS['cfg']['TabBGC'];
 854     if ('SAFARI' == PMA_USR_BROWSER_AGENT) {
 855         echo
 856         _M, '-webkit-border-radius-topleft:',  _1, '5px',
 857 /**
 858 iPhone:
 859     Mibbit (Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3)
 860 **/
 861         _M, '-webkit-border-radius-topright:', _1, '5px';
 862     } elseif ('MOZILLA' == PMA_USR_BROWSER_AGENT) {
 863          // FF,SeaMonkey..
 864         echo
 865         _M, '-moz-border-radius-topleft:',  _1, '5px',
 866         _M, '-moz-border-radius-topright:', _1, '5px';
 867     } else {
 868         echo
 869         _M, 'border-top:',   _3, '1px solid ', _2, $GLOBALS['cfg']['TabBorderColor'],
 870         _M, 'border-left:',  _3, '1px solid ', _2, $GLOBALS['cfg']['TabBorderColor'],
 871         _M, 'border-right:', _3, '1px solid ', _2, $GLOBALS['cfg']['TabBorderColor'];
 872     }
 873     // MSIE 6: http://blogs.msdn.com/ie/archive/2005/06/23/431980.aspx
 874     echo
 875     _E,
 876
 877     'a.tab:hover', _K,
 878     'a.tabcaution:hover', _K,
 879     '.tabactive', _K,
 880     '.tabactive:hover',
 881     _S, 'margin:',          _3, ('MOZILLA' == PMA_USR_BROWSER_AGENT) ? 0 : '0 1px' ,
 882     _M, 'padding:',         _2, '2px 4px',
 883     _M, 'text-decoration:', _1, 'none',
 884     _E,
 885
 886     'a.tab:hover',
 887     _S, 'background:', _2, $GLOBALS['cfg']['TabHoverBGC'],
 888     _M, 'color:',      _3, $GLOBALS['cfg']['TabHoverColor'],
 889     _E,
 890
 891     'a.tabactive',
 892     _S, 'background:', _2, $GLOBALS['cfg']['TabActiveBGC'],
 893     _M, 'color:',      _3, $GLOBALS['cfg']['TabActiveColor'],
 894     _E;
 895
 896     if ('OPERA' != PMA_USR_BROWSER_AGENT ) {
 897         echo
 898         'span.tab', _K,
 899         'a.warning', _K,
 900         'span.tabcaution',
 901         _S, 'cursor:', _3, 'url("', _imgPath, 'error.ico"), auto',
 902         _E;
 903     }
 904 } // end topmenu
 905
 906 echo
 907 'table.calendar',
 908 _S, 'width:',      _3, '100%',
 909 _E,
 910
 911 'table.calendar td',
 912 _S, 'text-align:', _2, 'center',
 913 _E,
 914
 915 'table.calendar td a',
 916 _S, 'display:',    _2, 'block',
 917 _E,
 918
 919 'table.calendar td a:hover',
 920 _S, 'background:', _2, '#cfc',
 921 _E,
 922
 923 'table.calendar th',
 924 _S, 'background:', _2, '#D3DCE3',
 925 _E,
 926
 927 'table.calendar td.selected',
 928 _S, 'background:', _2, '#fc9',
 929 _E,
 930
 931 'img.calendar',
 932 _S, 'border:',     _3, 'none',
 933 _E,
 934
 935 'form.clock',
 936 _S, 'text-align:', _2, 'center',
 937 _E,
 938
 939 'div#tablestatistics',
 940 _S, 'border-bottom:',  _2, '1px solid #699',
 941 _M, 'margin-bottom:',  _2, '5px',
 942 _M, 'padding-bottom:', _2, '5px',
 943 _E,
 944
 945 'div#tablestatistics table',
 946 _S, 'margin-bottom:',        _2, '5px',
 947 _M, 'margin-', $right, ':',  _2, '5px',
 948 _E,
 949
 950 'div#tablestatistics table caption',
 951 _S, 'margin-', $right, ':',  _2, '5px',
 952 _E,
 953 //END server privileges
 954
 955 '#tableuserrights td', _K,
 956 '#tablespecificuserrights td', _K,
 957 '#tabledatabases td',
 958 _S, 'vertical-align:', _2, 'middle',
 959 _E,
 960
 961 // Heading
 962 '#serverinfo',
 963 _S, 'font-weight:',   _2, 'bold',
 964 _M, 'margin-bottom:', _2, '5px',
 965 _E,
 966
 967 '#serverinfo .item',
 968 _S, 'white-space:', _2, 'nowrap',
 969 _E,
 970
 971 '#span_table_comment',
 972 _S, 'font-weight:', _2, 'normal',
 973 _M, 'font-style:',  _2, 'italic',
 974 _M, 'white-space:', _2, 'nowrap',
 975 _E,
 976
 977 '#serverinfo img',
 978 _S, 'margin:',      _3, '0 1px 0 2px',
 979 _E,
 980
 981 '#textSQLDUMP',
 982 _S, 'width:',       _3, '95%',
 983 _M, 'height:',      _3, '95%',
 984 _M, 'font-family:', _2, '"Courier New", Courier, mono',
 985 _M, 'font-size:',   _2, '110%',
 986 _E,
 987
 988 '#TooltipContainer',
 989 _S, 'position:',    _2, 'absolute',
 990 _M, 'z-index:',     _2, '99',
 991 _M, 'width:',       _3, '20em',
 992 _M, 'height:',      _3, 'auto',
 993 _M, 'overflow:',    _2, 'visible',
 994 _M, 'visibility:',  _2, 'hidden',
 995 _M, 'background:',  _2, '#ffc',
 996 _M, 'color:',       _3, '#060',
 997 _M, 'border:',      _3, '1px solid #000',
 998 _M, 'padding:',     _2, '5px',
 999 _E,
1000
1001 // user privileges
1002 '#fieldset_add_user_login div.item',
1003 _S, 'border-bottom:',  _2, '1px solid ', _silver,
1004 _M, 'padding-bottom:', _2, '3px',
1005 _M, 'margin-bottom:',  _2, '3px',
1006 _E,
1007
1008 '#fieldset_add_user_login label',
1009 _S, 'display:',        _2, 'block',
1010 _M, 'width:',          _3, '10em',
1011 _M, 'max-width:',      _2, '100%',
1012 _M, 'text-align:',     _2,  $right,
1013 _M, 'padding-', $right, ':', _2, '5px',
1014 _E,
1015
1016 '#fieldset_add_user_login span.options #select_pred_username', _K,
1017 '#fieldset_add_user_login span.options #select_pred_hostname', _K,
1018 '#fieldset_add_user_login span.options #select_pred_password',
1019 _S, 'width:',     _3, '100%',
1020 _M, 'max-width:', _2, '100%',
1021 _E,
1022
1023 '#fieldset_add_user_login span.options',
1024 _S, 'display:',              _2, 'block',
1025 _M, 'width:',                _3, '12em',
1026 _M, 'max-width:',            _2, '100%',
1027 _M, 'padding-', $right, ':', _2, '5px',
1028 _E,
1029
1030 '#fieldset_add_user_login input',
1031 _S, 'width:',     _3, '12em',
1032 _M, 'clear:',     _2, $right,
1033 _M, 'max-width:', _2, '100%',
1034 _E,
1035
1036 '#fieldset_add_user_login span.options input',
1037 _S, 'width:',     _3, 'auto',
1038 _E,
1039
1040 '#fieldset_user_priv div.item',
1041 _S, 'width:',     _3, '9em',
1042 _M, 'max-width:', _2, '100%',
1043 _E,
1044
1045 '#fieldset_user_priv div.item div.item',
1046 _S, 'float:',     _3, 'none',
1047 _E,
1048
1049 '#fieldset_user_priv div.item label',
1050 _S, 'white-space:', _2, 'nowrap',
1051 _E,
1052
1053 '#fieldset_user_priv div.item select',
1054 _S, 'width:',       _3, '100%',
1055 _E,
1056
1057 // END user privileges
1058
1059
1060 // serverstatus
1061 'div#serverstatus table caption a.top',
1062 _S, 'float:', _3, $right,
1063 _E,
1064
1065 '#serverstatussection', _K,
1066 '.clearfloat',
1067 _S, 'clear:', _3, 'both',
1068 _E,
1069
1070 'div#serverstatussection table',
1071 _S, 'width:',         _3, '100%',
1072 _M, 'margin-bottom:', _2, '1em',
1073 _E,
1074
1075 'div#serverstatussection table .name',
1076 _S, 'width:', _3, '18em',
1077 _E,
1078
1079 'div#serverstatussection table .value',
1080 _S, 'width:', _3, '6em',
1081 _E,
1082
1083 'div#serverstatus table tbody td.descr a', _K,
1084 'div#serverstatus table .tblFooters a',
1085 _S, 'white-space:', _2, 'nowrap',
1086 _E,
1087
1088 'div#serverstatus div#statuslinks a:before', _K,
1089 'div#serverstatus div#sectionlinks a:before', _K,
1090 'div#serverstatus table tbody td.descr a:before', _K,
1091 'div#serverstatus table .tblFooters a:before',
1092 _S, 'content:', _2, "'['",
1093 _E,
1094
1095 'div#serverstatus div#statuslinks a:after', _K,
1096 'div#serverstatus div#sectionlinks a:after', _K,
1097 'div#serverstatus table tbody td.descr a:after', _K,
1098 'div#serverstatus table .tblFooters a:after',
1099 _S, 'content:', _2, "']'",
1100 _E,
1101 // end serverstatus
1102
1103 'body#bodyquerywindow',
1104 _S, 'background:', _2, $GLOBALS['cfg']['MainBGC'],
1105 _E,
1106
1107 'div#querywindowcontainer',
1108 _S, 'width:',   _3, '100%',
1109 _E,
1110
1111 'div#querywindowcontainer fieldset',
1112 _S, 'margin-top:', _2, 0,
1113 _E,
1114
1115 //END querywindow
1116
1117 // querybox
1118 'div#sqlquerycontainer',
1119 _S, 'width:', _3, '69%',
1120 _E,
1121
1122 'div#tablefieldscontainer',
1123 _S, 'float:', _3, $right,
1124 _M, 'width:', _3, '29%',
1125 _E,
1126
1127 'div#tablefieldscontainer select',
1128 _S, 'width:', _3, '100%',
1129 _E,
1130
1131 'textarea#sqlquery',
1132 _S, 'width:', _3, '100%',
1133 _E,
1134
1135 'div#queryboxcontainer div#bookmarkoptions',
1136 _S, 'margin-top:', _2, '2px',
1137 _E,
1138 // end querybox
1139
1140
1141 // main page
1142 '#maincontainer',
1143 _S, 'background-image:',    _1, 'url("', _imgPath, 'logo_right.png")',
1144 _M, 'background-position:', _1, $right, ' bottom',
1145 _M, 'background-repeat:',   _1, 'no-repeat',
1146 _E,
1147
1148 '#mysqlmaininformation', _K,
1149 '#pmamaininformation',
1150 _S, 'width:', _3, '49%',
1151 _E,
1152
1153 '#maincontainer ul',
1154 _S, 'list-style-image:', _1, 'url("', _imgPath, 'item_', $GLOBALS['text_dir'], '.png")',
1155 _M, 'vertical-align:',   _2, 'middle',
1156 _E,
1157
1158 '#maincontainer li',
1159 _S, 'margin:',       _2, '3px 22px',
1160 _M, 'padding:',       _2, '0 3px',
1161 _E;
1162 // END main page
1163
1164 if ($GLOBALS['cfg']['MainPageIconic']) {
1165     // iconic view for ul items
1166     echo
1167     'li#li_create_database',
1168     _S, _listImgUrl,'b_newdb.png")',
1169     _E,
1170
1171     'li#li_select_lang',
1172     _S, _listImgUrl,'s_lang.png")',
1173     _E,
1174
1175     'li#li_select_mysql_collation', _K,
1176     'li#li_select_mysql_charset',
1177     _S, _listImgUrl,'s_asci.png")',
1178     _E,
1179
1180     'li#li_select_theme',
1181     _S, _listImgUrl,'s_theme.png")',
1182     _E,
1183
1184     'li#li_server_info',_K,
1185     'li#li_server_version',
1186     _S, _listImgUrl,'s_host.png")',
1187     _E,
1188
1189     'li#li_mysql_status',
1190     _S, _listImgUrl,'s_status.png")',
1191     _E,
1192
1193     'li#li_mysql_variables',
1194     _S, _listImgUrl,'s_vars.png")',
1195     _E,
1196
1197     'li#li_mysql_processes',
1198     _S, _listImgUrl,'s_process.png")',
1199     _E,
1200
1201     'li#li_mysql_collations',
1202     _S, _listImgUrl,'s_asci.png")',
1203     _E,
1204
1205     'li#li_mysql_engines',
1206     _S, _listImgUrl,'b_engine.png")',
1207     _E,
1208
1209     'li#li_mysql_binlogs',
1210     _S, _listImgUrl,'s_tbl.png")',
1211     _E,
1212
1213     'li#li_mysql_databases',
1214     _S, _listImgUrl,'s_db.png")',
1215     _E,
1216
1217     'li#li_export',
1218     _S, _listImgUrl,'b_export.png")',
1219     _E,
1220
1221     'li#li_import',
1222     _S, _listImgUrl,'b_import.png")',
1223     _E,
1224
1225     'li#li_change_password',
1226     _S, _listImgUrl,'s_passwd.png")',
1227     _E,
1228
1229     'li#li_log_out',
1230     _S, _listImgUrl,'s_loggoff.png")',
1231     _E,
1232
1233     'li#li_pma_docs', _K,
1234     'li#li_pma_wiki',
1235     _S, _listImgUrl,'b_docs.png")',
1236     _E,
1237
1238     'li#li_phpinfo',
1239     _S, _listImgUrl,'php_sym.png")',
1240     _E,
1241
1242     'li#li_pma_homepage',
1243     _S, _listImgUrl,'b_home.png")',
1244     _E,
1245
1246     'li#li_mysql_privilegs',
1247     _S, _listImgUrl,'s_rights.png")',
1248     _E,
1249
1250     'li#li_switch_dbstats',
1251     _S, _listImgUrl,'b_dbstatistics.png")',
1252     _E,
1253
1254     'li#li_flush_privileges',
1255     _S, _listImgUrl,'s_reload.png")',
1256     _E,
1257
1258     'li#li_user_info',
1259     _S, _listImgUrl, 's_rights.png")',
1260     _E;
1261 } //END iconic view for ul items
1262
1263 echo
1264 '#body_browse_foreigners',
1265 _S, 'background:', _2, $GLOBALS['cfg']['MainBGC'], //2do??
1266 _M, 'margin:',     _3, '5px 5px 0 5px',
1267 _E,
1268
1269 '#bodyquerywindow',
1270 _S, 'background:', _2, $GLOBALS['cfg']['MainBGC'], //2do??
1271 _E,
1272
1273 '#bodythemes',
1274 _S, 'width:',      _3, '50em',
1275 _M, 'margin:',     _3, 'auto',
1276 _M, 'text-align:', _2, 'center',
1277 _E,
1278
1279 '#bodythemes img',
1280 _S, 'border:', _3, '1px solid #000',
1281 _E,
1282
1283 '#bodythemes a:hover img',
1284 _S, 'border:', _3, '1px solid ', _red,
1285 _E,
1286
1287 '#selflink',
1288 _S, 'clear:',      _3, 'both',  //No floating elements allowed on either side
1289 _M, 'margin:',     _3, '2px',
1290 _M, 'padding:',    _2, '2px',
1291 _M, 'background:', _2, $GLOBALS['cfg']['FieldsetFooterBGC'],
1292 _M, 'text-align:', _2, $right,
1293 _E,
1294
1295 '#div_table_options',
1296 _S, 'clear:', _3, 'both',
1297 _E,
1298
1299 '#div_partition_maintenance', _K,
1300 '#div_table_options', _K,
1301 '#div_table_order',   _K,
1302 '#div_table_rename',  _K,
1303 '#div_table_copy',
1304 _S, 'min-width:', _2, '48%',
1305 _E,
1306
1307 '#div_partition_maintenance', _K,
1308 '#div_table_options', _K,
1309 '#div_table_order', _K,
1310 '#div_table_rename', _K,
1311 '#div_table_copy', _K,
1312 'fieldset .formelement', _K,
1313 'form.login label', _K,
1314 'ul#topmenu li', _K,
1315 'div#tablestatistics table', _K,
1316 '#fieldset_add_user_login label', _K,
1317 '#fieldset_add_user_login span.options', _K,
1318 '#fieldset_user_priv div.item', _K,
1319 '#fieldset_user_global_rights fieldset', _K,
1320 'div#serverstatus div#serverstatusqueriesdetails table', _K,
1321 'div#serverstatus table#serverstatustraffic', _K,
1322 'div#serverstatus table#serverstatusconnections', _K,
1323 'div#sqlquerycontainer', _K,
1324 '#mysqlmaininformation', _K,
1325 '#pmamaininformation',   _K,
1326 '#fieldset_select_fields', _K,
1327 '#div_table_options', _K,
1328 '#table_innodb_bufferpool_usage', _K, //table_innodb_bufferpool_activity', _K,
1329 '#div_mysql_charset_collations table', _K,
1330 '#qbe_div_table_list', _K,
1331 '#qbe_div_sql_query', _K,
1332 'label.desc',
1333 _S, 'float:',  _3, $left,
1334 _E,
1335
1336 'label.desc',
1337 _S, 'width:',  _3, '30em',
1338 _E,
1339
1340 '#querywindowcontainer',
1341 _S, 'background:', _2, $GLOBALS['cfg']['queryWindowContainerBGC'],
1342 _E;
1343
1344 if (version_compare(PMA_VERSION, '3.0', 'ge')) {
1345     echo 'code.sql',
1346     _S, 'font-size:',     _2, '110%',
1347     _M, 'display:',       _2, 'block',
1348     _M, 'padding:',       _2, '3px',
1349     _M, 'border:',        _3, '1px solid ', $GLOBALS['cfg']['BorderColor'],
1350     _M, 'border-top:',    _2,  0,
1351     _M, 'border-bottom:', _2,  0,
1352     _M, 'max-height:',    _2, '10em',
1353     _M, 'overflow:',      _2, 'auto',
1354     _M, 'background:',    _2, $GLOBALS['cfg']['BgOne'],
1355     _E,
1356
1357     '#main_pane_left',
1358     _S, 'width:',       _3, '60%',
1359     _M, 'float:',       _3, 'left',
1360     _M, 'padding-top:', _2, '6px',
1361     _E,
1362
1363     '#main_pane_right',
1364     _S, 'margin-left:',  _2, '60%',
1365     _M, 'padding-top:',  _2, '6px',
1366     _M, 'padding-left:', _2, '6px',
1367     _E,
1368
1369     '.group',
1370     _S, 'border:',        _3, '1px solid ', $GLOBALS['cfg']['BorderColor'], //#999
1371     _M, 'margin-bottom:', _2, '6px',
1372     _M, 'background:',    _2, $GLOBALS['cfg']['MainGroup'], //'#f6f6f6',
1373     _E,
1374
1375     '.group h2',
1376     _S, 'background:', _2,  $GLOBALS['cfg']['MainGroupHeader'], //#ddd
1377     _M, 'padding:',    _2, '2px 4px',
1378     _M, 'margin:',     _3, '0',
1379     _E,
1380
1381     '.group ul',
1382     _S, 'padding:',    _2, '.5em',
1383     _E;
1384
1385 /**
1386     if (! $GLOBALS['cfg']['LeftDisplayServers']) {
1387         echo
1388         '#li_select_server',
1389         _S, 'padding-bottom:', _2, '6px', //no effect!
1390         _M, 'border-bottom:',  _2, '2px solid ', $GLOBALS['cfg']['MainGroupHeader'], //#ddd
1391         _M, 'margin-bottom:',  _2, '4px',
1392         _E;
1393     }
1394 **/
1395 } // end pma3