pmd/styles/default/style1.css

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