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 .small_tab {
 151     vertical-align: top;
 152     background-color: #0064ea;
 153     color: #FFFFFF;
 154     background-image: url(images/small_tab.png);
 155     cursor: default;
 156     text-align: center;
 157     font-weight: bold;
 158     padding-left: 2px;
 159     padding-right: 2px;
 160     width: 1px;
 161     text-decoration: none;
 162 }
 163
 164 .small_tab2 {
 165     vertical-align: top;
 166     color: #FFFFFF;
 167     background-color: #FF9966;
 168     cursor: default;
 169     padding-left: 2px;
 170     padding-right: 2px;
 171     text-align: center;
 172     font-weight: bold;
 173     width: 1px;
 174     text-decoration: none;
 175 }
 176
 177 .small_tab_pref {
 178     background-image: url(images/Header.png);
 179     background-repeat: repeat-x;
 180     text-align: center;
 181     width: 1px;
 182 }
 183
 184 .small_tab_pref2 {
 185     vertical-align: top;
 186     color: #FFFFFF;
 187     background-color: #FF9966;
 188     cursor: default;
 189     text-align: center;
 190     font-weight: bold;
 191     width: 1px;
 192     text-decoration: none;
 193 }
 194
 195 input, select, textarea {
 196     font-family: Arial, Helvetica, sans-serif;
 197     font-size: 12px;
 198     border: #6699CC solid 1px;
 199     background-color: #FFFFFF;
 200     color: #000000;
 201 }
 202
 203 .butt {
 204     border: #4477aa solid 1px;
 205     font-size: 11px;
 206     font-weight: bold;
 207     height: 19px;
 208     width: 70px;
 209     background-color: #FFFFFF;
 210     color: #000000;
 211     vertical-align: baseline;
 212 }
 213
 214 .L_butt2_1 {
 215     font-size: 12px;
 216     padding: 1px;
 217     text-decoration: none;
 218     background-color: #ffffff;
 219     color: #000000;
 220     vertical-align: middle;
 221     cursor: default;
 222 }
 223
 224 .L_butt2_2 {
 225     font-size: 12px;
 226     padding: 0;
 227     border: #0099CC solid 1px;
 228     background: #FFEE99;
 229     text-decoration: none;
 230     color: #000000;
 231     cursor: default;
 232 }
 233
 234 /* ---------------------------------------------------------------------------*/
 235 .bor {
 236     width: 10px;
 237     height: 10px;
 238 }
 239
 240 .frams1 {
 241     background: url(images/1.png) no-repeat right bottom;
 242 }
 243
 244 .frams2 {
 245     background: url(images/2.png) no-repeat left bottom;
 246 }
 247
 248 .frams3 {
 249     background: url(images/3.png) no-repeat left top;
 250 }
 251
 252 .frams4 {
 253     background: url(images/4.png) no-repeat right top;
 254 }
 255
 256 .frams5 {
 257     background: url(images/5.png) repeat-x center bottom;
 258 }
 259
 260 .frams6 {
 261     background: url(images/6.png) repeat-y left;
 262 }
 263
 264 .frams7 {
 265     background: url(images/7.png) repeat-x top;
 266 }
 267
 268 .frams8 {
 269     background: url(images/8.png) repeat-y right;
 270 }
 271
 272 #osn_tab {
 273     background-color: #FFFFFF;
 274     color: #000000;
 275     border: #A9A9A9 solid 1px;
 276 }
 277
 278 .header {
 279 /*    width: 350px; */
 280     background-color: #EAEEF0;
 281     color: #000000;
 282     text-align: center;
 283     font-weight: bold;
 284     left: 0;
 285     top: 0;
 286     position: fixed;
 287     margin: 0;
 288     z-index: 1001;
 289     padding: 0;
 290     background-image: url(images/top_panel.png);
 291     background-position: top;
 292     background-repeat: repeat-x;
 293     border-right: #999999 solid 1px;
 294 /*    border-bottom:#999999 solid 1px;*/
 295     border-left: #999999 solid 1px;
 296     height: 28px;
 297 }
 298
 299 .header a {
 300     display: block;
 301     float: left;
 302     margin: 3px 1px 4px 1px;
 303     height: 20px;
 304     border: 1px dotted #ffffff;
 305 }
 306
 307 .header .M_bord {
 308     display: block;
 309     float: left;
 310     margin: 4px;
 311     height: 20px;
 312     width: 2px;
 313 }
 314
 315 .header a.first {
 316     margin-right: 1em;
 317 }
 318
 319 .header a.last {
 320     margin-left: 1em;
 321 }
 322
 323 a.M_butt_Selected_down_IE,
 324 a.M_butt_Selected_down {
 325     border: 1px solid #C0C0BB;
 326     background-color: #99FF99;
 327     color: #000000;
 328 }
 329
 330 a.M_butt_Selected_down_IE:hover,
 331 a.M_butt_Selected_down:hover,
 332 a.M_butt:hover {
 333     border: 1px solid #0099CC;
 334     background-color: #FFEE99;
 335     color: #000000;
 336 }
 337
 338 #layer_menu {
 339     left: 0;
 340     top: 28px;
 341     width: 150px;
 342     position: fixed;
 343     z-index: 1000;
 344     background-color: #EAEEF0;
 345     border: #999999 solid 1px;
 346 }
 347
 348 #layer_action {
 349     position: absolute;
 350     left: 638px;
 351     top: 52px;
 352     z-index: 1000;
 353     background-color: #CCFF99;
 354     padding: 3px;
 355     border: #009933 solid 1px;
 356     white-space: nowrap;
 357     font-weight: bold;
 358 }
 359
 360 #layer_upd_relation {
 361     position: absolute;
 362     left: 637px;
 363     top: 224px;
 364     z-index: 1000;
 365 }
 366
 367 #layer_new_relation {
 368     position: absolute;
 369     left: 636px;
 370     top: 85px;
 371     z-index: 1000;
 372     width: 153px;
 373 }
 374
 375 #layer_menu_sizer {
 376     background-image: url(../../images/resize.png);
 377     cursor: nw-resize;
 378     width: 16px;
 379     height: 16px;
 380 }