phpmyadmin/themes/pmahomme/css/pmd.css.php

   1 <?php
   2 /* vim: set expandtab sw=4 ts=4 sts=4: */
   3 /**
   4  * Designer styles for the pmahomme theme
   5  *
   6  * @package    PhpMyAdmin-theme
   7  * @subpackage PMAHomme
   8  */
   9
  10 // unplanned execution path
  11 if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
  12     exit();
  13 }
  14 ?>
  15
  16 /* Designer */
  17 .input_tab {
  18     background-color: #A6C7E1;
  19     color: #000;
  20 }
  21
  22 .content_fullscreen {
  23     position: relative;
  24     overflow: auto;
  25 }
  26
  27 #canvas_outer {
  28     position: relative;
  29 }
  30
  31 #canvas {
  32     background-color: #fff;
  33     color: #000;
  34 }
  35
  36 canvas.pmd {
  37     display: inline-block;
  38     overflow: hidden;
  39     text-align: left;
  40 }
  41
  42 canvas.pmd * {
  43     behavior: url(#default#VML);
  44 }
  45
  46 .pmd_tab {
  47     background-color: #fff;
  48     color: #000;
  49     border-collapse: collapse;
  50     border: 1px solid #aaa;
  51     z-index: 1;
  52     -moz-user-select: none;
  53 }
  54
  55 .tab_zag {
  56     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header.png'); ?>);
  57     background-repeat: repeat-x;
  58     text-align: center;
  59     cursor: move;
  60     padding: 1px;
  61     font-weight: bold;
  62 }
  63
  64 .tab_zag_2 {
  65     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header_Linked.png'); ?>);
  66     background-repeat: repeat-x;
  67     text-align: center;
  68     cursor: move;
  69     padding: 1px;
  70     font-weight: bold;
  71 }
  72
  73 .tab_field {
  74     background: #fff;
  75     color: #000;
  76     cursor: default;
  77 }
  78
  79 .tab_field_2 {
  80     background-color: #CCFFCC;
  81     color: #000;
  82     background-repeat: repeat-x;
  83     cursor: default;
  84 }
  85
  86 .tab_field_3 {
  87     background-color: #FFE6E6; /*#DDEEFF*/
  88     color: #000;
  89     cursor: default;
  90 }
  91
  92 #pmd_hint {
  93     white-space: nowrap;
  94     position: absolute;
  95     background-color: #99FF99;
  96     color: #000;
  97     <?php echo $left; ?>: 200px;
  98     top: 50px;
  99     z-index: 3;
 100     border: #00CC66 solid 1px;
 101     display: none;
 102 }
 103
 104 .scroll_tab {
 105     overflow: auto;
 106     width: 100%;
 107     height: 500px;
 108 }
 109
 110 .pmd_Tabs {
 111     cursor: default;
 112     color: #0055bb;
 113     white-space: nowrap;
 114     text-decoration: none;
 115     text-indent: 3px;
 116     font-weight: bold;
 117     margin-left: 2px;
 118     text-align: <?php echo $left; ?>;
 119     background-color: #fff;
 120     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/left_panel_butt.png'); ?>);
 121     border: #ccc solid 1px;
 122 }
 123
 124 .pmd_Tabs2 {
 125     cursor: default;
 126     color: #0055bb;
 127     background: #FFEE99;
 128     text-indent: 3px;
 129     font-weight: bold;
 130     white-space: nowrap;
 131     text-decoration: none;
 132     border: #9999FF solid 1px;
 133     text-align: <?php echo $left; ?>;
 134 }
 135
 136 .owner {
 137     font-weight: normal;
 138     color: #888;
 139 }
 140
 141 .option_tab {
 142     padding-left: 2px;
 143     padding-right: 2px;
 144     width: 5px;
 145 }
 146
 147 .select_all {
 148     vertical-align: top;
 149     padding-left: 2px;
 150     padding-right: 2px;
 151     cursor: default;
 152     width: 1px;
 153     color: #000;
 154     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header.png'); ?>);
 155     background-repeat: repeat-x;
 156 }
 157
 158 .small_tab {
 159     vertical-align: top;
 160     background-color: #0064ea;
 161     color: #fff;
 162     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/small_tab.png'); ?>);
 163     cursor: default;
 164     text-align: center;
 165     font-weight: bold;
 166     padding-left: 2px;
 167     padding-right: 2px;
 168     width: 1px;
 169     text-decoration: none;
 170 }
 171
 172 .small_tab2 {
 173     vertical-align: top;
 174     color: #fff;
 175     background-color: #FF9966;
 176     cursor: default;
 177     padding-left: 2px;
 178     padding-right: 2px;
 179     text-align: center;
 180     font-weight: bold;
 181     width: 1px;
 182     text-decoration: none;
 183 }
 184
 185 .small_tab_pref {
 186     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header.png'); ?>);
 187     background-repeat: repeat-x;
 188     text-align: center;
 189     width: 1px;
 190 }
 191
 192 .small_tab_pref2 {
 193     vertical-align: top;
 194     color: #fff;
 195     background-color: #FF9966;
 196     cursor: default;
 197     text-align: center;
 198     font-weight: bold;
 199     width: 1px;
 200     text-decoration: none;
 201 }
 202
 203 .butt {
 204     border: #4477aa solid 1px;
 205     font-weight: bold;
 206     height: 19px;
 207     width: 70px;
 208     background-color: #fff;
 209     color: #000;
 210     vertical-align: baseline;
 211 }
 212
 213 .L_butt2_1 {
 214     padding: 1px;
 215     text-decoration: none;
 216     vertical-align: middle;
 217     cursor: default;
 218 }
 219
 220 .L_butt2_2 {
 221     padding: 0;
 222     border: #0099CC solid 1px;
 223     background: #FFEE99;
 224     color: #000;
 225     text-decoration: none;
 226     vertical-align: middle;
 227     cursor: default;
 228 }
 229
 230 /* ---------------------------------------------------------------------------*/
 231 .bor {
 232     width: 10px;
 233     height: 10px;
 234 }
 235
 236 .frams1 {
 237     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/1.png'); ?>) no-repeat right bottom;
 238 }
 239
 240 .frams2 {
 241     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/2.png'); ?>) no-repeat left bottom;
 242 }
 243
 244 .frams3 {
 245     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/3.png'); ?>) no-repeat left top;
 246 }
 247
 248 .frams4 {
 249     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/4.png'); ?>) no-repeat right top;
 250 }
 251
 252 .frams5 {
 253     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/5.png'); ?>) repeat-x center bottom;
 254 }
 255
 256 .frams6 {
 257     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/6.png'); ?>) repeat-y left;
 258 }
 259
 260 .frams7 {
 261     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/7.png'); ?>) repeat-x top;
 262 }
 263
 264 .frams8 {
 265     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/8.png'); ?>) repeat-y right;
 266 }
 267
 268 #osn_tab {
 269     background-color: #fff;
 270     color: #000;
 271     border: #A9A9A9 solid 1px;
 272 }
 273
 274 .pmd_header {
 275     background-color: #EAEEF0;
 276     color: #000;
 277     text-align: center;
 278     font-weight: bold;
 279     margin: 0;
 280     padding: 0;
 281     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/top_panel.png'); ?>);
 282     background-position: top;
 283     background-repeat: repeat-x;
 284     border-right: #999 solid 1px;
 285     border-left: #999 solid 1px;
 286     height: 28px;
 287     z-index: 101;
 288     width: 100%
 289 }
 290
 291 .pmd_header a {
 292     display: block;
 293     float: <?php echo $left; ?>;
 294     margin: 3px 1px 4px;
 295     height: 20px;
 296     border: 1px dotted #fff;
 297 }
 298
 299 .pmd_header .M_bord {
 300     display: block;
 301     float: <?php echo $left; ?>;
 302     margin: 4px;
 303     height: 20px;
 304     width: 2px;
 305 }
 306
 307 .pmd_header a.first {
 308     margin-right: 1em;
 309 }
 310
 311 .pmd_header a.last {
 312     margin-left: 1em;
 313 }
 314
 315 a.M_butt_Selected_down_IE,
 316 a.M_butt_Selected_down {
 317     border: 1px solid #C0C0BB;
 318     background-color: #99FF99;
 319     color: #000;
 320 }
 321
 322 a.M_butt_Selected_down_IE:hover,
 323 a.M_butt_Selected_down:hover,
 324 a.M_butt:hover {
 325     border: 1px solid #0099CC;
 326     background-color: #FFEE99;
 327     color: #000;
 328 }
 329
 330 #layer_menu {
 331     z-index: 100;
 332     position: absolute;
 333     <?php echo $left; ?>: 0;
 334     background-color: #EAEEF0;
 335     border: #999 solid 1px;
 336 }
 337
 338 #layer_upd_relation {
 339     position: absolute;
 340     <?php echo $left; ?>: 637px;
 341     top: 224px;
 342     z-index: 100;
 343 }
 344
 345 #layer_new_relation {
 346     position: absolute;
 347     <?php echo $left; ?>: 636px;
 348     top: 85px;
 349     z-index: 100;
 350     width: 153px;
 351 }
 352
 353 #pmd_optionse {
 354     position: absolute;
 355     <?php echo $left; ?>: 636px;
 356     top: 85px;
 357     z-index: 100;
 358     width: 153px;
 359 }
 360
 361 #layer_menu_sizer {
 362     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/resize.png'); ?>);
 363     cursor: nw-resize;
 364     width: 16px;
 365     height: 16px;
 366 }
 367
 368 .panel {
 369     position: fixed;
 370     top: 60px;
 371     <?php echo $right; ?>: 0;
 372     display: none;
 373     background: #FFF;
 374     border: 1px solid gray;
 375     width: 350 px;
 376     height: auto;
 377     padding: 30px 170px 30px;
 378     padding-<?php echo $left; ?>: 30px;
 379     color: #FFF;
 380     z-index: 102;
 381 }
 382
 383 a.trigger {
 384     position: fixed;
 385     text-decoration: none;
 386     top: 60px;
 387     <?php echo $right; ?>: 0;
 388     color: #fff;
 389     padding: 10px 40px 10px 15px;
 390     background: #333 url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/plus.png'); ?>) 85% 55% no-repeat;
 391     border: 1px solid #444;
 392     display: block;
 393     z-index: 102;
 394 }
 395
 396 a.trigger:hover {
 397     color: #080808;
 398     background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/plus.png'); ?>) 85% 55% no-repeat;
 399     border: 1px solid #999;
 400 }
 401
 402 a.active.trigger {
 403     background: #222 url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/minus.png'); ?>) 85% 55% no-repeat;
 404     z-index: 999;
 405 }
 406
 407 a.active.trigger:hover {
 408     background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/minus.png'); ?>) 85% 55% no-repeat;
 409 }
 410
 411 h2.tiger {
 412     background-repeat: repeat-x;
 413     padding: 1px;
 414     font-weight: bold;
 415     padding: 50px 20px 50px;
 416     margin: 0 0 5px 0;
 417     width: 250px;
 418     float: <?php echo $left; ?>;
 419     color : #333;
 420     text-align: center;
 421 }
 422
 423 h2.tiger a {
 424     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header.png'); ?>);
 425     text-align: center;
 426     text-decoration: none;
 427     color : #333;
 428     display: block;
 429 }
 430
 431 h2.tiger a:hover {
 432     color: #000;
 433     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header_Linked.png'); ?>);
 434 }
 435
 436 h2.active {
 437     background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header.png'); ?>);
 438     background-repeat: repeat-x;
 439     padding: 1px;
 440     background-position: left bottom;
 441 }
 442
 443 .toggle_container {
 444     margin: 0 0 5px;
 445     padding: 0;
 446     border-top: 1px solid #d6d6d6;
 447     background: #FFF;
 448     width: 250px;
 449     overflow: hidden;
 450     font-size: 1.2em;
 451     clear: both;
 452 }
 453
 454 .toggle_container .block {
 455     background-color: #DBE4E8;
 456     padding: 40px 15px 40px 15px; /*--Padding of Container--*/
 457     border:1px solid #999;
 458     color: #000;
 459 }
 460
 461 .history_table {
 462     text-align: center;
 463     background-color: #9999CC;
 464 }
 465
 466 .history_table2 {
 467     text-align: center;
 468     background-color: #DBE4E8;
 469 }
 470
 471 #filter {
 472     display: none;
 473     position: absolute;
 474     top: 0%;
 475     left: 0%;
 476     width: 100%;
 477     height: 100%;
 478     background-color: #CCA;
 479     z-index: 10;
 480     opacity: .5;
 481     filter: alpha(opacity=50);
 482 }
 483
 484 #box {
 485     display: none;
 486     position: absolute;
 487     top: 20%;
 488     <?php echo $left; ?>: 30%;
 489     width: 500px;
 490     height: 220px;
 491     padding: 48px;
 492     margin: 0;
 493     border: 1px solid #000;
 494     background-color: #fff;
 495     z-index: 101;
 496     overflow: visible;
 497 }
 498
 499 #boxtitle {
 500     position: absolute;
 501     float: center;
 502     top: 0;
 503     <?php echo $left; ?>: 0;
 504     width: 593px;
 505     height: 20px;
 506     padding: 0;
 507     padding-top: 4px;
 508     margin: 0;
 509     border-bottom: 4px solid #3CF;
 510     background-color: #D0DCE0;
 511     color: black;
 512     font-weight: bold;
 513     padding-<?php echo $left; ?>: 2px;
 514     text-align: <?php echo $left; ?>;
 515 }
 516
 517 #tblfooter {
 518     background-color: #D3DCE3;
 519     float: <?php echo $right; ?>;
 520     padding-top: 10px;
 521     color: black;
 522     font-weight: normal;
 523 }
 524
 525 #foreignkeychk {
 526     text-align: <?php echo $left; ?>;
 527     position: absolute;
 528     cursor: pointer;
 529 }