themes/original/css/theme_right.css.php

   1 <?php
   2 /* vim: set expandtab sw=4 ts=4 sts=4: */
   3 /**
   4  * main css file from theme Original
   5  *
   6  * @package phpMyAdmin-theme
   7  * @subpackage Original
   8  */
   9
  10 // unplanned execution path
  11 if (!defined('PMA_MINIMUM_COMMON') && !defined('TESTSUITE')) {
  12     exit();
  13 }
  14 ?>
  15 /******************************************************************************/
  16 /* general tags */
  17 html {
  18     font-size: <?php echo (null !== $GLOBALS['PMA_Config']->get('fontsize') ? $GLOBALS['PMA_Config']->get('fontsize') : (
  19         isset($_COOKIE['pma_fontsize']) ? $_COOKIE['pma_fontsize'] : '82%'));?>;
  20 }
  21
  22 input, select, textarea {
  23     font-size: 1em;
  24 }
  25
  26 body {
  27 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
  28     font-family:        <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
  29 <?php } ?>
  30     padding:            0;
  31     margin:             0.5em;
  32     color:              <?php echo $GLOBALS['cfg']['MainColor']; ?>;
  33     background:         <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
  34 }
  35
  36 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
  37 textarea, tt, pre, code {
  38     font-family:        <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
  39 }
  40 <?php } ?>
  41 h1 {
  42     font-size:          140%;
  43     font-weight:        bold;
  44 }
  45
  46 h2 {
  47     font-size:          120%;
  48     font-weight:        bold;
  49 }
  50
  51 h3 {
  52     font-weight:        bold;
  53 }
  54
  55 a, a:link,
  56 a:visited,
  57 a:active {
  58     text-decoration:    none;
  59     color:              #0000FF;
  60     cursor:             pointer;
  61 }
  62
  63 a:hover {
  64     text-decoration:    underline;
  65     color:              #FF0000;
  66 }
  67
  68 dfn {
  69     font-style:         normal;
  70 }
  71
  72 dfn:hover {
  73     font-style:         normal;
  74     cursor:             help;
  75 }
  76
  77 th {
  78     font-weight:        bold;
  79     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
  80     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
  81 }
  82
  83 a img {
  84     border:             0;
  85 }
  86
  87 hr {
  88     color:              <?php echo $GLOBALS['cfg']['MainColor']; ?>;
  89     background-color:   <?php echo $GLOBALS['cfg']['MainColor']; ?>;
  90     border:             0;
  91     height:             1px;
  92 }
  93
  94 form {
  95     padding:            0;
  96     margin:             0;
  97     display:            inline;
  98 }
  99
 100 textarea {
 101     overflow:           visible;
 102     height:             <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
 103 }
 104
 105 fieldset {
 106     margin-top:         1em;
 107     border:             <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
 108     padding:            0.5em;
 109     background:         <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 110 }
 111
 112 fieldset fieldset {
 113     margin:             0.8em;
 114 }
 115
 116 fieldset legend {
 117     font-weight:        bold;
 118     color:              #444444;
 119     background-color:   <?php echo 'OPERA' != PMA_USR_BROWSER_AGENT ? 'transparent' : $GLOBALS['cfg']['BgOne']; ?>;
 120 }
 121
 122 /* buttons in some browsers (eg. Konqueror) are block elements,
 123    this breaks design */
 124 button {
 125     display:            inline;
 126 }
 127
 128 table caption,
 129 table th,
 130 table td {
 131     padding:            0.1em 0.5em 0.1em 0.5em;
 132     margin:             0.1em;
 133     vertical-align:     top;
 134 }
 135
 136 img,
 137 input,
 138 select,
 139 button {
 140     vertical-align:     middle;
 141 }
 142
 143 /* Icon sprites */
 144
 145 .icon, .footnotemarker {
 146     vertical-align: -3px;
 147     margin-right:   0.3em;
 148     margin-left:    0.3em;
 149     width:16px;
 150     height:16px;
 151     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>iconsprites.png) no-repeat top left;
 152 }
 153
 154 .ic_b_bookmark { background-position: 0 0; }
 155 .ic_b_browse { background-position: 0 -18px; }
 156 .ic_b_calendar { background-position: 0 -36px; }
 157 .ic_b_chart { background-position: 0 -54px; }
 158 .ic_b_close { background-position: 0 -72px; }
 159 .ic_b_comment { background-position: 0 -90px; }
 160 .ic_b_dbstatistics { background-position: 0 -108px; }
 161 .ic_b_deltbl { background-position: 0 -126px; }
 162 .ic_b_docs { background-position: 0 -144px; }
 163 .ic_b_drop { background-position: 0 -162px; }
 164 .ic_b_edit { background-position: 0 -180px; }
 165 .ic_b_empty { background-position: 0 -198px; }
 166 .ic_b_engine { background-position: 0 -216px; }
 167 .ic_b_event_add { background-position: 0 -234px; }
 168 .ic_b_events { background-position: 0 -252px; }
 169 .ic_b_export { background-position: 0 -270px; }
 170 .ic_b_ftext { background-position: 0 -288px; }
 171 .ic_b_globe { background-position: 0 -306px; }
 172 .ic_b_help { background-position: 0 -324px; width: 11px; height: 11px; }
 173 .ic_b_home { background-position: 0 -337px; }
 174 .ic_b_import { background-position: 0 -355px; }
 175 .ic_b_index { background-position: 0 -373px; }
 176 .ic_b_info { background-position: 0 -391px; width: 11px; height: 11px; }
 177 .ic_b_inline_edit { background-position: 0 -404px; }
 178 .ic_b_insrow { background-position: 0 -422px; }
 179 .ic_b_minus { background-position: 0 -440px; width: 9px; height: 9px; }
 180 .ic_b_more { background-position: 0 -451px; }
 181 .ic_b_newdb { background-position: 0 -469px; }
 182 .ic_b_newtbl { background-position: 0 -487px; }
 183 .ic_b_nextpage, .ic_play { background-position: 0 -505px; }
 184 .ic_b_plus { background-position: 0 -523px; width: 9px; height: 9px; }
 185 .ic_b_primary { background-position: 0 -534px; }
 186 .ic_b_print { background-position: 0 -552px; }
 187 .ic_b_props { background-position: 0 -570px; }
 188 .ic_b_relations { background-position: 0 -588px; }
 189 .ic_b_routine_add { background-position: 0 -606px; }
 190 .ic_b_routines { background-position: 0 -624px; }
 191 .ic_b_save { background-position: 0 -642px; }
 192 .ic_b_sbrowse { background-position: 0 -660px; width: 10px; height: 10px; }
 193 .ic_b_search { background-position: 0 -672px; }
 194 .ic_b_selboard { background-position: 0 -690px; }
 195 .ic_b_select { background-position: 0 -708px; }
 196 .ic_b_snewtbl { background-position: 0 -726px; width: 10px; height: 10px; }
 197 .ic_b_spatial { background-position: 0 -738px; }
 198 .ic_b_sql { background-position: 0 -756px; }
 199 .ic_b_sqlhelp { background-position: 0 -774px; }
 200 .ic_b_tblanalyse { background-position: 0 -792px; }
 201 .ic_b_tblexport { background-position: 0 -810px; }
 202 .ic_b_tblimport { background-position: 0 -828px; }
 203 .ic_b_tblops { background-position: 0 -846px; }
 204 .ic_b_tbloptimize { background-position: 0 -864px; }
 205 .ic_b_tipp { background-position: 0 -882px; }
 206 .ic_b_trigger_add { background-position: 0 -900px; }
 207 .ic_b_triggers { background-position: 0 -918px; }
 208 .ic_b_unique { background-position: 0 -936px; }
 209 .ic_b_usradd { background-position: 0 -954px; }
 210 .ic_b_usrcheck { background-position: 0 -972px; }
 211 .ic_b_usrdrop { background-position: 0 -990px; }
 212 .ic_b_usredit { background-position: 0 -1008px; }
 213 .ic_b_usrlist { background-position: 0 -1026px; }
 214 .ic_b_view { background-position: 0 -1044px; }
 215 .ic_b_views { background-position: 0 -1062px; }
 216 .ic_bd_browse { background-position: 0 -1080px; }
 217 .ic_bd_deltbl { background-position: 0 -1098px; }
 218 .ic_bd_drop { background-position: 0 -1116px; }
 219 .ic_bd_edit { background-position: 0 -1134px; }
 220 .ic_bd_empty { background-position: 0 -1152px; }
 221 .ic_bd_export { background-position: 0 -1170px; }
 222 .ic_bd_ftext { background-position: 0 -1188px; }
 223 .ic_bd_index { background-position: 0 -1206px; }
 224 .ic_bd_insrow { background-position: 0 -1224px; }
 225 .ic_bd_nextpage { background-position: 0 -1242px; width: 8px; height: 13px; }
 226 .ic_bd_primary { background-position: 0 -1257px; }
 227 .ic_bd_sbrowse { background-position: 0 -1275px; width: 10px; height: 10px; }
 228 .ic_bd_select { background-position: 0 -1287px; }
 229 .ic_bd_spatial { background-position: 0 -1305px; }
 230 .ic_bd_unique { background-position: 0 -1323px; }
 231 .ic_col_drop { background-position: 0 -1341px; }
 232 .ic_eye { background-position: 0 -1359px; }
 233 .ic_eye_grey { background-position: 0 -1377px; }
 234 .ic_item_ltr { background-position: 0 -1395px; width: 5px; height: 9px; }
 235 .ic_item_rtl { background-position: 0 -1406px; width: 5px; height: 9px; }
 236 .ic_more { background-position: 0 -1417px; width: 13px; height: 8px; }
 237 .ic_pause { background-position: 0 -1427px; }
 238 .ic_s_asc { background-position: 0 -1445px; width: 11px; height: 9px; }
 239 .ic_s_asci { background-position: 0 -1456px; }
 240 .ic_s_cancel { background-position: 0 -1474px; }
 241 .ic_s_cog { background-position: 0 -1492px; }
 242 .ic_s_db { background-position: 0 -1510px; }
 243 .ic_s_desc { background-position: 0 -1528px; width: 11px; height: 9px; }
 244 .ic_s_error { background-position: 0 -1539px; }
 245 .ic_s_error2 { background-position: 0 -1557px; width: 11px; height: 11px; }
 246 .ic_s_host { background-position: 0 -1570px; }
 247 .ic_s_lang { background-position: 0 -1588px; }
 248 .ic_s_loggoff { background-position: 0 -1606px; }
 249 .ic_s_notice { background-position: 0 -1624px; }
 250 .ic_s_passwd { background-position: 0 -1642px; }
 251 .ic_s_really { background-position: 0 -1660px; width: 11px; height: 11px; }
 252 .ic_s_reload { background-position: 0 -1673px; }
 253 .ic_s_replication { background-position: 0 -1691px; }
 254 .ic_s_rights { background-position: 0 -1709px; }
 255 .ic_s_sortable { background-position: 0 -1727px; }
 256 .ic_s_status { background-position: 0 -1745px; }
 257 .ic_s_success { background-position: 0 -1763px; }
 258 .ic_s_sync { background-position: 0 -1781px; }
 259 .ic_s_tbl { background-position: 0 -1799px; }
 260 .ic_s_theme { background-position: 0 -1817px; }
 261 .ic_s_vars { background-position: 0 -1835px; }
 262 .ic_s_views { background-position: 0 -1853px; width: 10px; height: 10px; }
 263 .ic_window-new { background-position: 0 -1865px; }
 264
 265 /* Same as s_notice */
 266 .ic_s_attention { background-position: 0 -1624px; }
 267
 268 /* Same as ic_b_help, but applied to place where width=11, height=11 attributes were used */
 269 .ic_b_help_s { background-position: -324px 0; width: 11px; height: 11px; }
 270
 271 /* Same as ic_s_sortable */
 272 img.sortableIcon { background-position: -1727px 0; }
 273
 274 /* Same as s_asc */
 275 th.headerSortUp img.sortableIcon { background-position: 0 -1528px; width: 11px; height: 9px; }
 276
 277 /* Same as s_desc */
 278 th.headerSortDown img.sortableIcon { background-position: 0 -1445px; width: 11px; height: 9px; }
 279
 280 /* Fix position */
 281 .ic_more { vertical-align: middle; }
 282
 283 /******************************************************************************/
 284 /* classes */
 285 .clearfloat {
 286     clear: both;
 287 }
 288
 289 .floatleft {
 290     float: <?php echo $left; ?>;
 291     margin-<?php echo $right; ?>: 1em;
 292 }
 293
 294 .paddingtop {
 295     padding-top: 1em;
 296 }
 297
 298 div.tools {
 299     border: 1px solid #000000;
 300     padding: 0.2em;
 301 }
 302
 303 div.tools,
 304 fieldset.tblFooters {
 305     margin-top:         0;
 306     margin-bottom:      0.5em;
 307     /* avoid a thick line since this should be used under another fieldset */
 308     border-top:         0;
 309     text-align:         <?php echo $right; ?>;
 310     float:              none;
 311     clear:              both;
 312 }
 313
 314 div.null_div {
 315     height: 20px;
 316     text-align: center;
 317     font-style:normal;
 318     min-width:50px;
 319 }
 320
 321 fieldset .formelement {
 322     float:              <?php echo $left; ?>;
 323     margin-<?php echo $right; ?>:       0.5em;
 324     /* IE */
 325     white-space:        nowrap;
 326 }
 327
 328 /* revert for Gecko */
 329 fieldset div[class=formelement] {
 330     white-space:        normal;
 331 }
 332
 333 button.mult_submit {
 334     border:             none;
 335     background-color:   transparent;
 336 }
 337
 338 /* odd items 1,3,5,7,... */
 339 table tr.odd th,
 340 .odd {
 341     background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 342 }
 343
 344 /* even items 2,4,6,8,... */
 345 table tr.even th,
 346 .even {
 347     background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 348 }
 349
 350 /* odd table rows 1,3,5,7,... */
 351 table tr.odd th,
 352 table tr.odd,
 353 table tr.even th,
 354 table tr.even {
 355     text-align:         <?php echo $left; ?>;
 356 }
 357
 358 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
 359 /* marked table rows */
 360 td.marked,
 361 table tr.marked td,
 362 table tr.marked th,
 363 table tr.marked {
 364     background:   <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 365     color:   <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 366 }
 367 <?php } ?>
 368
 369 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
 370 /* hovered items */
 371 .odd:hover,
 372 .even:hover,
 373 .hover,
 374 .structure_actions_dropdown {
 375     background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
 376     color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 377 }
 378
 379 /* hovered table rows */
 380 table tr.odd:hover th,
 381 table tr.even:hover th,
 382 table tr.hover th {
 383     background:   <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
 384     color:   <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 385 }
 386 <?php } ?>
 387
 388 /**
 389  * marks table rows/cells if the db field is in a where condition
 390  */
 391 tr.condition th,
 392 tr.condition td,
 393 td.condition,
 394 th.condition {
 395     border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 396 }
 397
 398 /**
 399  * cells with the value NULL
 400  */
 401 td.null {
 402     font-style: italic;
 403     text-align: <?php echo $right; ?>;
 404 }
 405
 406 table .valueHeader {
 407     text-align:         <?php echo $right; ?>;
 408     white-space:        normal;
 409 }
 410 table .value {
 411     text-align:         <?php echo $right; ?>;
 412     white-space:        normal;
 413 }
 414 /* IE doesnt handles 'pre' right */
 415 table [class=value] {
 416     white-space:        normal;
 417 }
 418
 419
 420 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
 421 .value {
 422     font-family:        <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
 423 }
 424 <?php } ?>
 425 .attention {
 426     color:              red;
 427     font-weight:        bold;
 428 }
 429 .allfine {
 430     color:              green;
 431 }
 432
 433
 434 img.lightbulb {
 435     cursor:             pointer;
 436 }
 437
 438 .pdflayout {
 439     overflow:           hidden;
 440     clip:               inherit;
 441     background-color:   #FFFFFF;
 442     display:            none;
 443     border:             1px solid #000000;
 444     position:           relative;
 445 }
 446
 447 .pdflayout_table {
 448     background:         #D3DCE3;
 449     color:              #000000;
 450     overflow:           hidden;
 451     clip:               inherit;
 452     z-index:            2;
 453     display:            inline;
 454     visibility:         inherit;
 455     cursor:             move;
 456     position:           absolute;
 457     font-size:          80%;
 458     border:             1px dashed #000000;
 459 }
 460
 461 /* MySQL Parser */
 462 .syntax {
 463     font-size:          80%;
 464 }
 465
 466 .syntax a {
 467     text-decoration: none;
 468     border-bottom:1px dotted black;
 469 }
 470
 471 .syntax_comment {
 472     padding-left:       4pt;
 473     padding-right:      4pt;
 474 }
 475
 476 .syntax_digit {
 477 }
 478
 479 .syntax_digit_hex {
 480 }
 481
 482 .syntax_digit_integer {
 483 }
 484
 485 .syntax_digit_float {
 486 }
 487
 488 .syntax_punct {
 489 }
 490
 491 .syntax_alpha {
 492 }
 493
 494 .syntax_alpha_columnType {
 495     text-transform:     uppercase;
 496 }
 497
 498 .syntax_alpha_columnAttrib {
 499     text-transform:     uppercase;
 500 }
 501
 502 .syntax_alpha_reservedWord {
 503     text-transform:     uppercase;
 504     font-weight:        bold;
 505 }
 506
 507 .syntax_alpha_functionName {
 508     text-transform:     uppercase;
 509 }
 510
 511 .syntax_alpha_identifier {
 512 }
 513
 514 .syntax_alpha_charset {
 515 }
 516
 517 .syntax_alpha_variable {
 518 }
 519
 520 .syntax_quote {
 521     white-space:        pre;
 522 }
 523
 524 .syntax_quote_backtick {
 525 }
 526
 527 /* leave some space between icons and text */
 528 .icon, img.footnotemarker {
 529     vertical-align:     middle;
 530     margin-right:       0.3em;
 531     margin-left:        0.3em;
 532 }
 533
 534 img.footnotemarker {
 535     display: none;
 536 }
 537
 538 /* no extra space in table cells */
 539 td .icon {
 540     margin: 0;
 541 }
 542
 543 .selectallarrow {
 544     margin-<?php echo $right; ?>: 0.3em;
 545     margin-<?php echo $left; ?>: 0.6em;
 546 }
 547
 548 /* message boxes: error, confirmation */
 549 .success h1,
 550 .notice h1,
 551 div.error h1 {
 552     border-bottom:      2px solid;
 553     font-weight:        bold;
 554     text-align:         <?php echo $left; ?>;
 555     margin:             0 0 0.2em 0;
 556 }
 557
 558 div.success,
 559 div.notice,
 560 div.error,
 561 div.footnotes {
 562     margin:             0.3em 0 0 0;
 563     border:             2px solid;
 564     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 565     background-repeat:  no-repeat;
 566         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 567     background-position: 10px 50%;
 568     padding:            0.1em 0.1em 0.1em 36px;
 569         <?php } else { ?>
 570     background-position: 99% 50%;
 571     padding:            10px 5% 10px 10px;
 572         <?php } ?>
 573     <?php } else { ?>
 574     padding:            0.3em;
 575     <?php } ?>
 576 }
 577
 578 .success {
 579     color:              #000000;
 580     background-color:   #f0fff0;
 581 }
 582 h1.success,
 583 div.success {
 584     border-color:       #00FF00;
 585     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 586     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
 587     background-repeat:  no-repeat;
 588         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 589     background-position: 5px 50%;
 590     padding:            0.2em 0.2em 0.2em 25px;
 591         <?php } else { ?>
 592     background-position: 97% 50%;
 593     padding:            0.2em 25px 0.2em 0.2em;
 594         <?php } ?>
 595     <?php } ?>
 596 }
 597 .success h1 {
 598     border-color:       #00FF00;
 599 }
 600
 601 .notice, .footnotes {
 602     color:              #000000;
 603     background-color:   #FFFFDD;
 604 }
 605 h1.notice,
 606 div.notice,
 607 div.footnotes {
 608     border-color:       #FFD700;
 609     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 610     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
 611     background-repeat:  no-repeat;
 612         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 613     background-position: 5px 50%;
 614     padding:            0.2em 0.2em 0.2em 25px;
 615         <?php } else { ?>
 616     background-position: 97% 50%;
 617     padding:            0.2em 25px 0.2em 0.2em;
 618         <?php } ?>
 619     <?php } ?>
 620 }
 621 .notice h1 {
 622     border-color:       #FFD700;
 623 }
 624
 625 .error {
 626     background-color:   #FFFFCC;
 627     color:              #ff0000;
 628 }
 629
 630 h1.error,
 631 div.error {
 632     border-color:       #ff0000;
 633     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 634     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
 635     background-repeat:  no-repeat;
 636         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 637     background-position: 5px 50%;
 638     padding:            0.2em 0.2em 0.2em 25px;
 639         <?php } else { ?>
 640     background-position: 97% 50%;
 641     padding:            0.2em 25px 0.2em 0.2em;
 642         <?php } ?>
 643     <?php } ?>
 644 }
 645 div.error h1 {
 646     border-color:       #ff0000;
 647 }
 648
 649 .confirmation {
 650     background-color:   #FFFFCC;
 651 }
 652 fieldset.confirmation {
 653     border:             0.1em solid #FF0000;
 654 }
 655 fieldset.confirmation legend {
 656     border-left:        0.1em solid #FF0000;
 657     border-right:       0.1em solid #FF0000;
 658     font-weight:        bold;
 659     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 660     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
 661     background-repeat:  no-repeat;
 662         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 663     background-position: 5px 50%;
 664     padding:            0.2em 0.2em 0.2em 25px;
 665         <?php } else { ?>
 666     background-position: 97% 50%;
 667     padding:            0.2em 25px 0.2em 0.2em;
 668         <?php } ?>
 669     <?php } ?>
 670 }
 671 /* end messageboxes */
 672
 673
 674 .tblcomment {
 675     font-size:          70%;
 676     font-weight:        normal;
 677     color:              #000099;
 678 }
 679
 680 .tblHeaders {
 681     font-weight:        bold;
 682     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 683     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 684 }
 685
 686 div.tools,
 687 .tblFooters {
 688     font-weight:        normal;
 689     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 690     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 691 }
 692
 693 .tblHeaders a:link,
 694 .tblHeaders a:active,
 695 .tblHeaders a:visited,
 696 div.tools a:link,
 697 div.tools a:visited,
 698 div.tools a:active,
 699 .tblFooters a:link,
 700 .tblFooters a:active,
 701 .tblFooters a:visited {
 702     color:              #0000FF;
 703 }
 704
 705 .tblHeaders a:hover,
 706 div.tools a:hover,
 707 .tblFooters a:hover {
 708     color:              #FF0000;
 709 }
 710
 711 /* forbidden, no privilegs */
 712 .noPrivileges {
 713     color:              #FF0000;
 714     font-weight:        bold;
 715 }
 716
 717 /* disabled text */
 718 .disabled,
 719 .disabled a:link,
 720 .disabled a:active,
 721 .disabled a:visited {
 722     color:              #666666;
 723 }
 724
 725 .disabled a:hover {
 726     color:              #666666;
 727     text-decoration:    none;
 728 }
 729
 730 tr.disabled td,
 731 td.disabled {
 732     background-color:   #cccccc;
 733 }
 734
 735 .nowrap {
 736     white-space:        nowrap;
 737 }
 738
 739 /**
 740  * login form
 741  */
 742 body.loginform h1,
 743 body.loginform a.logo {
 744     display: block;
 745     text-align: center;
 746 }
 747
 748 body.loginform {
 749     text-align: center;
 750 }
 751
 752 body.loginform div.container {
 753     text-align: <?php echo $left; ?>;
 754     width: 30em;
 755     margin: 0 auto;
 756 }
 757
 758 form.login label {
 759     float: <?php echo $left; ?>;
 760     width: 10em;
 761     font-weight: bolder;
 762 }
 763
 764 .commented_column {
 765     border-bottom: 1px dashed black;
 766 }
 767
 768 .column_attribute {
 769     font-size: 70%;
 770 }
 771
 772 /******************************************************************************/
 773 /* specific elements */
 774
 775 /* topmenu */
 776 ul#topmenu, ul#topmenu2, ul.tabs {
 777     font-weight:        bold;
 778     list-style-type:    none;
 779     margin:             0;
 780     padding:            0;
 781 }
 782
 783 ul#topmenu2 {
 784     margin: 0.25em 0.5em 0;
 785     height: 2em;
 786     clear: both;
 787 }
 788
 789 ul#topmenu li, ul#topmenu2 li {
 790     float:              <?php echo $left; ?>;
 791     margin:             0;
 792     padding:            0;
 793     vertical-align:     middle;
 794 }
 795
 796 #topmenu img, #topmenu2 img {
 797     vertical-align:     middle;
 798     margin-<?php echo $right; ?>:       0.1em;
 799 }
 800
 801 /* default tab styles */
 802 ul#topmenu a, ul#topmenu span {
 803     display:            block;
 804     margin:             2px 2px 0;
 805     padding:            2px 2px 0;
 806     white-space:        nowrap;
 807 }
 808
 809 ul#topmenu ul a {
 810     margin:             0;
 811     padding-bottom:     2px;
 812 }
 813
 814 ul#topmenu .submenu {
 815     position:           relative;
 816     display:            none;
 817 }
 818 ul#topmenu .shown {
 819     display:            block;
 820 }
 821
 822 ul#topmenu ul {
 823     margin:             0;
 824     padding:            0;
 825     position:           absolute;
 826     right:              0;
 827     list-style-type:    none;
 828     display:            none;
 829     border:             1px #666 solid;
 830     z-index:            2;
 831 }
 832
 833 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
 834     display:            block;
 835 }
 836
 837 ul#topmenu ul li {
 838     width:              100%;
 839 }
 840
 841 ul#topmenu2 a {
 842     display:            block;
 843     margin:             0.1em;
 844     padding:            0.2em;
 845     white-space:        nowrap;
 846 }
 847
 848 /* disabled tabs */
 849 ul#topmenu span.tab {
 850     color:              #666666;
 851 }
 852
 853 fieldset.caution a {
 854     color:              #FF0000;
 855 }
 856 fieldset.caution a:hover {
 857     color:              #ffffff;
 858     background-color:   #FF0000;
 859 }
 860
 861 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
 862 /* active tab */
 863 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
 864     color:              black;
 865 }
 866
 867 ul#topmenu ul {
 868     background:         <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 869 }
 870 <?php } else { ?>
 871 #topmenu {
 872     margin-top:         0.5em;
 873     padding:            0.1em 0.3em 0.1em 0.3em;
 874 }
 875
 876 ul#topmenu ul {
 877     -moz-box-shadow:    2px 2px 3px #666;
 878     -webkit-box-shadow: 2px 2px 3px #666;
 879     box-shadow:         2px 2px 3px #666;
 880 }
 881
 882 ul#topmenu > li {
 883     border-bottom:      1pt solid black;
 884 }
 885
 886 /* default tab styles */
 887 ul#topmenu a, ul#topmenu span {
 888     background-color:   <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 889     border:             0 solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 890     border-width:       1pt 1pt 0 1pt;
 891     -moz-border-radius: 0.4em 0.4em 0 0;
 892     border-radius:      0.4em 0.4em 0 0;
 893 }
 894
 895 ul#topmenu ul a {
 896     border-width:       1pt 0 0 0;
 897     -moz-border-radius: 0;
 898     border-radius:      0;
 899 }
 900
 901 ul#topmenu ul li:first-child a {
 902     border-width:       0;
 903 }
 904
 905 /* enabled hover/active tabs */
 906 ul#topmenu > li > a:hover,
 907 ul#topmenu > li > .tabactive {
 908     margin:             0;
 909     padding:            2px 4px;
 910     text-decoration:    none;
 911 }
 912
 913 ul#topmenu ul a:hover,
 914 ul#topmenu ul .tabactive {
 915     text-decoration:    none;
 916 }
 917
 918 ul#topmenu a.tab:hover,
 919 ul#topmenu .tabactive {
 920     background-color:   <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 921 }
 922
 923 ul#topmenu2 a.tab:hover,
 924 ul#topmenu2 a.tabactive {
 925     background-color:   <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 926     -moz-border-radius: 0.3em;
 927     border-radius:      0.3em;
 928     text-decoration:    none;
 929 }
 930
 931 /* to be able to cancel the bottom border, use <li class="active"> */
 932 ul#topmenu > li.active {
 933      border-bottom:      1pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 934 }
 935
 936 /* disabled tabs */
 937 ul#topmenu span.tab,
 938 a.error {
 939     cursor:             url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
 940 }
 941 <?php } ?>
 942 /* end topmenu */
 943
 944
 945 /* Calendar */
 946 table.calendar {
 947     width:              100%;
 948 }
 949 table.calendar td {
 950     text-align:         center;
 951 }
 952 table.calendar td a {
 953     display:            block;
 954 }
 955
 956 table.calendar td a:hover {
 957     background-color:   #CCFFCC;
 958 }
 959
 960 table.calendar th {
 961     background-color:   #D3DCE3;
 962 }
 963
 964 table.calendar td.selected {
 965     background-color:   #FFCC99;
 966 }
 967
 968 img.calendar {
 969     border:             none;
 970 }
 971 form.clock {
 972     text-align:         center;
 973 }
 974 /* end Calendar */
 975
 976
 977 /* table stats */
 978 div#tablestatistics table {
 979     float: <?php echo $left; ?>;
 980     margin-top: 0.5em;
 981     margin-bottom: 0.5em;
 982     margin-<?php echo $right; ?>: 0.5em;
 983 }
 984 /* END table stats */
 985
 986
 987 /* server privileges */
 988 #tableuserrights td,
 989 #tablespecificuserrights td,
 990 #tabledatabases td {
 991     vertical-align: middle;
 992 }
 993 /* END server privileges */
 994
 995
 996
 997 /* Heading */
 998 #serverinfo {
 999     font-weight:        bold;
