pmd/styles/default/style1.css

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