1000     margin-bottom:      0.5em;
1001 }
1002
1003 #serverinfo .item {
1004     white-space:        nowrap;
1005 }
1006
1007 #span_table_comment {
1008     font-weight:        normal;
1009     font-style:         italic;
1010     white-space:        nowrap;
1011 }
1012
1013 #serverinfo img {
1014     margin:             0 0.1em 0 0.2em;
1015 }
1016
1017
1018 #textSQLDUMP {
1019     width:              95%;
1020     height:             95%;
1021     font-family:        "Courier New", Courier, mono;
1022     font-size:          110%;
1023 }
1024
1025 #TooltipContainer {
1026     position:           absolute;
1027     z-index:            99;
1028     width:              20em;
1029     height:             auto;
1030     overflow:           visible;
1031     visibility:         hidden;
1032     background-color:   #ffffcc;
1033     color:              #006600;
1034     border:             0.1em solid #000000;
1035     padding:            0.5em;
1036 }
1037
1038 /* user privileges */
1039 #fieldset_add_user_login div.item {
1040     border-bottom:      1px solid silver;
1041     padding-bottom:     0.3em;
1042     margin-bottom:      0.3em;
1043 }
1044
1045 #fieldset_add_user_login label {
1046     float:              <?php echo $left; ?>;
1047     display:            block;
1048     width:              10em;
1049     max-width:          100%;
1050     text-align:         <?php echo $right; ?>;
1051     padding-<?php echo $right; ?>:      0.5em;
1052 }
1053
1054 #fieldset_add_user_login span.options #select_pred_username,
1055 #fieldset_add_user_login span.options #select_pred_hostname,
1056 #fieldset_add_user_login span.options #select_pred_password {
1057     width:              100%;
1058     max-width:          100%;
1059 }
1060
1061 #fieldset_add_user_login span.options {
1062     float: <?php echo $left; ?>;
1063     display: block;
1064     width: 12em;
1065     max-width: 100%;
1066     padding-<?php echo $right; ?>: 0.5em;
1067 }
1068
1069 #fieldset_add_user_login input {
1070     width: 12em;
1071     clear: <?php echo $right; ?>;
1072     max-width: 100%;
1073 }
1074
1075 #fieldset_add_user_login span.options input {
1076     width: auto;
1077 }
1078
1079 #fieldset_user_priv div.item {
1080     float: <?php echo $left; ?>;
1081     width: 9em;
1082     max-width: 100%;
1083 }
1084
1085 #fieldset_user_priv div.item div.item {
1086     float: none;
1087 }
1088
1089 #fieldset_user_priv div.item label {
1090     white-space: nowrap;
1091 }
1092
1093 #fieldset_user_priv div.item select {
1094     width: 100%;
1095 }
1096
1097 #fieldset_user_global_rights fieldset {
1098     float: <?php echo $left; ?>;
1099 }
1100 /* END user privileges */
1101
1102
1103 /* serverstatus */
1104
1105 .linkElem:hover {
1106     text-decoration:    underline;
1107     color:              #235a81;
1108     cursor: pointer;
1109 }
1110
1111 h3#serverstatusqueries span {
1112     font-size:60%;
1113     display:inline;
1114 }
1115
1116 img.sortableIcon {
1117     float:right;
1118     background-repeat:no-repeat;
1119     margin:0;
1120 }
1121
1122 .buttonlinks {
1123     float: <?php echo $right; ?>;
1124     white-space: nowrap;
1125 }
1126
1127 .jsfeature {
1128     display: none; /* Made visible with js */
1129 }
1130
1131 /* Also used for the variables page */
1132 fieldset#tableFilter {
1133     margin-bottom:1em;
1134 }
1135
1136 div#serverStatusTabs {
1137     margin-top:1em;
1138 }
1139
1140 caption a.top {
1141     float: <?php echo $right; ?>;
1142 }
1143
1144 div#serverstatusquerieschart {
1145     float:<?php echo $left; ?>;
1146     width:500px;
1147     height:350px;
1148     padding-<?php echo $left; ?>: 30px;
1149 }
1150
1151 div#serverstatus table#serverstatusqueriesdetails {
1152     float: <?php echo $left; ?>;
1153 }
1154
1155 table#serverstatustraffic {
1156     float: <?php echo $left; ?>;
1157 }
1158 table#serverstatusconnections {
1159     float: <?php echo $left; ?>;
1160     margin-<?php echo $left; ?>: 30px;
1161 }
1162
1163 table#serverstatusvariables {
1164     width: 100%;
1165     margin-bottom: 1em;
1166 }
1167 table#serverstatusvariables .name {
1168     width: 18em;
1169     white-space:nowrap;
1170 }
1171 table#serverstatusvariables .value {
1172     width: 6em;
1173 }
1174 table#serverstatusconnections {
1175     float: <?php echo $left; ?>;
1176     margin-<?php echo $left; ?>: 30px;
1177 }
1178
1179 div#serverstatus table tbody td.descr a,
1180 div#serverstatus table .tblFooters a {
1181     white-space: nowrap;
1182 }
1183
1184 div.liveChart {
1185     clear:both;
1186     min-width:500px;
1187     height:400px;
1188     padding-bottom:80px;
1189 }
1190
1191 #addChartDialog input[type="text"] {
1192     margin: 0;
1193     padding:3px;
1194 }
1195
1196 div#chartVariableSettings {
1197     border:1px solid #ddd;
1198     background-color:#E6E6E6;
1199     margin-left:10px;
1200 }
1201
1202 table#chartGrid div.monitorChart {
1203     background: #EBEBEB;
1204 }
1205
1206 div#serverstatus div.tabLinks {
1207     float:<?php echo $left; ?>;
1208     padding-bottom: 10px;
1209 }
1210
1211 .popupContent {
1212     display: none;
1213     position: absolute;
1214     border: 1px solid #CCC;
1215     margin:0;
1216     padding:3px;
1217     -moz-box-shadow:    1px 1px 6px #ddd;
1218     -webkit-box-shadow: 2px 2px 3px #666;
1219     box-shadow:         2px 2px 3px #666;
1220     background-color:white;
1221     z-index: 2;
1222 }
1223
1224 div#logTable {
1225     padding-top: 10px;
1226     clear: both;
1227 }
1228
1229 div#logTable table {
1230     width:100%;
1231 }
1232
1233 .smallIndent {
1234     padding-left: 7px;
1235 }
1236
1237 /* end serverstatus */
1238
1239 /* server variables */
1240
1241 a.editLink {
1242     float: <?php echo $left; ?>;
1243     font-family:sans-serif;
1244 }
1245
1246 table.serverVariableEditTable {
1247     border:0;
1248     margin:0;
1249     padding:0;
1250     width:100%;
1251 }
1252 table.serverVariableEditTable td {
1253     border:0;
1254     margin:0;
1255     padding:0;
1256 }
1257 table.serverVariableEditTable td:first-child {
1258     white-space:nowrap;
1259     vertical-align:middle;
1260 }
1261
1262 table.serverVariableEditTable input {
1263     width:95%;
1264 }
1265
1266 table#serverVariables td {
1267     height:18px;
1268 }
1269
1270 /* end server variables */
1271
1272 /* querywindow */
1273 body#bodyquerywindow {
1274     margin: 0;
1275     padding: 0;
1276     background-image: none;
1277     background-color: #F5F5F5;
1278 }
1279
1280 div#querywindowcontainer {
1281     margin: 0;
1282     padding: 0;
1283     width: 100%;
1284 }
1285
1286 div#querywindowcontainer fieldset {
1287     margin-top: 0;
1288 }
1289 /* END querywindow */
1290
1291 /* profiling */
1292
1293 div#profilingchart {
1294     width:550px;
1295     height:370px;
1296     float:left;
1297 }
1298
1299 /* END profiling */
1300
1301 /* querybox */
1302
1303 div#sqlquerycontainer {
1304     float: <?php echo $left; ?>;
1305     width: 69%;
1306     /* height: 15em; */
1307 }
1308
1309 div#tablefieldscontainer {
1310     float: <?php echo $right; ?>;
1311     width: 29%;
1312     /* height: 15em; */
1313 }
1314
1315 div#tablefieldscontainer select {
1316     width: 100%;
1317     /* height: 12em; */
1318 }
1319
1320 textarea#sqlquery {
1321     width: 100%;
1322     /* height: 100%; */
1323 }
1324 textarea#sql_query_edit{
1325     height:7em;
1326     width: 95%;
1327     display:block;
1328 }
1329 div#queryboxcontainer div#bookmarkoptions {
1330     margin-top: 0.5em;
1331 }
1332 /* end querybox */
1333
1334 /* main page */
1335 #maincontainer {
1336     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
1337     background-position: <?php echo $right; ?> bottom;
1338     background-repeat: no-repeat;
1339 }
1340
1341 #mysqlmaininformation,
1342 #pmamaininformation {
1343     float: <?php echo $left; ?>;
1344     width: 49%;
1345 }
1346
1347 #maincontainer ul {
1348     list-style-type: disc;
1349     vertical-align: middle;
1350 }
1351
1352 #maincontainer li {
1353     margin:  0.2em 0em;
1354 }
1355 /* END main page */
1356
1357
1358 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1359 /* iconic view for ul items */
1360 li#li_create_database {
1361     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1362 }
1363
1364 li#li_select_lang {
1365     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1366 }
1367
1368 li#li_select_mysql_collation {
1369     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1370 }
1371
1372 li#li_select_theme{
1373     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1374 }
1375
1376 li#li_user_info{
1377     /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1378 }
1379
1380 li#li_mysql_status{
1381     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1382 }
1383
1384 li#li_mysql_variables{
1385     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1386 }
1387
1388 li#li_mysql_processes{
1389     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1390 }
1391
1392 li#li_mysql_collations{
1393     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1394 }
1395
1396 li#li_mysql_engines{
1397     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1398 }
1399
1400 li#li_mysql_binlogs {
1401     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1402 }
1403
1404 li#li_mysql_databases {
1405     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1406 }
1407
1408 li#li_export {
1409     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1410 }
1411
1412 li#li_import {
1413     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1414 }
1415
1416 li#li_change_password {
1417     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1418 }
1419
1420 li#li_log_out {
1421     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1422 }
1423
1424 li#li_mysql_privilegs{
1425     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1426 }
1427
1428 li#li_switch_dbstats {
1429     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1430 }
1431
1432 li#li_flush_privileges {
1433     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1434 }
1435
1436 li#li_user_preferences {
1437     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1438 }
1439 /* END iconic view for ul items */
1440 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1441
1442
1443 #body_browse_foreigners {
1444     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1445     margin:             0.5em 0.5em 0 0.5em;
1446 }
1447
1448 #bodyquerywindow {
1449     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1450 }
1451
1452 #bodythemes {
1453     width: 500px;
1454     margin: auto;
1455     text-align: center;
1456 }
1457
1458 #bodythemes img {
1459     border: 0.1em solid black;
1460 }
1461
1462 #bodythemes a:hover img {
1463     border: 0.1em solid red;
1464 }
1465
1466 #fieldset_select_fields {
1467     float: <?php echo $left; ?>;
1468 }
1469
1470 #selflink {
1471     clear: both;
1472     display: block;
1473     margin-top: 1em;
1474     margin-bottom: 1em;
1475     width: 100%;
1476     border-top: 0.1em solid silver;
1477     text-align: <?php echo $right; ?>;
1478 }
1479
1480 #table_innodb_bufferpool_usage,
1481 #table_innodb_bufferpool_activity {
1482     float: <?php echo $left; ?>;
1483 }
1484
1485 #div_mysql_charset_collations table {
1486     float: <?php echo $left; ?>;
1487 }
1488
1489 .operations_half_width {
1490     width: 48%;
1491     float: <?php echo $left; ?>;
1492 }
1493
1494 .operations_full_width {
1495     width: 100%;
1496     clear: both;
1497 }
1498
1499 #qbe_div_table_list {
1500     float: <?php echo $left; ?>;
1501 }
1502
1503 #qbe_div_sql_query {
1504     float: <?php echo $left; ?>;
1505 }
1506
1507 label.desc {
1508     width: 30em;
1509     float: <?php echo $left; ?>;
1510 }
1511
1512 label.desc sup {
1513     position: absolute;
1514 }
1515
1516 code.sql, div.sqlvalidate {
1517     display:            block;
1518     padding:            0.3em;
1519     margin-top:         0;
1520     margin-bottom:      0;
1521     border:             <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px;
1522     border-top:         0;
1523     border-bottom:      0;
1524     max-height:         10em;
1525     overflow:           auto;
1526     background:         <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1527 }
1528
1529 #main_pane_left {
1530     width:              60%;
1531     float:              <?php echo $left; ?>;
1532     padding-top:        1em;
1533 }
1534
1535 #main_pane_right {
1536     margin-<?php echo $left; ?>: 60%;
1537     padding-top: 1em;
1538     padding-<?php echo $left; ?>: 1em;
1539 }
1540
1541 .group {
1542     border-<?php echo $left; ?>: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1543     margin-bottom:      1em;
1544 }
1545
1546 .group h2 {
1547     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1548     padding:            0.1em 0.3em;
1549     margin-top:         0;
1550 }
1551
1552 .group-cnt {
1553     padding: 0 0 0 0.5em;
1554     display: inline-block;
1555     width: 98%;
1556 }
1557
1558 textarea#partitiondefinition {
1559     height:3em;
1560 }
1561
1562
1563 /* for elements that should be revealed only via js */
1564 .hide {
1565     display:            none;
1566 }
1567
1568 #li_select_server {
1569     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1570 }
1571
1572 #list_server {
1573     list-style-image: none;
1574 }
1575
1576 /**
1577   *  Progress bar styles
1578   */
1579 div.upload_progress_bar_outer
1580 {
1581     border: 1px solid black;
1582     width: 202px;
1583 }
1584
1585 div.upload_progress_bar_inner
1586 {
1587     background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1588     width: 0;
1589     height: 12px;
1590     margin: 1px;
1591 }
1592
1593 table#serverconnection_src_remote,
1594 table#serverconnection_trg_remote,
1595 table#serverconnection_src_local,
1596 table#serverconnection_trg_local  {
1597   float:left;
1598 }
1599 /**
1600   *  Validation error message styles
1601   */
1602 .invalid_value
1603 {background:#F00;}
1604
1605 /**
1606   *  Ajax notification styling
1607   */
1608  .ajax_notification {
1609     top: 0;           /** The notification needs to be shown on the top of the page */
1610     position: fixed;
1611     margin-top: 0;
1612     margin-right: auto;
1613     margin-bottom: 0;
1614     margin-left: auto;
1615     padding: 3px 5px;   /** Keep a little space on the sides of the text */
1616     width: 350px;
1617     background-color: #FFD700;
1618     z-index: 1100;      /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1619     text-align: center;
1620     display: block;
1621     left: 0;
1622     right: 0;
1623     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1624     background-repeat: no-repeat;
1625     background-position: 2%;
1626  }
1627
1628  #loading_parent {
1629     /** Need this parent to properly center the notification division */
1630     position: relative;
1631     width: 100%;
1632  }
1633 /**
1634   * Export and Import styles
1635   */
1636
1637 .exportoptions h3, .importoptions h3 {
1638     border-bottom: 1px #999999 solid;
1639     font-size: 110%;
1640 }
1641
1642 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1643     list-style-type: none;
1644     margin-bottom: 15px;
1645 }
1646
1647 .exportoptions li, .importoptions li {
1648     margin: 7px;
1649 }
1650 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1651     margin: 5px;
1652     float: none;
1653 }
1654
1655 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1656     float: left;
1657     width: 15em;
1658 }
1659
1660 .exportoptions, .importoptions {
1661     margin: 20px 30px 30px 10px
1662 }
1663
1664 .exportoptions #buttonGo, .importoptions #buttonGo {
1665     padding: 5px 30px;
1666     -moz-border-radius: 11px;
1667     -webkit-border-radius: 11px;
1668     border-radius: 11px;
1669     <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
1670     border: 1px solid #444444;
1671     cursor: pointer;
1672 }
1673
1674 .format_specific_options h3 {
1675     margin: 10px 0 0 10px;
1676     border: 0;
1677 }
1678
1679 .format_specific_options {
1680     border: 1px solid #999999;
1681     margin: 7px 0;
1682     padding: 3px;
1683 }
1684
1685 p.desc {
1686     margin: 5px;
1687 }
1688
1689 /**
1690   * Export styles only
1691   */
1692 select#db_select, select#table_select {
1693     width: 400px;
1694 }
1695
1696 .export_sub_options {
1697     margin: 20px 0 0 30px;
1698 }
1699
1700 .export_sub_options h4 {
1701     border-bottom: 1px #999999 solid;
1702 }
1703
1704 .export_sub_options li.subgroup {
1705     display: inline-block;
1706     margin-top: 0;
1707 }
1708
1709 .export_sub_options li {
1710     margin-bottom: 0;
1711 }
1712
1713 #quick_or_custom, #output_quick_export {
1714     display: none;
1715 }
1716 /**
1717  * Import styles only
1718  */
1719
1720 .importoptions #import_notification {
1721     margin: 10px 0;
1722     font-style: italic;
1723 }
1724
1725 input#input_import_file {
1726     margin: 5px;
1727 }
1728
1729 .formelementrow {
1730     margin: 5px 0 5px 0;
1731 }
1732
1733 /**
1734  * GIS data editor styles
1735  */
1736 a.close_gis_editor {
1737     float: right;
1738 }
1739
1740 #gis_editor {
1741     display: none;
1742     position: fixed;
1743     _position: absolute; /* hack for IE */
1744     z-index: 101;
1745     overflow-y: auto;
1746     overflow-x: hidden;
1747 }
1748
1749 #gis_data {
1750     min-height: 230px;
1751 }
1752
1753 #gis_data_textarea {
1754     height: 6em;
1755 }
1756
1757 #gis_data_editor {
1758     background: #D0DCE0;
1759     padding: 15px;
1760     min-height: 500px;
1761 }
1762
1763 #gis_data_editor .choice {
1764     display: none;
1765 }
1766
1767 #gis_data_editor input[type="text"] {
1768     width: 75px;
1769 }
1770
1771 /**
1772  * ENUM/SET editor styles
1773  */
1774 p.enum_notice {
1775     margin: 5px 2px;
1776     font-size: 80%;
1777 }
1778
1779 #enum_editor {
1780     display: none;
1781     position: fixed;
1782     _position: absolute; /* hack for IE */
1783     z-index: 101;
1784     overflow-y: auto;
1785     overflow-x: hidden;
1786 }
1787
1788 #enum_editor_no_js {
1789    margin: auto auto;
1790 }
1791
1792 #enum_editor, #enum_editor_no_js {
1793     background: #D0DCE0;
1794     padding: 15px;
1795 }
1796
1797 #popup_background {
1798     display: none;
1799     position: fixed;
1800     _position: absolute; /* hack for IE6 */
1801     width: 100%;
1802     height: 100%;
1803     top: 0;
1804     left: 0;
1805     background: #000;
1806     z-index: 100;
1807     overflow: hidden;
1808 }
1809
1810 a.close_enum_editor {
1811     float: right;
1812 }
1813
1814 #enum_editor #values, #enum_editor_no_js #values {
1815     margin: 15px 0;
1816     width: 100%;
1817 }
1818
1819 #enum_editor #values input, #enum_editor_no_js #values input {
1820     margin: 5px 0;
1821     float: top;
1822     width: 100%;
1823 }
1824
1825 }
1826
1827 #enum_editor_output {
1828     margin-top: 50px;
1829 }
1830
1831 /**
1832  * Table structure styles
1833  */
1834 .structure_actions_dropdown {
1835     position: absolute;
1836     padding: 3px;
1837     display: none;
1838     z-index: 100;
1839 }
1840
1841 .structure_actions_dropdown a {
1842     display: block;
1843 }
1844
1845 td.more_opts {
1846     display: none;
1847     white-space: nowrap;
1848 }
1849
1850 iframe.IE_hack {
1851     z-index: 1;
1852     position: absolute;
1853     display: none;
1854     border: 0;
1855     filter: alpha(opacity=0);
1856 }
1857
1858 /* config forms */
1859 .config-form ul.tabs {
1860     margin:      1.1em 0.2em 0;
1861     padding:     0 0 0.3em 0;
1862     list-style:  none;
1863     font-weight: bold;
1864 }
1865
1866 .config-form ul.tabs li {
1867     float: <?php echo $left; ?>;
1868 }
1869
1870 .config-form ul.tabs li a {
1871     display:          block;
1872     margin:           0.1em 0.2em 0;
1873     padding:          0.1em 0.4em;
1874     white-space:      nowrap;
1875     text-decoration:  none;
1876     border:           1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1877     border-bottom:    none;
1878 }
1879
1880 .config-form ul.tabs li a:hover,
1881 .config-form ul.tabs li a:active,
1882 .config-form ul.tabs li a.active {
1883     margin:           0;
1884     padding:          0.1em 0.6em 0.2em;
1885 }
1886
1887 .config-form ul.tabs li a.active {
1888     background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1889 }
1890
1891 .config-form fieldset {
1892     margin-top:   0;
1893     padding:      0;
1894     clear:        both;
1895     /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1896 }
1897
1898 .config-form legend {
1899     display: none;
1900 }
1901
1902 .config-form fieldset p {
1903     margin:    0;
1904     padding:   0.5em;
1905     background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1906 }
1907
1908 .config-form fieldset .errors { /* form error list */
1909     margin:       0 -2px 1em -2px;
1910     padding:      0.5em 1.5em;
1911     background:   #FBEAD9;
1912     border:       0 #C83838 solid;
1913     border-width: 1px 0;
1914     list-style:   none;
1915     font-family:  sans-serif;
1916     font-size:    small;
1917 }
1918
1919 .config-form fieldset .inline_errors { /* field error list */
1920     margin:     0.3em 0.3em 0.3em 0;
1921     padding:    0;
1922     list-style: none;
1923     color:      #9A0000;
1924     font-size:  small;
1925 }
1926
1927 .config-form fieldset th {
1928     padding:        0.3em 0.3em 0.3em 0.5em;
1929     text-align:     left;
1930     vertical-align: top;
1931     width:          40%;
1932     background:     transparent;
1933 }
1934
1935 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1936     margin-left: 1em;
1937 }
1938
1939 .config-form fieldset .disabled-notice {
1940     font-size: 80%;
1941     text-transform: uppercase;
1942     color: #E00;
1943     cursor: help;
1944 }
1945
1946 .config-form fieldset td {
1947     padding-top:    0.3em;
1948     padding-bottom: 0.3em;
1949     vertical-align: top;
1950 }
1951
1952 .config-form fieldset th small {
1953     display:     block;
1954     font-weight: normal;
1955     font-family: sans-serif;
1956     font-size:   x-small;
1957     color:       #444;
1958 }
1959
1960 .config-form fieldset th, .config-form fieldset td {
1961     border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1962 }
1963
1964 fieldset .group-header th {
1965     background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1966 }
1967
1968 fieldset .group-header + tr th {
1969     padding-top: 0.6em;
1970 }
1971
1972 fieldset .group-field-1 th, fieldset .group-header-2 th {
1973     padding-left: 1.5em;
1974 }
1975
1976 fieldset .group-field-2 th, fieldset .group-header-3 th {
1977     padding-left: 3em;
1978 }
1979
1980 fieldset .group-field-3 th {
1981     padding-left: 4.5em;
1982 }
1983
1984 fieldset .disabled-field th,
1985 fieldset .disabled-field th small,
1986 fieldset .disabled-field td {
1987     color: #666;
1988     background-color: #ddd;
1989 }
1990
1991 .config-form .lastrow {
1992     border-top: 1px #000 solid;
1993 }
1994
1995 .config-form .lastrow {
1996     background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1997     padding:    0.5em;
1998     text-align: center;
1999 }
2000
2001 .config-form .lastrow input {
2002     font-weight: bold;
2003 }
2004
2005 /* form elements */
2006
2007 .config-form span.checkbox {
2008     padding: 2px;
2009     display: inline-block;
2010 }
2011
2012 .config-form .custom { /* customized field */
2013     background: #FFC;
2014 }
2015
2016 .config-form span.checkbox.custom {
2017     padding:    1px;
2018     border:     1px #EDEC90 solid;
2019     background: #FFC;
2020 }
2021
2022 .config-form .field-error {
2023     border-color: #A11 !important;
2024 }
2025
2026 .config-form input[type="text"],
2027 .config-form select,
2028 .config-form textarea {
2029     border: 1px #A7A6AA solid;
2030     height: auto;
2031 }
2032
2033 .config-form input[type="text"]:focus,
2034 .config-form select:focus,
2035 .config-form textarea:focus {
2036     border:     1px #6676FF solid;
2037     background: #F7FBFF;
2038 }
2039
2040 .config-form .field-comment-mark {
2041     font-family: serif;
2042     color: #007;
2043     cursor: help;
2044     padding: 0 0.2em;
2045     font-weight: bold;
2046     font-style: italic;
2047 }
2048
2049 .config-form .field-comment-warning {
2050     color: #A00;
2051 }
2052
2053 /* error list */
2054 .config-form dd {
2055     margin-left: 0.5em;
2056 }
2057
2058 .config-form dd:before {
2059     content: "\25B8  ";
2060 }
2061
2062 .click-hide-message {
2063     cursor: pointer;
2064 }
2065
2066 .prefsmanage_opts {
2067     margin-<?php echo $left; ?>: 2em;
2068 }
2069
2070 #prefs_autoload {
2071     margin-bottom: 0.5em;
2072 }
2073
2074 .rte_table td {
2075     vertical-align:     middle;
2076 }
2077
2078 .rte_table tr td:nth-child(1) {
2079     font-weight:        bold;
2080 }
2081
2082 .rte_table input, .rte_table select, .rte_table textarea {
2083     width:              100%;
2084     margin:             0;
2085     box-sizing:         border-box;
2086     -ms-box-sizing:     border-box;
2087     -moz-box-sizing:    border-box;
2088     -webkit-box-sizing: border-box;
2089 }
2090
2091 .rte_table .routine_params_table {
2092     width:              100%;
2093 }
2094
2095 #placeholder .button {
2096     position: absolute;
2097     cursor: pointer;
2098 }
2099
2100 #placeholder div.button {
2101     font-size: smaller;
2102     color: #999;
2103     background-color: #eee;
2104     padding: 2px;
2105 }
2106
2107 .wrapper {
2108     float: <?php echo $left; ?>;
2109     margin-bottom: 0.5em;
2110 }
2111 .toggleButton {
2112     position: relative;
2113     cursor: pointer;
2114     font-size: 0.8em;
2115     text-align: center;
2116     line-height: 1.55em;
2117     height: 1.55em;
2118     overflow: hidden;
2119     border-right: 0.1em solid #888;
2120     border-left: 0.1em solid #888;
2121 }
2122 .toggleButton table,
2123 .toggleButton td,
2124 .toggleButton img {
2125     padding: 0;
2126     position: relative;
2127 }
2128 .toggleButton .container {
2129     position: absolute;
2130 }
2131 .toggleButton .toggleOn {
2132     color: white;
2133     padding: 0 1em;
2134 }
2135 .toggleButton .toggleOff {
2136     padding: 0 1em;
2137 }
2138
2139 .doubleFieldset fieldset {
2140     width: 48%;
2141     float: <?php echo $left; ?>;
2142     padding: 0;
2143 }
2144 .doubleFieldset fieldset.left {
2145     margin-<?php echo $right; ?>: 1%;
2146 }
2147 .doubleFieldset fieldset.right {
2148     margin-<?php echo $left; ?>: 1%;
2149 }
2150 .doubleFieldset legend {
2151     margin-<?php echo $left; ?>: 0.5em;
2152 }
2153 .doubleFieldset div.wrap {
2154     padding: 0.5em;
2155 }
2156
2157 #table_columns input, #table_columns select {
2158     width:              14em;
2159     box-sizing:         border-box;
2160     -ms-box-sizing:     border-box;
2161     -moz-box-sizing:    border-box;
2162     -webkit-box-sizing: border-box;
2163 }
2164
2165 #placeholder {
2166     position: relative;
2167     border: 1px solid #aaa;
2168     float: right;
2169     overflow: hidden;
2170 }
2171
2172 .placeholderDrag {
2173     cursor: move;
2174 }
2175
2176 #placeholder .button {
2177     position: absolute;
2178 }
2179
2180 #left_arrow {
2181     left:8px;
2182     top:26px;
2183 }
2184
2185 #right_arrow {
2186     left:26px;
2187     top:26px;
2188 }
2189
2190 #up_arrow {
2191     left:17px;
2192     top:8px;
2193 }
2194
2195 #down_arrow {
2196     left:17px;
2197     top:44px;
2198 }
2199
2200 #zoom_in {
2201     left:17px;
2202     top:67px;
2203 }
2204
2205 #zoom_world {
2206     left:17px;
2207     top:85px;
2208 }
2209
2210 #zoom_out {
2211     left:17px;
2212     top:103px;
2213 }
2214
2215 .gis_table td {
2216     vertical-align: middle;
2217 }
2218
2219 .gis_table select {
2220     min-width: 151px;
2221 }
2222
2223 .gis_table .save {
2224     font-weight: bold;
2225     vertical-align: bottom;
2226     height: 100px;
2227 }
2228
2229 .gis_table .button {
2230    text-align: <?php echo $right; ?>;
2231 }
2232
2233 .gis_table .choice {
2234     display:none;
2235 }
2236
2237 .CodeMirror {
2238   line-height: 1em;
2239   font-family: monospace;
2240   background: white;
2241   border: 1px solid black;
2242 }
2243
2244 .CodeMirror-scroll {
2245   height:             <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
2246   overflow: auto;
2247 }
2248
2249 .CodeMirror-gutter {
2250   position: absolute; left: 0; top: 0;
2251   background-color: #f7f7f7;
2252   border-right: 1px solid #eee;
2253   min-width: 2em;
2254   height: 100%;
2255 }
2256 .CodeMirror-gutter-text {
2257   color: #aaa;
2258   text-align: right;
2259   padding: .4em .2em .4em .4em;
2260 }
2261 .CodeMirror-lines {
2262   padding: .4em;
2263 }
2264
2265 .CodeMirror pre {
2266   -moz-border-radius: 0;
2267   -webkit-border-radius: 0;
2268   -o-border-radius: 0;
2269   border-radius: 0;
2270   border-width: 0; margin: 0; padding: 0; background: transparent;
2271   font-family: inherit;
2272   font-size: inherit;
2273   padding: 0; margin: 0;
2274 }
2275
2276 .CodeMirror textarea {
2277   font-family: inherit !important;
2278   font-size: inherit !important;
2279 }
2280
2281 .CodeMirror-cursor {
2282   z-index: 10;
2283   position: absolute;
2284   visibility: hidden;
2285   border-left: 1px solid black !important;
2286 }
2287 .CodeMirror-focused .CodeMirror-cursor {
2288   visibility: visible;
2289 }
2290
2291 span.CodeMirror-selected {
2292   background: #ccc !important;
2293   color: HighlightText !important;
2294 }
2295 .CodeMirror-focused span.CodeMirror-selected {
2296   background: Highlight !important;
2297 }
2298
2299 .CodeMirror-matchingbracket {color: #0f0 !important;}
2300 .CodeMirror-nonmatchingbracket {color: #f22 !important;}
2301
2302 <?php echo $_SESSION['PMA_Theme']->getCssCodeMirror(); ?>
2303
2304 .colborder {
2305     border-right: solid 1px #FFFFFF;
2306     cursor: col-resize;
2307     height: 100%;
2308     margin-left: -6px;
2309     position: absolute;
2310     width: 5px;
2311 }
2312
2313 .pma_table td {
2314     position: static;
2315 }
2316
2317 .pma_table th.draggable span, .pma_table tbody td span {
2318     display: block;
2319     overflow: hidden;
2320 }
2321
2322 .cRsz {
2323     position: absolute;
2324 }
2325
2326 .draggable {
2327     cursor: move;
2328 }
2329
2330 .cCpy {
2331     background: #000;
2332     color: #FFF;
2333     font-weight: bold;
2334     margin: 0.1em;
2335     padding: 0.3em;
2336     position: absolute;
2337 }
2338
2339 .cPointer {
2340     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>col_pointer.png);
2341     height: 20px;
2342     margin-left: -5px;  /* must be minus half of its width */
2343     margin-top: -10px;
2344     position: absolute;
2345     width: 10px;
2346 }
2347
2348 .normalqTip {
2349     background: #333 !important;
2350     opacity: 0.8 !important;
2351     border:1px solid #000 !important;
2352     -moz-border-radius: 0.3em !important;
2353     -webkit-border-radius: 0.3em !important;
2354     border-radius: 0.3em !important;
2355     text-shadow: -1px -1px #000 !important;
2356     font-size: 0.8em !important;
2357     font-weight: bold !important;
2358 }
2359
2360 .normalqTip * {
2361     background: none !important;
2362     color: #FFF !important;
2363 }
2364
2365 .normalqTipContent {
2366     padding: 1px 3px !important;
2367 }
2368
2369
2370 .data_full_width {
2371     width: 100%;
2372 }
2373 .cHide {
2374     background: #D3DCE3 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>col_hide.png);
2375     color: #CCC;
2376     cursor: pointer;
2377     height: 16px;
2378     margin-left: -5px;
2379     margin-top: 0.3em;
2380     position: absolute;
2381     width: 16px;
2382 }
2383
2384 .cHide:hover {
2385     background-color: #AAA;
2386 }
2387
2388 .cDrop {
2389     left: 0;
2390     position: absolute;
2391     top: 0;
2392 }
2393
2394 .coldrop {
2395     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>col_drop.png);
2396     cursor: pointer;
2397     height: 16px;
2398     margin-left: 0.5em;
2399     margin-top: 0.3em;
2400     position: absolute;
2401     width: 16px;
2402 }
2403
2404 .coldrop:hover, .coldrop-hover {
2405     background-color: #999;
2406 }
2407
2408 .cList {
2409     background: #EEE;
2410     border: solid 1px #999;
2411     position: absolute;
2412 }
2413
2414 .cList .lDiv div {
2415     padding: 0.2em 0.5em 0.2em 0.2em;
2416 }
2417
2418 .cList .lDiv div:hover {
2419     background: #DDD;
2420     cursor: pointer;
2421 }
2422
2423 .cList .lDiv div input {
2424     cursor: pointer;
2425 }
2426
2427 .showAllColBtn {
2428     border-bottom: solid 1px #999;
2429     border-top: solid 1px #999;
2430     cursor: pointer;
2431     font-size: 0.9em;
2432     font-weight: bold;
2433     padding: 0.35em 1em;
2434     text-align: center;
2435 }
2436
2437 .showAllColBtn:hover {
2438     background: #DDD;
2439 }
2440
2441 .navigation {
2442     background: #E5E5E5;
2443     border: 1px solid black;
2444     margin: 0.8em 0;
2445 }
2446
2447 .navigation td {
2448     margin: 0;
2449     padding: 0;
2450     vertical-align: middle;
2451     white-space: nowrap;
2452 }
2453
2454 .navigation_separator {
2455     color: #555;
2456     display: inline-block;
2457     text-align: center;
2458     width: 1.2em;
2459     text-shadow: 1px 0 #FFF;
2460 }
2461
2462 .navigation input[type=submit] {
2463     background: none;
2464     border: 0;
2465     margin: 0;
2466     padding: 0.3em 0.5em;
2467     min-width: 1.5em;
2468     font-weight: bold;
2469 }
2470
2471 .navigation input[type=submit]:hover, .navigation input.edit_mode_active {
2472     background: #333;
2473     color: white;
2474     cursor: pointer;
2475 }
2476
2477 .navigation select {
2478     margin: 0 0.8em;
2479 }
2480
2481 .cEdit {
2482     margin: 0;
2483     padding: 0;
2484     position: absolute;
2485 }
2486
2487 .cEdit input[type=text] {
2488     background: #FFF;
2489     height: 100%;
2490     margin: 0;
2491     padding: 0;
2492 }
2493
2494 .cEdit .edit_area {
2495     background: #FFF;
2496     border: 1px solid #999;
2497     min-width: 10em;
2498     padding: 0.3em 0.5em;
2499 }
2500
2501 .cEdit .edit_area select, .cEdit .edit_area textarea {
2502     width: 97%;
2503 }
2504
2505 .cEdit .cell_edit_hint {
2506     color: #555;
2507     font-size: 0.8em;
2508     margin: 0.3em 0.2em;
2509 }
2510
2511 .cEdit .edit_box {
2512     overflow: hidden;
2513     padding: 0;
2514 }
2515
2516 .cEdit .edit_box_posting {
2517     background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif) no-repeat right center;
2518     padding-right: 1.5em;
2519 }
2520
2521 .cEdit .edit_area_loading {
2522     background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif) no-repeat center;
2523     height: 10em;
2524 }
2525
2526 .cEdit .goto_link {
2527     background: #EEE;
2528     color: #555;
2529     padding: 0.2em 0.3em;
2530 }
2531
2532 .saving_edited_data {
2533     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif) no-repeat left;
2534     padding-left: 20px;
2535 }
2536
2537 /* css for timepicker */
2538 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
2539 .ui-timepicker-div dl { text-align: left; }
2540 .ui-timepicker-div dl dt { height: 25px; }
2541 .ui-timepicker-div dl dd { margin: -25px 0 10px 65px; }
2542 .ui-timepicker-div td { font-size: 90%; }
2543
2544 /* Designer */
2545 .input_tab {
2546     background-color: #A6C7E1;
2547     color: #000000;
2548 }
2549
2550 #canvas {
2551     background-color: #FFFFFF;
2552     color: #000000;
2553 }
2554
2555 canvas.pmd {
2556     display: inline-block;
2557     overflow: hidden;
2558     text-align: left;
2559 }
2560
2561 canvas.pmd * {
2562     behavior: url(#default#VML);
2563 }
2564
2565 .pmd_tab {
2566     background-color: #FFFFFF;
2567     color: #000000;
2568     border-collapse: collapse;
2569     border: 1px solid #AAAAAA;
2570     z-index: 1;
2571     -moz-user-select: none;
2572 }
2573
2574 .tab_zag {
2575     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
2576     background-repeat: repeat-x;
2577     text-align: center;
2578     cursor: move;
2579     padding: 1px;
2580     font-weight: bold;
2581 }
2582
2583 .tab_zag_2 {
2584     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
2585     background-repeat: repeat-x;
2586     text-align: center;
2587     cursor: move;
2588     padding: 1px;
2589     font-weight: bold;
2590 }
2591
2592 .tab_field {
2593     background: #FFFFFF;
2594     color: #000000;
2595     cursor: default;
2596 }
2597
2598 .tab_field_2 {
2599     background-color: #CCFFCC;
2600     color: #000000;
2601     background-repeat: repeat-x;
2602     cursor: default;
2603 }
2604
2605 .tab_field_3 {
2606     background-color: #FFE6E6; /*#DDEEFF*/
2607     color: #000000;
2608     cursor: default;
2609 }
2610
2611 #pmd_hint {
2612     white-space: nowrap;
2613     position: absolute;
2614     background-color: #99FF99;
2615     color: #000000;
2616     left: 200px;
2617     top: 50px;
2618     z-index: 3;
2619     border: #00CC66 solid 1px;
2620     display: none;
2621 }
2622
2623 .scroll_tab {
2624     overflow: auto;
2625     width: 100%;
2626     height: 500px;
2627 }
2628
2629 .pmd_Tabs {
2630     cursor: default;
2631     color: #0055bb;
2632     white-space: nowrap;
2633     text-decoration: none;
2634     text-indent: 3px;
2635     font-weight: bold;
2636     margin-left: 2px;
2637     text-align: left;
2638     background-color: #FFFFFF;
2639     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/left_panel_butt.png);
2640     border: #CCCCCC solid 1px;
2641 }
2642
2643 .pmd_Tabs2 {
2644     cursor: default;
2645     color: #0055bb;
2646     background: #FFEE99;
2647     text-indent: 3px;
2648     font-weight: bold;
2649     white-space: nowrap;
2650     text-decoration: none;
2651     border: #9999FF solid 1px;
2652     text-align: left;
2653 }
2654
2655 .owner {
2656     font-weight: normal;
2657     color: #888888;
2658 }
2659
2660 .option_tab {
2661     padding-left: 2px;
2662     padding-right: 2px;
2663     width: 5px;
2664 }
2665
2666 .select_all {
2667     vertical-align: top;
2668     padding-left: 2px;
2669     padding-right: 2px;
2670     cursor: default;
2671     width: 1px;
2672     color: #000000;
2673     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
2674     background-repeat: repeat-x;
2675 }
2676
2677 .small_tab {
2678     vertical-align: top;
2679     background-color: #0064ea;
2680     color: #FFFFFF;
2681     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/small_tab.png);
2682     cursor: default;
2683     text-align: center;
2684     font-weight: bold;
2685     padding-left: 2px;
2686     padding-right: 2px;
2687     width: 1px;
2688     text-decoration: none;
2689 }
2690
2691 .small_tab2 {
2692     vertical-align: top;
2693     color: #FFFFFF;
2694     background-color: #FF9966;
2695     cursor: default;
2696     padding-left: 2px;
2697     padding-right: 2px;
2698     text-align: center;
2699     font-weight: bold;
2700     width: 1px;
2701     text-decoration: none;
2702 }
2703
2704 .small_tab_pref {
2705     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
2706     background-repeat: repeat-x;
2707     text-align: center;
2708     width: 1px;
2709 }
2710
2711 .small_tab_pref2 {
2712     vertical-align: top;
2713     color: #FFFFFF;
2714     background-color: #FF9966;
2715     cursor: default;
2716     text-align: center;
2717     font-weight: bold;
2718     width: 1px;
2719     text-decoration: none;
2720 }
2721
2722 .butt {
2723     border: #4477aa solid 1px;
2724     font-weight: bold;
2725     height: 19px;
2726     width: 70px;
2727     background-color: #FFFFFF;
2728     color: #000000;
2729     vertical-align: baseline;
2730 }
2731
2732 .L_butt2_1 {
2733     padding: 1px;
2734     text-decoration: none;
2735     background-color: #ffffff;
2736     color: #000000;
2737     vertical-align: middle;
2738     cursor: default;
2739 }
2740
2741 .L_butt2_2 {
2742     padding: 0;
2743     border: #0099CC solid 1px;
2744     background: #FFEE99;
2745     text-decoration: none;
2746     color: #000000;
2747     cursor: default;
2748 }
2749
2750 /* ---------------------------------------------------------------------------*/
2751 .bor {
2752     width: 10px;
2753     height: 10px;
2754 }
2755
2756 .frams1 {
2757     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/1.png) no-repeat right bottom;
2758 }
2759
2760 .frams2 {
2761     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/2.png) no-repeat left bottom;
2762 }
2763
2764 .frams3 {
2765     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/3.png) no-repeat left top;
2766 }
2767
2768 .frams4 {
2769     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/4.png) no-repeat right top;
2770 }
2771
2772 .frams5 {
2773     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/5.png) repeat-x center bottom;
2774 }
2775
2776 .frams6 {
2777     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/6.png) repeat-y left;
2778 }
2779
2780 .frams7 {
2781     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/7.png) repeat-x top;
2782 }
2783
2784 .frams8 {
2785     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/8.png) repeat-y right;
2786 }
2787
2788 #osn_tab {
2789     background-color: #FFFFFF;
2790     color: #000000;
2791     border: #A9A9A9 solid 1px;
2792 }
2793
2794 .pmd_header {
2795     background-color: #EAEEF0;
2796     color: #000000;
2797     text-align: center;
2798     font-weight: bold;
2799     margin: 0;
2800     padding: 0;
2801     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/top_panel.png);
2802     background-position: top;
2803     background-repeat: repeat-x;
2804     border-right: #999999 solid 1px;
2805     border-left: #999999 solid 1px;
2806     height: 28px;
2807 }
2808
2809 .pmd_header a {
2810     display: block;
2811     float: left;
2812     margin: 3px 1px 4px 1px;
2813     height: 20px;
2814     border: 1px dotted #ffffff;
2815 }
2816
2817 .pmd_header .M_bord {
2818     display: block;
2819     float: left;
2820     margin: 4px;
2821     height: 20px;
2822     width: 2px;
2823 }
2824
2825 .pmd_header a.first {
2826     margin-right: 1em;
2827 }
2828
2829 .pmd_header a.last {
2830     margin-left: 1em;
2831 }
2832
2833 a.M_butt_Selected_down_IE,
2834 a.M_butt_Selected_down {
2835     border: 1px solid #C0C0BB;
2836     background-color: #99FF99;
2837     color: #000000;
2838 }
2839
2840 a.M_butt_Selected_down_IE:hover,
2841 a.M_butt_Selected_down:hover,
2842 a.M_butt:hover {
2843     border: 1px solid #0099CC;
2844     background-color: #FFEE99;
2845     color: #000000;
2846 }
2847
2848 #layer_menu {
2849     z-index: 1000;
2850     position: absolute;
2851     left: 0;
2852     background-color: #EAEEF0;
2853     border: #999999 solid 1px;
2854 }
2855
2856 #layer_action {
2857     position: absolute;
2858     left: 638px;
2859     top: 52px;
2860     z-index: 1000;
2861     background-color: #CCFF99;
2862     padding: 3px;
2863     border: #009933 solid 1px;
2864     white-space: nowrap;
2865     font-weight: bold;
2866 }
2867
2868 #layer_upd_relation {
2869     position: absolute;
2870     left: 637px;
2871     top: 224px;
2872     z-index: 1000;
2873 }
2874
2875 #layer_new_relation {
2876     position: absolute;
2877     left: 636px;
2878     top: 85px;
2879     z-index: 1000;
2880     width: 153px;
2881 }
2882
2883 #pmd_optionse {
2884     position: absolute;
2885     left: 636px;
2886     top: 85px;
2887     z-index: 1000;
2888     width: 153px;
2889 }
2890
2891 #layer_menu_sizer {
2892     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/resize.png);
2893     cursor: nw-resize;
2894     width: 16px;
2895     height: 16px;
2896 }
2897
2898 .panel {
2899     position: fixed;
2900     top: 50px;
2901     right: 0;
2902     display: none;
2903     background: #FFF;
2904     border:1px solid #F5F5F5;
2905     width: 350 px;
2906     height: auto;
2907     padding: 30px 170px 30px 30px;
2908     color:#FFF;
2909     z-index:99;
2910 }
2911
2912 a.trigger{
2913     position: fixed;
2914     text-decoration: none;
2915     top: 60px; right: 0;
2916     color:#fff;
2917     padding: 10px 40px 10px 15px;
2918     background:#333333 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
2919     border:1px solid #444444;
2920     display: block;
2921 }
2922
2923 a.trigger:hover{
2924     position: fixed;
2925     text-decoration: none;
2926     top: 60px; right: 0;
2927     color:#080808;
2928     padding: 10px 40px 10px 15px;
2929     background:#fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
2930     border:1px solid #999;
2931     display: block;
2932 }
2933
2934 a.active.trigger {
2935     background:#222222 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
2936     z-index:999;
2937 }
2938
2939 a.active.trigger:hover {
2940     background:#fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
2941     z-index:999;
2942 }
2943
2944 h2.tiger{
2945     background-repeat: repeat-x;
2946     padding: 1px;
2947     font-weight: bold;
2948     padding: 50 20 50 20px;
2949     margin: 0 0 5px 0;
2950     width: 250px;
2951     float: left;
2952     color : #333;
2953     text-align: center;
2954 }
2955
2956 h2.tiger a {
2957     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
2958     text-align: center;
2959     text-decoration: none;
2960     color : #333;
2961     display: block;
2962 }
2963
2964 h2.tiger a:hover {
2965     color: #000;
2966     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
2967 }
2968
2969 h2.active {
2970     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
2971     background-repeat: repeat-x;
2972     padding: 1px;
2973     background-position: left bottom;
2974 }
2975
2976 .toggle_container {
2977     margin: 0 0 5px;
2978     padding: 0;
2979     border-top: 1px solid #d6d6d6;
2980     background: #FFF ;
2981     width: 250px;
2982     overflow: hidden;
2983     font-size: 1.2em;
2984     clear: both;
2985 }
2986
2987 .toggle_container .block {
2988     background-color: #DBE4E8;
2989     padding:40 15 40 15px; /*--Padding of Container--*/
2990     border:1px solid #999;
2991     color:#000;
2992 }
2993
2994 .history_table {
2995     text-align: center;
2996     background-color: #9999CC;
2997 }
2998
2999 .history_table2 {
3000     text-align: center;
3001     background-color: #DBE4E8;
3002 }
3003
3004 #filter {
3005     display: none;
3006     position: absolute;
3007     top: 0%;
3008     left: 0%;
3009     width: 100%;
3010     height: 100%;
3011     background-color: #CCA;
3012     z-index:10;
3013     opacity:0.5;
3014     filter: alpha(opacity=50);
3015 }
3016
3017 #box {
3018     display: none;
3019     position: absolute;
3020     top: 20%;
3021     left: 30%;
3022     width: 500px;
3023     height: 220px;
3024     padding: 48px;
3025     margin:0;
3026     border: 1px solid black;
3027     background-color: white;
3028     z-index:101;
3029     overflow: visible;
3030 }
3031
3032 #boxtitle {
3033     position:absolute;
3034     float:center;
3035     top:0;
3036     left:0;
3037     width:593px;
3038     height:20px;
3039     padding:0;
3040     padding-top:4px;
3041     left-padding:8px;
3042     margin:0;
3043     border-bottom:4px solid #3CF;
3044     background-color: #D0DCE0;
3045     color:black;
3046     font-weight:bold;
3047     padding-left: 2px;
3048     text-align:left;
3049 }
3050
3051 #tblfooter {
3052     background-color: #D3DCE3;
3053     float: right;
3054     padding-top:10px;
3055     color: black;
3056     font-weight: normal;
3057 }
3058
3059 input.btn {
3060     color:#333;
3061     background-color: #D0DCE0;
3062 }