← Back to branch summary

~automne-team/automne/trunk

« back to all changes in this revision

Viewing changes to automne/phpMyAdmin/themes/pmahomme/css/theme_right.css.php

  • Committer: sebastien-pauchet
  • Date: 2012-02-15 16:47:40 UTC
  • mfrom: (363.2.105 4.2)
  • Revision ID: seb@automne-cms.org-20120215164740-xrk26iafkvztwv6s
Merge stable branch 4.2.0

Show diffs side-by-side

added added

removed removed

Lines of Context:
automne/phpMyAdmin/themes/pmahomme/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 pmahomme
 
8
 */
 
9
 
 
10
// unplanned execution path
 
11
if (!defined('PMA_MINIMUM_COMMON')) {
 
12
    exit();
 
13
}
 
14
 
 
15
function PMA_ieFilter($start_color, $end_color)
 
16
{
 
17
    return PMA_USR_BROWSER_AGENT == 'IE' && PMA_USR_BROWSER_VER >= 6 && PMA_USR_BROWSER_VER <= 8
 
18
        ? 'filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr="' . $start_color . '", endColorstr="' . $end_color . '");'
 
19
        : '';
 
20
}
 
21
?>
 
22
/******************************************************************************/
 
23
/* general tags */
 
24
html {
 
25
    font-size: <?php echo (null !== $GLOBALS['PMA_Config']->get('fontsize') ? $GLOBALS['PMA_Config']->get('fontsize') : (
 
26
        isset($_COOKIE['pma_fontsize']) ? $_COOKIE['pma_fontsize'] : '82%'));?>;
 
27
}
 
28
 
 
29
input, select, textarea {
 
30
    font-size: 1em;
 
31
}
 
32
 
 
33
 
 
34
body {
 
35
<?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
 
36
    font-family:        <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
 
37
<?php } ?>
 
38
    padding:            0;
 
39
    margin:             0.5em;
 
40
    color:              #444;
 
41
    background:         #fff;
 
42
}
 
43
 
 
44
<?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
 
45
textarea, tt, pre, code {
 
46
    font-family:        <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
 
47
}
 
48
<?php } ?>
 
49
h1 {
 
50
    font-size:          140%;
 
51
    font-weight:        bold;
 
52
}
 
53
 
 
54
h2 {
 
55
    font-size:          2em;
 
56
    font-weight:        normal;
 
57
    text-shadow:                0px 1px 0px #fff;
 
58
    padding:                    10px 0 10px 3px;
 
59
    color:                              #777;
 
60
}
 
61
/* Hiding icons in the page titles */
 
62
h2 img{display:none;}
 
63
h2 a img{display:inline;}
 
64
 
 
65
 
 
66
.data{
 
67
margin: 0 0 12px 0;
 
68
 
 
69
}
 
70
 
 
71
h3 {
 
72
    font-weight:        bold;
 
73
}
 
74
 
 
75
a, a:link,
 
76
a:visited,
 
77
a:active {
 
78
    text-decoration:    none;
 
79
    color:              #235a81;
 
80
    cursor:             pointer;
 
81
    outline: none;
 
82
 
 
83
}
 
84
 
 
85
a:hover {
 
86
    text-decoration:    underline;
 
87
    color:              #235a81;
 
88
}
 
89
 
 
90
#initials_table {
 
91
        background:#f3f3f3;
 
92
    border:1px solid #aaa;
 
93
    margin-bottom:10px;
 
94
    -moz-border-radius:5px;
 
95
    -webkit-border-radius:5px;
 
96
    border-radius:5px;
 
97
}
 
98
 
 
99
#initials_table td{padding:8px !important}
 
100
 
 
101
#initials_table a {
 
102
    border:1px solid #aaa;
 
103
    background:#fff;
 
104
    padding:4px 8px;
 
105
    -moz-border-radius:5px;
 
106
    -webkit-border-radius:5px;
 
107
    border-radius:5px;
 
108
    background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
 
109
    background-size: 100% 100%;
 
110
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
 
111
    background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
 
112
    background: -o-linear-gradient(top,  #ffffff,  #cccccc);
 
113
    <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
 
114
}
 
115
 
 
116
dfn {
 
117
    font-style:         normal;
 
118
}
 
119
 
 
120
dfn:hover {
 
121
    font-style:         normal;
 
122
    cursor:             help;
 
123
}
 
124
 
 
125
th {
 
126
    font-weight:        bold;
 
127
    color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 
128
    background:         #f3f3f3;
 
129
    background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
 
130
    background-size: 100% 100%;
 
131
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
 
132
    background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
 
133
    background: -o-linear-gradient(top,  #ffffff,  #cccccc);
 
134
    <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
 
135
}
 
136
 
 
137
a img {
 
138
    border:             0;
 
139
}
 
140
 
 
141
hr {
 
142
    color:              <?php echo $GLOBALS['cfg']['MainColor']; ?>;
 
143
    background-color:   <?php echo $GLOBALS['cfg']['MainColor']; ?>;
 
144
    border:             0;
 
145
    height:             1px;
 
146
}
 
147
 
 
148
form {
 
149
    padding:            0;
 
150
    margin:             0;
 
151
    display:            inline;
 
152
}
 
153
 
 
154
input[type=text]{
 
155
        border-radius:2px;
 
156
    -moz-border-radius:2px;
 
157
    -webkit-border-radius:2px;
 
158
 
 
159
    box-shadow:0 1px 2px #ddd;
 
160
    -moz-box-shadow:0 1px 2px #ddd;
 
161
    -webkit-box-shadow:0 1px 2px #ddd;
 
162
 
 
163
    background:url(./themes/pmahomme/img/input_bg.gif);
 
164
    border:1px solid #aaa;
 
165
    color:#555555;
 
166
    padding:4px;
 
167
    margin:6px;
 
168
 
 
169
}
 
170
 
 
171
input[type=password]{
 
172
        border-radius:2px;
 
173
    -moz-border-radius:2px;
 
174
    -webkit-border-radius:2px;
 
175
 
 
176
    box-shadow:0 1px 2px #ddd;
 
177
    -moz-box-shadow:0 1px 2px #ddd;
 
178
    -webkit-box-shadow:0 1px 2px #ddd;
 
179
 
 
180
        background:url(./themes/pmahomme/img/input_bg.gif);
 
181
    border:1px solid #aaa;
 
182
    color:#555555;
 
183
    padding:4px;
 
184
    margin:6px;
 
185
 
 
186
}
 
187
 
 
188
input[type=submit]{
 
189
    font-weight:bold;
 
190
    margin-left:14px;
 
191
        border: 1px solid #aaa;
 
192
        padding: 3px 7px;
 
193
        color: #111;
 
194
        text-decoration: none;
 
195
        background: #ddd;
 
196
 
 
197
    border-radius: 12px;
 
198
        -webkit-border-radius: 12px;
 
199
        -moz-border-radius: 12px;
 
200
 
 
201
        text-shadow: 0px 1px 0px #fff;
 
202
 
 
203
    background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
 
204
    background-size: 100% 100%;
 
205
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
 
206
    background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
 
207
    background: -o-linear-gradient(top,  #ffffff,  #cccccc);
 
208
    <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
 
209
}
 
210
 
 
211
input[type=submit]:hover{       position: relative;
 
212
    background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
 
213
    background-size: 100% 100%;
 
214
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
 
215
    background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
 
216
    background: -o-linear-gradient(top,  #cccccc,  #dddddd);
 
217
    <?php echo PMA_ieFilter('#cccccc', '#dddddd'); ?>
 
218
    cursor:pointer;
 
219
}
 
220
 
 
221
input[type=submit]:active{      position: relative;
 
222
        top: 1px;
 
223
        left: 1px;
 
224
}
 
225
textarea {
 
226
    overflow:           visible;
 
227
    height:             <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
 
228
}
 
229
 
 
230
fieldset {
 
231
    margin-top:         1em;
 
232
    border-radius:4px 4px 0 0;
 
233
    -moz-border-radius:4px 4px 0 0;
 
234
    -webkit-border-radius:4px 4px 0 0;
 
235
    padding:5px;
 
236
    border:             #aaa solid 1px;
 
237
    padding:            1.5em;
 
238
    background:         #eee;
 
239
    text-shadow:0 1px 0 #fff;
 
240
        -moz-box-shadow: 1px 1px 2px #fff inset;
 
241
    -webkit-box-shadow: 1px 1px 2px #fff inset;
 
242
    box-shadow: 1px 1px 2px #fff inset;
 
243
}
 
244
 
 
245
fieldset fieldset {
 
246
    margin:             0.8em;
 
247
    background:#fff;
 
248
    border:1px solid #aaa;
 
249
    background:none repeat scroll 0 0 #E8E8E8;
 
250
 
 
251
}
 
252
 
 
253
fieldset legend {
 
254
    font-weight:        bold;
 
255
    color:              #444;
 
256
    padding:5px 10px;
 
257
    border-radius:2px;
 
258
    -moz-border-radius:2px;
 
259
    -webkit-border-radius:2px;
 
260
    border:1px solid #aaa;
 
261
    background-color:   #fff;
 
262
    -moz-box-shadow:3px 3px 15px #bbb;
 
263
    -webkit-box-shadow:3px 3px 15px #bbb;
 
264
    box-shadow:3px 3px 15px #bbb;
 
265
}
 
266
 
 
267
/* buttons in some browsers (eg. Konqueror) are block elements,
 
268
   this breaks design */
 
269
button {
 
270
    display:            inline;
 
271
}
 
272
 
 
273
table caption,
 
274
table th,
 
275
table td {
 
276
    padding:            0.3em;
 
277
    margin:             0.1em;
 
278
    vertical-align:     top;
 
279
    text-shadow:0 1px 0 #FFFFFF;
 
280
}
 
281
 
 
282
/* 3.4 */
 
283
table{border-collapse:collapse;}
 
284
th{border-right:1px solid #fff; text-align:left;}
 
285
 
 
286
 
 
287
img,
 
288
input,
 
289
select,
 
290
button {
 
291
    vertical-align:     middle;
 
292
}
 
293
 
 
294
select{
 
295
    -moz-border-radius:2px;
 
296
    -webkit-border-radius:2px;
 
297
    border-radius:2px;
 
298
 
 
299
    -moz-box-shadow:0 1px 2px #ddd;
 
300
        -webkit-box-shadow:0 1px 2px #ddd;
 
301
    box-shadow:0 1px 2px #ddd;
 
302
 
 
303
    border:1px solid #aaa;
 
304
    color:#333333;
 
305
    padding:3px;
 
306
    background:url(./themes/pmahomme/img/input_bg.gif)
 
307
}
 
308
 
 
309
select[multiple] {
 
310
    background: #fff;
 
311
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.8, #f1f1f1), to(#fbfbfb));
 
312
    background: -webkit-linear-gradient(#fff, #f1f1f1 80%, #fbfbfb);
 
313
    background: -moz-linear-gradient(#fff, #f1f1f1 80%, #fbfbfb);
 
314
    /* none for Opera 11.10 as <option>s always have solid white background */
 
315
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f2f2f2");
 
316
}
 
317
 
 
318
/******************************************************************************/
 
319
/* classes */
 
320
div.tools {
 
321
   /* border: 1px solid #000000; */
 
322
    padding: 0.2em;
 
323
}
 
324
 
 
325
div.tools a{color:#3a7ead !important;}
 
326
 
 
327
div.tools,
 
328
fieldset.tblFooters {
 
329
    margin-top:         0;
 
330
    margin-bottom:      0.5em;
 
331
    /* avoid a thick line since this should be used under another fieldset */
 
332
    border-top:         0;
 
333
    text-align:         <?php echo $right; ?>;
 
334
    float:              none;
 
335
    clear:              both;
 
336
    -webkit-border-radius:0 0 4px 4px;
 
337
    -moz-border-radius:0 0 4px 4px;
 
338
    border-radius: 0 0 4px 5px;
 
339
}
 
340
 
 
341
div.null_div {
 
342
    height: 20px;
 
343
    text-align: center;
 
344
    font-style:normal;
 
345
    min-width:50px;
 
346
}
 
347
 
 
348
fieldset .formelement {
 
349
    float:              <?php echo $left; ?>;
 
350
    margin-<?php echo $right; ?>:       0.5em;
 
351
    /* IE */
 
352
    white-space:        nowrap;
 
353
}
 
354
 
 
355
/* revert for Gecko */
 
356
fieldset div[class=formelement] {
 
357
    white-space:        normal;
 
358
}
 
359
 
 
360
button.mult_submit {
 
361
    border:             none;
 
362
    background-color:   transparent;
 
363
}
 
364
 
 
365
/* odd items 1,3,5,7,... */
 
366
table tr.odd th,
 
367
.odd {
 
368
    background: #fff;
 
369
}
 
370
 
 
371
/* even items 2,4,6,8,... */
 
372
table tr.even th,
 
373
.even {
 
374
    background: #f3f3f3;
 
375
}
 
376
 
 
377
/* odd table rows 1,3,5,7,... */
 
378
table tr.odd th,
 
379
table tr.odd,
 
380
table tr.even th,
 
381
table tr.even {
 
382
    text-align:         <?php echo $left; ?>;
 
383
}
 
384
 
 
385
<?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
 
386
/* marked table rows */
 
387
td.marked,
 
388
table tr.marked td,
 
389
table tr.marked th,
 
390
table tr.marked {
 
391
    background:  url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7;
 
392
    color:   <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 
393
}
 
394
<?php } ?>
 
395
 
 
396
<?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
 
397
/* hovered items */
 
398
.odd:hover,
 
399
.even:hover,
 
400
.hover,
 
401
.structure_actions_dropdown {
 
402
    background:  url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* 3.4 */
 
403
    color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 
404
}
 
405
 
 
406
/* hovered table rows */
 
407
table tr.odd:hover th,
 
408
table tr.even:hover th,
 
409
table tr.hover th {
 
410
    background:  url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* 3.4 */
 
411
    color:   <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 
412
}
 
413
<?php } ?>
 
414
 
 
415
/**
 
416
 * marks table rows/cells if the db field is in a where condition
 
417
 */
 
418
tr.condition th,
 
419
tr.condition td,
 
420
td.condition,
 
421
th.condition {
 
422
    border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 
423
}
 
424
 
 
425
/**
 
426
 * cells with the value NULL
 
427
 */
 
428
td.null {
 
429
    font-style: italic;
 
430
    text-align: <?php echo $right; ?>;
 
431
}
 
432
 
 
433
table .value {
 
434
    text-align:         <?php echo $right; ?>;
 
435
    white-space:        normal;
 
436
}
 
437
/* IE doesnt handles 'pre' right */
 
438
table [class=value] {
 
439
    white-space:        normal;
 
440
}
 
441
 
 
442
 
 
443
<?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
 
444
.value {
 
445
    font-family:        <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
 
446
}
 
447
<?php } ?>
 
448
.value .attention {
 
449
    color:              red;
 
450
    font-weight:        bold;
 
451
}
 
452
.value .allfine {
 
453
    color:              green;
 
454
}
 
455
 
 
456
 
 
457
img.lightbulb {
 
458
    cursor:             pointer;
 
459
}
 
460
 
 
461
.pdflayout {
 
462
    overflow:           hidden;
 
463
    clip:               inherit;
 
464
    background-color:   #FFFFFF;
 
465
    display:            none;
 
466
    border:             1px solid #000000;
 
467
    position:           relative;
 
468
}
 
469
 
 
470
.pdflayout_table {
 
471
    background:         #D3DCE3;
 
472
    color:              #000000;
 
473
    overflow:           hidden;
 
474
    clip:               inherit;
 
475
    z-index:            2;
 
476
    display:            inline;
 
477
    visibility:         inherit;
 
478
    cursor:             move;
 
479
    position:           absolute;
 
480
    font-size:          80%;
 
481
    border:             1px dashed #000000;
 
482
}
 
483
 
 
484
/* MySQL Parser */
 
485
.syntax {
 
486
        font-family: Verdan, Arial, Tahoma;
 
487
    font-size:          110%;
 
488
}
 
489
 
 
490
.syntax a {
 
491
    text-decoration: none;
 
492
    border-bottom:1px dotted black;
 
493
}
 
494
 
 
495
.syntax_comment {
 
496
    padding-left:       4pt;
 
497
    padding-right:      4pt;
 
498
}
 
499
 
 
500
.syntax_digit {
 
501
}
 
502
 
 
503
.syntax_digit_hex {
 
504
}
 
505
 
 
506
.syntax_digit_integer {
 
507
}
 
508
 
 
509
.syntax_digit_float {
 
510
}
 
511
 
 
512
.syntax_punct {
 
513
}
 
514
 
 
515
.syntax_alpha {
 
516
}
 
517
 
 
518
.syntax_alpha_columnType {
 
519
    text-transform:     uppercase;
 
520
}
 
521
 
 
522
.syntax_alpha_columnAttrib {
 
523
    text-transform:     uppercase;
 
524
}
 
525
 
 
526
.syntax_alpha_reservedWord {
 
527
    text-transform:     uppercase;
 
528
    font-weight:        bold;
 
529
}
 
530
 
 
531
.syntax_alpha_functionName {
 
532
    text-transform:     uppercase;
 
533
}
 
534
 
 
535
.syntax_alpha_identifier {
 
536
}
 
537
 
 
538
.syntax_alpha_charset {
 
539
}
 
540
 
 
541
.syntax_alpha_variable {
 
542
}
 
543
 
 
544
.syntax_quote {
 
545
    white-space:        pre;
 
546
}
 
547
 
 
548
.syntax_quote_backtick {
 
549
}
 
550
 
 
551
/* leave some space between icons and text */
 
552
.icon, img.footnotemarker {
 
553
    vertical-align: -3px;
 
554
    margin-right:       0.3em;
 
555
    margin-left:        0.3em;
 
556
}
 
557
 
 
558
img.footnotemarker {
 
559
    display: none;
 
560
}
 
561
 
 
562
/* no extra space in table cells */
 
563
td .icon {
 
564
    margin: 0;
 
565
}
 
566
 
 
567
.selectallarrow {
 
568
    margin-<?php echo $right; ?>: 0.3em;
 
569
    margin-<?php echo $left; ?>: 0.6em;
 
570
}
 
571
 
 
572
/* message boxes: error, confirmation */
 
573
.success h1,
 
574
.notice h1,
 
575
div.error h1 {
 
576
    border-bottom:      2px solid;
 
577
    font-weight:        bold;
 
578
    text-align:         <?php echo $left; ?>;
 
579
    margin:             0 0 0.2em 0;
 
580
}
 
581
 
 
582
div.success,
 
583
div.notice,
 
584
div.error,
 
585
div.footnotes {
 
586
    margin:             0.5em 0 1.3em 0;
 
587
    border:             1px solid;
 
588
    <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 
589
    background-repeat:  no-repeat;
 
590
        <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 
591
    background-position: 10px 50%;
 
592
    padding:            10px 10px 10px 25px;
 
593
        <?php } else { ?>
 
594
    background-position: 99% 50%;
 
595
    padding:            25px 10px 10px 10px
 
596
        <?php } ?>
 
597
    <?php } else { ?>
 
598
    padding:            0.3em;
 
599
    <?php } ?>
 
600
 
 
601
    -moz-border-radius:5px;
 
602
    -webkit-border-radius:5px;
 
603
    border-radius:5px;
 
604
 
 
605
    -moz-box-shadow: 0 1px 1px #fff inset;
 
606
    -webkit-box-shadow: 0 1px 1px #fff inset;
 
607
    box-shadow:  0 1px 1px #fff inset;
 
608
}
 
609
 
 
610
.success  a{text-decoration:underline;}
 
611
.notice a{text-decoration:underline;}
 
612
.error a{text-decoration:underline;}
 
613
.footnotes a{text-decoration:underline;}
 
614
 
 
615
.success {
 
616
    color:              #000000;
 
617
    background-color:   #ebf8a4;
 
618
}
 
619
h1.success,
 
620
div.success {
 
621
    border-color:       #a2d246;
 
622
    <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 
623
    background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
 
624
    background-repeat:  no-repeat;
 
625
        <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 
626
    background-position: 5px 50%;
 
627
        <?php } else { ?>
 
628
    background-position: 97% 50%;
 
629
        <?php } ?>
 
630
    <?php } ?>
 
631
}
 
632
.success h1 {
 
633
    border-color:       #00FF00;
 
634
}
 
635
 
 
636
.notice, .footnotes {
 
637
    color:              #000;
 
638
    background-color:   #e8eef1;
 
639
}
 
640
h1.notice,
 
641
div.notice,
 
642
div.footnotes {
 
643
    border-color:       #3a6c7e;
 
644
    <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 
645
    background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
 
646
    background-repeat:  no-repeat;
 
647
        <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 
648
    background-position: 5px 50%;
 
649
        <?php } else { ?>
 
650
    background-position: 97% 50%;
 
651
        <?php } ?>
 
652
    <?php } ?>
 
653
}
 
654
.notice h1 {
 
655
    border-color:       #ffb10a;
 
656
}
 
657
 
 
658
.error {
 
659
        border:1px solid maroon !important;
 
660
    color: #000;
 
661
    background:pink;
 
662
}
 
663
 
 
664
h1.error,
 
665
div.error {
 
666
    border-color:       #333;
 
667
    <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 
668
    background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
 
669
    background-repeat:  no-repeat;
 
670
        <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 
671
    background-position: 5px 50%;
 
672
        <?php } else { ?>
 
673
    background-position: 97% 50%;
 
674
        <?php } ?>
 
675
    <?php } ?>
 
676
}
 
677
div.error h1 {
 
678
    border-color:       #ff0000;
 
679
}
 
680
 
 
681
 
 
682
 
 
683
.confirmation {
 
684
    color:              #000000;
 
685
    background-color:   pink;
 
686
}
 
687
fieldset.confirmation {
 
688
 
 
689
}
 
690
fieldset.confirmation legend {
 
691
 
 
692
}
 
693
/* end messageboxes */
 
694
 
 
695
 
 
696
.tblcomment {
 
697
    font-size:          70%;
 
698
    font-weight:        normal;
 
699
    color:              #000099;
 
700
}
 
701
 
 
702
.tblHeaders {
 
703
    font-weight:        bold;
 
704
    color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 
705
    background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 
706
}
 
707
 
 
708
div.tools,
 
709
.tblFooters {
 
710
    font-weight:        normal;
 
711
    color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 
712
    background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 
713
}
 
714
 
 
715
.tblHeaders a:link,
 
716
.tblHeaders a:active,
 
717
.tblHeaders a:visited,
 
718
div.tools a:link,
 
719
div.tools a:visited,
 
720
div.tools a:active,
 
721
.tblFooters a:link,
 
722
.tblFooters a:active,
 
723
.tblFooters a:visited {
 
724
    color:              #0000FF;
 
725
}
 
726
 
 
727
.tblHeaders a:hover,
 
728
div.tools a:hover,
 
729
.tblFooters a:hover {
 
730
    color:              #FF0000;
 
731
}
 
732
 
 
733
/* forbidden, no privilegs */
 
734
.noPrivileges {
 
735
    color:              #FF0000;
 
736
    font-weight:        bold;
 
737
}
 
738
 
 
739
/* disabled text */
 
740
.disabled,
 
741
.disabled a:link,
 
742
.disabled a:active,
 
743
.disabled a:visited {
 
744
    color:              #666666;
 
745
}
 
746
 
 
747
.disabled a:hover {
 
748
    color:              #666666;
 
749
    text-decoration:    none;
 
750
}
 
751
 
 
752
tr.disabled td,
 
753
td.disabled {
 
754
    background-color:   #f3f3f3;
 
755
    color:#aaa;
 
756
}
 
757
 
 
758
.nowrap {
 
759
    white-space:        nowrap;
 
760
}
 
761
 
 
762
/**
 
763
 * login form
 
764
 */
 
765
body.loginform h1,
 
766
body.loginform a.logo {
 
767
    display: block;
 
768
    text-align: center;
 
769
}
 
770
 
 
771
body.loginform {
 
772
    text-align: center;
 
773
}
 
774
 
 
775
body.loginform div.container {
 
776
    text-align: <?php echo $left; ?>;
 
777
    width: 30em;
 
778
    margin: 0 auto;
 
779
}
 
780
 
 
781
form.login label {
 
782
    float: <?php echo $left; ?>;
 
783
    width: 10em;
 
784
    font-weight: bolder;
 
785
}
 
786
 
 
787
.commented_column {
 
788
    border-bottom: 1px dashed black;
 
789
}
 
790
 
 
791
.column_attribute {
 
792
    font-size: 70%;
 
793
}
 
794
 
 
795
/******************************************************************************/
 
796
/* specific elements */
 
797
 
 
798
/* topmenu */
 
799
#topmenu a {text-shadow:0px 1px 0px #fff;}
 
800
 
 
801
#topmenu .error{background:#eee;border:0px !important;color:#aaa;}
 
802
 
 
803
ul#topmenu, ul#topmenu2, ul.tabs {
 
804
    font-weight:        bold;
 
805
    list-style-type:    none;
 
806
    margin:             0;
 
807
    padding:            0;
 
808
 
 
809
}
 
810
 
 
811
ul#topmenu2 {
 
812
    margin: 0.25em 0.5em 0;
 
813
    height: 2em;
 
814
    clear: both;
 
815
}
 
816
 
 
817
ul#topmenu li, ul#topmenu2 li {
 
818
    float:              <?php echo $left; ?>;
 
819
    margin:             0;
 
820
    vertical-align:     middle;
 
821
}
 
822
 
 
823
#topmenu img, #topmenu2 img {
 
824
    margin-right:0.5em;
 
825
    vertical-align:-3px;
 
826
}
 
827
 
 
828
#topmenucontainer{background:url(./themes/pmahomme/img/tab_bg.png) repeat-x;    border-top:1px solid #aaa;}
 
829
 
 
830
/* default tab styles */
 
831
.tabactive {
 
832
    background:#fff !important;
 
833
}
 
834
 
 
835
ul#topmenu a, ul#topmenu span {
 
836
    display:            block;
 
837
    margin:             0px;
 
838
    padding:            0px;
 
839
    white-space:        nowrap;
 
840
}
 
841
 
 
842
ul#topmenu ul a {
 
843
    margin:             0;
 
844
 
 
845
}
 
846
 
 
847
ul#topmenu .submenu {
 
848
    display:            none;
 
849
    position:           relative;
 
850
}
 
851
 
 
852
ul#topmenu .shown {
 
853
    display:            inline-block;
 
854
}
 
855
 
 
856
ul#topmenu ul {
 
857
    margin:             0;
 
858
    padding:            0;
 
859
    position:           absolute;
 
860
    right:              0;
 
861
    list-style-type:    none;
 
862
    display:            none;
 
863
    border:             1px #ddd solid;
 
864
}
 
865
 
 
866
ul#topmenu li:hover {
 
867
    background:url(./themes/pmahomme/img/tab_hover_bg.png) repeat-x 50% 0%!important;
 
868
}
 
869
 
 
870
ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
 
871
    display:            block;
 
872
    font-weight:3em;
 
873
    background:#fff;
 
874
 
 
875
}
 
876
 
 
877
ul#topmenu ul li {
 
878
    width:              100%;
 
879
}
 
880
 
 
881
ul#topmenu2 a {
 
882
    display:            block;
 
883
    margin:             7px 6px 7px 0px;
 
884
    padding:            4px 10px;
 
885
    white-space:        nowrap;
 
886
    border:1px solid #ddd;
 
887
    border-radius: 20px;
 
888
    -moz-border-radius: 20px;
 
889
    -webkit-border-radius: 20px;
 
890
    background:#f2f2f2;
 
891
 
 
892
}
 
893
 
 
894
/* disabled tabs */
 
895
ul#topmenu span.tab {
 
896
    color:              #666666;
 
897
}
 
898
 
 
899
fieldset.caution a {
 
900
    color:              #FF0000;
 
901
}
 
902
fieldset.caution a:hover {
 
903
    color:              #ffffff;
 
904
    background-color:   #FF0000;
 
905
}
 
906
 
 
907
<?php if ($GLOBALS['cfg']['LightTabs']) { ?>
 
908
/* active tab */
 
909
ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
 
910
    color:              black;
 
911
}
 
912
 
 
913
ul#topmenu ul {
 
914
    background:         <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
 
915
}
 
916
<?php } else { ?>
 
917
#topmenu {
 
918
    margin-top:         0.5em;
 
919
    padding:            0.1em 0.3em 0.1em 0.3em;
 
920
}
 
921
 
 
922
ul#topmenu ul {
 
923
    -moz-box-shadow:    1px 1px 6px #ddd;
 
924
    -webkit-box-shadow: 2px 2px 3px #666;
 
925
    box-shadow:         2px 2px 3px #666;
 
926
}
 
927
 
 
928
ul#topmenu > li {
 
929
    border-right: 1px solid #fff;
 
930
    border-left: 1px solid #ccc;
 
931
}
 
932
 
 
933
/* default tab styles */
 
934
ul#topmenu a, ul#topmenu span {
 
935
        padding:10px;
 
936
}
 
937
 
 
938
ul#topmenu ul a {
 
939
    border-width:       1pt 0 0 0;
 
940
    -moz-border-radius: 0;
 
941
    -webkit-border-radius: 0;
 
942
    border-radius:      0;
 
943
 
 
944
}
 
945
 
 
946
ul#topmenu ul li:first-child a {
 
947
    border-width:       0;
 
948
 
 
949
}
 
950
 
 
951
/* enabled hover/active tabs */
 
952
ul#topmenu > li > a:hover,
 
953
ul#topmenu > li > .tabactive {
 
954
    text-decoration:    none;
 
955
}
 
956
 
 
957
ul#topmenu ul a:hover,
 
958
ul#topmenu ul .tabactive {
 
959
    text-decoration:    none;
 
960
}
 
961
 
 
962
ul#topmenu a.tab:hover,
 
963
ul#topmenu .tabactive {
 
964
    /* background-color:   <?php echo $GLOBALS['cfg']['MainBackground']; ?>;  */
 
965
}
 
966
 
 
967
ul#topmenu2 a.tab:hover,
 
968
ul#topmenu2 a.tabactive {
 
969
    background-color:   <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 
970
    border-radius:      0.3em;
 
971
    -moz-border-radius: 0.3em;
 
972
    -webkit-border-radius: 0.3em;
 
973
    text-decoration:    none;
 
974
}
 
975
 
 
976
/* to be able to cancel the bottom border, use <li class="active"> */
 
977
ul#topmenu > li.active {
 
978
    /* border-bottom:      0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
 
979
    border-right:0px;
 
980
}
 
981
 
 
982
/* disabled tabs */
 
983
ul#topmenu span.tab,
 
984
a.error {
 
985
    cursor:             url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
 
986
    color:#ccc;
 
987
}
 
988
<?php } ?>
 
989
/* end topmenu */
 
990
 
 
991
 
 
992
/* Calendar */
 
993
table.calendar {
 
994
    width:              100%;
 
995
}
 
996
table.calendar td {
 
997
    text-align:         center;
 
998
}
 
999
table.calendar td a {
 
1000
    display:            block;
 
1001
}
 
1002
 
 
1003
table.calendar td a:hover {
 
1004
    background-color:   #CCFFCC;
 
1005
}
 
1006
 
 
1007
table.calendar th {
 
1008
    background-color:   #D3DCE3;
 
1009
}
 
1010
 
 
1011
table.calendar td.selected {
 
1012
    background-color:   #FFCC99;
 
1013
}
 
1014
 
 
1015
img.calendar {
 
1016
    border:             none;
 
1017
}
 
1018
form.clock {
 
1019
    text-align:         center;
 
1020
}
 
1021
/* end Calendar */
 
1022
 
 
1023
 
 
1024
/* table stats */
 
1025
div#tablestatistics {
 
1026
    border-bottom: 0.1em solid #669999;
 
1027
    margin-bottom: 0.5em;
 
1028
    padding-bottom: 0.5em;
 
1029
}
 
1030
 
 
1031
div#tablestatistics table {
 
1032
    float: <?php echo $left; ?>;
 
1033
    margin-bottom: 0.5em;
 
1034
    margin-<?php echo $right; ?>: 1.5em;
 
1035
    margin-top: 0.5em;
 
1036
}
 
1037
 
 
1038
div#tablestatistics table caption {
 
1039
    margin-<?php echo $right; ?>: 0.5em;
 
1040
}
 
1041
/* END table stats */
 
1042
 
 
1043
 
 
1044
/* server privileges */
 
1045
#tableuserrights td,
 
1046
#tablespecificuserrights td,
 
1047
#tabledatabases td {
 
1048
    vertical-align: middle;
 
1049
}
 
1050
/* END server privileges */
 
1051
 
 
1052
 
 
1053
 
 
1054
/* Heading */
 
1055
#serverinfo {
 
1056
border-bottom:1px solid #fff;
 
1057
-moz-border-radius: 4px 4px 0 0;
 
1058
-webkit-border-radius: 4px 4px 0 0;
 
1059
border-radius:4px 4px 0 0;
 
1060
background:#888;
 
1061
padding:10px;
 
1062
text-shadow:0 1px 0 #000000;
 
1063
}
 
1064
 
 
1065
#serverinfo .item {
 
1066
    white-space:        nowrap;
 
1067
    color:#fff;
 
1068
}
 
1069
 
 
1070
#span_table_comment {
 
1071
    font-weight:        normal;
 
1072
    font-style:         italic;
 
1073
    white-space:        nowrap;
 
1074
}
 
1075
 
 
1076
#serverinfo img {
 
1077
    margin:             0 0.1em 0 0.2em;
 
1078
}
 
1079
 
 
1080
 
 
1081
#textSQLDUMP {
 
1082
    width:              95%;
 
1083
    height:             95%;
 
1084
    font-family:        "Courier New", Courier, mono;
 
1085
    font-size:          110%;
 
1086
}
 
1087
 
 
1088
#TooltipContainer {
 
1089
    position:           absolute;
 
1090
    z-index:            99;
 
1091
    width:              20em;
 
1092
    height:             auto;
 
1093
    overflow:           visible;
 
1094
    visibility:         hidden;
 
1095
    background-color:   #ffffcc;
 
1096
    color:              #006600;
 
1097
    border:             0.1em solid #000000;
 
1098
    padding:            0.5em;
 
1099
}
 
1100
 
 
1101
/* user privileges */
 
1102
#fieldset_add_user_login div.item {
 
1103
    border-bottom:      1px solid silver;
 
1104
    padding-bottom:     0.3em;
 
1105
    margin-bottom:      0.3em;
 
1106
}
 
1107
 
 
1108
#fieldset_add_user_login label {
 
1109
    float:              <?php echo $left; ?>;
 
1110
    display:            block;
 
1111
    width:              10em;
 
1112
    max-width:          100%;
 
1113
    text-align:         <?php echo $right; ?>;
 
1114
    padding-<?php echo $right; ?>:      0.5em;
 
1115
}
 
1116
 
 
1117
#fieldset_add_user_login span.options #select_pred_username,
 
1118
#fieldset_add_user_login span.options #select_pred_hostname,
 
1119
#fieldset_add_user_login span.options #select_pred_password {
 
1120
    width:              100%;
 
1121
    max-width:          100%;
 
1122
}
 
1123
 
 
1124
#fieldset_add_user_login span.options {
 
1125
    float: <?php echo $left; ?>;
 
1126
    display: block;
 
1127
    width: 12em;
 
1128
    max-width: 100%;
 
1129
    padding-<?php echo $right; ?>: 0.5em;
 
1130
}
 
1131
 
 
1132
#fieldset_add_user_login input {
 
1133
    width: 12em;
 
1134
    clear: <?php echo $right; ?>;
 
1135
    max-width: 100%;
 
1136
}
 
1137
 
 
1138
#fieldset_add_user_login span.options input {
 
1139
    width: auto;
 
1140
}
 
1141
 
 
1142
#fieldset_user_priv div.item {
 
1143
    float: <?php echo $left; ?>;
 
1144
    width: 9em;
 
1145
    max-width: 100%;
 
1146
}
 
1147
 
 
1148
#fieldset_user_priv div.item div.item {
 
1149
    float: none;
 
1150
}
 
1151
 
 
1152
#fieldset_user_priv div.item label {
 
1153
    white-space: nowrap;
 
1154
}
 
1155
 
 
1156
#fieldset_user_priv div.item select {
 
1157
    width: 100%;
 
1158
}
 
1159
 
 
1160
#fieldset_user_global_rights fieldset {
 
1161
    float: <?php echo $left; ?>;
 
1162
}
 
1163
/* END user privileges */
 
1164
 
 
1165
 
 
1166
/* serverstatus */
 
1167
div#serverstatus table caption a.top {
 
1168
    float: <?php echo $right; ?>;
 
1169
}
 
1170
 
 
1171
div#serverstatus div#serverstatusqueriesdetails table,
 
1172
div#serverstatus table#serverstatustraffic,
 
1173
div#serverstatus table#serverstatusconnections {
 
1174
    float: <?php echo $left; ?>;
 
1175
}
 
1176
 
 
1177
#serverstatussection,
 
1178
.clearfloat {
 
1179
    clear: both;
 
1180
}
 
1181
div#serverstatussection table {
 
1182
    width: 100%;
 
1183
    margin-bottom: 1em;
 
1184
}
 
1185
div#serverstatussection table .name {
 
1186
    width: 18em;
 
1187
}
 
1188
div#serverstatussection table .value {
 
1189
    width: 6em;
 
1190
}
 
1191
 
 
1192
div#serverstatus table tbody td.descr a,
 
1193
div#serverstatus table .tblFooters a {
 
1194
    white-space: nowrap;
 
1195
}
 
1196
div#serverstatus div#statuslinks a:before,
 
1197
div#serverstatus div#sectionlinks a:before,
 
1198
div#serverstatus table tbody td.descr a:before,
 
1199
div#serverstatus table .tblFooters a:before {
 
1200
}
 
1201
div#serverstatus div#statuslinks a:after,
 
1202
div#serverstatus div#sectionlinks a:after,
 
1203
div#serverstatus table tbody td.descr a:after,
 
1204
div#serverstatus table .tblFooters a:after {
 
1205
}
 
1206
/* end serverstatus */
 
1207
 
 
1208
/* querywindow */
 
1209
body#bodyquerywindow {
 
1210
    margin: 0;
 
1211
    padding: 0;
 
1212
    background-image: none;
 
1213
    background-color: #F5F5F5;
 
1214
}
 
1215
 
 
1216
div#querywindowcontainer {
 
1217
    margin: 0;
 
1218
    padding: 0;
 
1219
    width: 100%;
 
1220
}
 
1221
 
 
1222
div#querywindowcontainer fieldset {
 
1223
    margin-top: 0;
 
1224
}
 
1225
/* END querywindow */
 
1226
 
 
1227
 
 
1228
/* querybox */
 
1229
 
 
1230
#togglequerybox{margin:0 10px}
 
1231
 
 
1232
#serverstatus p {
 
1233
 
 
1234
    margin:             1.5em 0px;
 
1235
    border:             1px solid #000;
 
1236
    <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 
1237
    background-repeat:  no-repeat;
 
1238
        <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 
1239
    background-position: 10px 50%;
 
1240
    padding:            10px 10px 10px 25px;
 
1241
        <?php } else { ?>
 
1242
    background-position: 99% 50%;
 
1243
    padding:            25px 10px 10px 10px
 
1244
        <?php } ?>
 
1245
    <?php } else { ?>
 
1246
    padding:            0.3em;
 
1247
    <?php } ?>
 
1248
    -moz-border-radius:5px;
 
1249
    -webkit-border-radius:5px;
 
1250
    border-radius:5px;
 
1251
    -moz-box-shadow: 0px 1px 2px #fff inset;
 
1252
    -webkit-box-shadow: 0px 1px 2px #fff inset;
 
1253
    box-shadow:0px 1px 2px #fff; inset;
 
1254
    background:#555;
 
1255
    color:#d4fb6a;
 
1256
}
 
1257
#serverstatus p a{color:#fff;text-decoration:underline;}
 
1258
#serverstatus h3
 
1259
{
 
1260
        margin:35px 0px;font-weight:normal;color:#999;font-size:1.7em;
 
1261
}
 
1262
#sectionlinks{
 
1263
        padding:16px;
 
1264
    background:#f3f3f3;
 
1265
    border:1px solid #aaa;
 
1266
    border-radius:5px;
 
1267
    -webkit-border-radius:5px;
 
1268
    -moz-border-radius:5px;
 
1269
 
 
1270
        box-shadow:0px 1px 1px #fff inset;
 
1271
    -webkit-box-shadow:0px 1px 1px #fff inset;
 
1272
    -moz-box-shadow:0px 1px 1px #fff inset;
 
1273
 
 
1274
}
 
1275
#sectionlinks a, #statuslinks a{
 
1276
        font-size:0.88em;
 
1277
    font-weight:bold;
 
1278
    text-shadow: 0px 1px 0px #fff;
 
1279
    line-height:35px;
 
1280
        margin-left:7px;
 
1281
        border: 1px solid #aaa;
 
1282
        padding: 5px 10px;
 
1283
        color: #111;
 
1284
        text-decoration: none;
 
1285
        background: #ddd;
 
1286
        border-radius: 20px;
 
1287
        -webkit-border-radius: 20px;
 
1288
        -moz-border-radius: 20px;
 
1289
        box-shadow: 1px 1px 2px rgba(0,0,0,.5);
 
1290
        /*
 
1291
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
 
1292
        -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
 
1293
        text-shadow: #fff 0px 1px 0px;
 
1294
    */
 
1295
    background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
 
1296
    background-size: 100% 100%;
 
1297
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
 
1298
    background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
 
1299
    background: -o-linear-gradient(top,  #ffffff,  #cccccc);
 
1300
    <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
 
1301
}
 
1302
#sectionlinks a:hover, #statuslinks a:hover{
 
1303
    background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
 
1304
    background-size: 100% 100%;
 
1305
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
 
1306
    background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
 
1307
    background: -o-linear-gradient(top,  #cccccc,  #dddddd);
 
1308
    <?php echo PMA_ieFilter('#cccccc', '#dddddd'); ?>
 
1309
}
 
1310
 
 
1311
div#sqlquerycontainer {
 
1312
    float: <?php echo $left; ?>;
 
1313
    width: 69%;
 
1314
    /* height: 15em; */
 
1315
}
 
1316
 
 
1317
div#tablefieldscontainer {
 
1318
    float: <?php echo $right; ?>;
 
1319
    width: 29%;
 
1320
    /* height: 15em; */
 
1321
}
 
1322
 
 
1323
div#tablefieldscontainer select {
 
1324
    width: 100%;
 
1325
    background:#fff;
 
1326
    /* height: 12em; */
 
1327
}
 
1328
 
 
1329
textarea#sqlquery {
 
1330
    width: 100%;
 
1331
    /* height: 100%; */
 
1332
    -moz-border-radius:4px;
 
1333
    -webkit-border-radius:4px;
 
1334
    border-raduis:4px
 
1335
        border:1px solid #aaa;
 
1336
        padding:5px;
 
1337
        font-family:inherit;
 
1338
}
 
1339
textarea#sql_query_edit{
 
1340
    height:7em;
 
1341
    width: 95%;
 
1342
    display:block;
 
1343
}
 
1344
div#queryboxcontainer div#bookmarkoptions {
 
1345
    margin-top: 0.5em;
 
1346
}
 
1347
/* end querybox */
 
1348
 
 
1349
/* main page */
 
1350
#maincontainer {
 
1351
    /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png); */
 
1352
    /* background-position: <?php echo $right; ?> bottom; */
 
1353
    /* background-repeat: no-repeat; */
 
1354
}
 
1355
 
 
1356
#mysqlmaininformation,
 
1357
#pmamaininformation {
 
1358
    float: <?php echo $left; ?>;
 
1359
    width: 49%;
 
1360
}
 
1361
 
 
1362
#maincontainer ul {
 
1363
    list-style-type: disc;
 
1364
    vertical-align: middle;
 
1365
}
 
1366
 
 
1367
#maincontainer li {
 
1368
    margin-bottom:  0.3em;
 
1369
}
 
1370
/* END main page */
 
1371
 
 
1372
 
 
1373
<?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
 
1374
/* iconic view for ul items */
 
1375
li#li_create_database {
 
1376
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
 
1377
}
 
1378
 
 
1379
li#li_select_lang {
 
1380
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
 
1381
}
 
1382
 
 
1383
li#li_select_mysql_collation {
 
1384
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
 
1385
}
 
1386
 
 
1387
li#li_select_theme{
 
1388
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
 
1389
}
 
1390
 
 
1391
li#li_user_info{
 
1392
    /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
 
1393
}
 
1394
 
 
1395
li#li_mysql_status{
 
1396
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
 
1397
}
 
1398
 
 
1399
li#li_mysql_variables{
 
1400
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
 
1401
}
 
1402
 
 
1403
li#li_mysql_processes{
 
1404
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
 
1405
}
 
1406
 
 
1407
li#li_mysql_collations{
 
1408
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
 
1409
}
 
1410
 
 
1411
li#li_mysql_engines{
 
1412
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
 
1413
}
 
1414
 
 
1415
li#li_mysql_binlogs {
 
1416
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
 
1417
}
 
1418
 
 
1419
li#li_mysql_databases {
 
1420
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
 
1421
}
 
1422
 
 
1423
li#li_export {
 
1424
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
 
1425
}
 
1426
 
 
1427
li#li_import {
 
1428
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
 
1429
}
 
1430
 
 
1431
li#li_change_password {
 
1432
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
 
1433
}
 
1434
 
 
1435
li#li_log_out {
 
1436
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
 
1437
}
 
1438
 
 
1439
li#li_mysql_privilegs{
 
1440
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
 
1441
}
 
1442
 
 
1443
li#li_switch_dbstats {
 
1444
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
 
1445
}
 
1446
 
 
1447
li#li_flush_privileges {
 
1448
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
 
1449
}
 
1450
 
 
1451
li#li_user_preferences {
 
1452
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
 
1453
}
 
1454
/* END iconic view for ul items */
 
1455
<?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
 
1456
 
 
1457
 
 
1458
#body_browse_foreigners {
 
1459
    background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
 
1460
    margin:             0.5em 0.5em 0 0.5em;
 
1461
}
 
1462
 
 
1463
#bodyquerywindow {
 
1464
    background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
 
1465
}
 
1466
 
 
1467
#bodythemes {
 
1468
    width: 500px;
 
1469
    margin: auto;
 
1470
    text-align: center;
 
1471
}
 
1472
 
 
1473
#bodythemes img {
 
1474
    border: 0.1em solid black;
 
1475
}
 
1476
 
 
1477
#bodythemes a:hover img {
 
1478
    border: 0.1em solid red;
 
1479
}
 
1480
 
 
1481
#fieldset_select_fields {
 
1482
    float: <?php echo $left; ?>;
 
1483
}
 
1484
 
 
1485
#selflink {
 
1486
    clear: both;
 
1487
    display: block;
 
1488
    margin-top: 1em;
 
1489
    margin-bottom: 1em;
 
1490
    background:#f3f3f3;
 
1491
    width: 100%;
 
1492
    border-top: 0.1em solid silver;
 
1493
    text-align: <?php echo $right; ?>;
 
1494
 
 
1495
 
 
1496
}
 
1497
 
 
1498
#table_innodb_bufferpool_usage,
 
1499
#table_innodb_bufferpool_activity {
 
1500
    float: <?php echo $left; ?>;
 
1501
}
 
1502
 
 
1503
#div_mysql_charset_collations table {
 
1504
    float: <?php echo $left; ?>;
 
1505
}
 
1506
 
 
1507
.operations_half_width {
 
1508
    width: 48%;
 
1509
    float: <?php echo $left; ?>;
 
1510
}
 
1511
 
 
1512
.operations_full_width {
 
1513
    width: 100%;
 
1514
    clear: both;
 
1515
}
 
1516
 
 
1517
#qbe_div_table_list {
 
1518
    float: <?php echo $left; ?>;
 
1519
}
 
1520
 
 
1521
#qbe_div_sql_query {
 
1522
    float: <?php echo $left; ?>;
 
1523
}
 
1524
 
 
1525
label.desc {
 
1526
    width: 30em;
 
1527
    float: <?php echo $left; ?>;
 
1528
}
 
1529
 
 
1530
label.desc sup {
 
1531
    position: absolute;
 
1532
}
 
1533
 
 
1534
code.sql, div.sqlvalidate {
 
1535
    display:            block;
 
1536
    padding:            1em;
 
1537
    margin-top:         0;
 
1538
    margin-bottom:      0;
 
1539
    border-top:         0;
 
1540
    border-bottom:      0;
 
1541
    max-height:         10em;
 
1542
    overflow:           auto;
 
1543
    background:         <?php echo $GLOBALS['cfg']['BgOne']; ?>;
 
1544
}
 
1545
 
 
1546
#main_pane_left {
 
1547
    width:              60%;
 
1548
    float:              <?php echo $left; ?>;
 
1549
    padding-top:        1em;
 
1550
}
 
1551
 
 
1552
#main_pane_right {
 
1553
    margin-<?php echo $left; ?>: 60%;
 
1554
    padding-top: 1em;
 
1555
    padding-<?php echo $left; ?>: 1em;
 
1556
}
 
1557
 
 
1558
.group {
 
1559
 
 
1560
    border:1px solid #999;
 
1561
    background:#f3f3f3;
 
1562
    -moz-border-radius:4px;
 
1563
    -webkit-border-radius:4px;
 
1564
    border-radius:4px;
 
1565
    -moz-box-shadow:2px 2px 5px #ccc;
 
1566
    -webkit-box-shadow:2px 2px 5px #ccc;
 
1567
    box-shadow:3px 3px 10px #ddd;
 
1568
    margin-bottom:      1em;
 
1569
    padding-bottom: 1em;
 
1570
}
 
1571
 
 
1572
.group h2 {
 
1573
    background-color:   #bbb;
 
1574
    padding:            0.1em 0.3em;
 
1575
    margin-top:         0;
 
1576
        color:#fff;
 
1577
    font-size:1.6em;
 
1578
    font-weight:normal;
 
1579
    text-shadow:0 1px 0 #777;
 
1580
    -moz-box-shadow: 1px 1px 15px  #999 inset;
 
1581
    -webkit-box-shadow: 1px 1px 15px  #999 inset;
 
1582
    box-shadow: 1px 1px 15px  #999 inset;
 
1583
}
 
1584
 
 
1585
.group-cnt {
 
1586
    padding: 0 0 0 0.5em;
 
1587
    display: inline-block;
 
1588
    width: 98%;
 
1589
}
 
1590
 
 
1591
textarea#partitiondefinition {
 
1592
    height:3em;
 
1593
}
 
1594
 
 
1595
/* for elements that should be revealed only via js */
 
1596
.hide {
 
1597
    display:            none;
 
1598
}
 
1599
 
 
1600
#li_select_server {
 
1601
    list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
 
1602
}
 
1603
 
 
1604
#list_server {
 
1605
    list-style-image: none;
 
1606
}
 
1607
 
 
1608
/**
 
1609
  *  Progress bar styles
 
1610
  */
 
1611
div.upload_progress_bar_outer
 
1612
{
 
1613
    border: 1px solid black;
 
1614
    width: 202px;
 
1615
}
 
1616
 
 
1617
div.upload_progress_bar_inner
 
1618
{
 
1619
    background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
 
1620
    width: 0px;
 
1621
    height: 12px;
 
1622
    margin: 1px;
 
1623
}
 
1624
 
 
1625
table#serverconnection_src_remote,
 
1626
table#serverconnection_trg_remote,
 
1627
table#serverconnection_src_local,
 
1628
table#serverconnection_trg_local  {
 
1629
  float:left;
 
1630
}
 
1631
/**
 
1632
  *  Validation error message styles
 
1633
  */
 
1634
input[type=text].invalid_value,
 
1635
.invalid_value {
 
1636
    background:#F00;
 
1637
}
 
1638
 
 
1639
/**
 
1640
  *  Ajax notification styling
 
1641
  */
 
1642
 .ajax_notification {
 
1643
    top: 0px;           /** The notification needs to be shown on the top of the page */
 
1644
    position: fixed;
 
1645
    margin-top: 0;
 
1646
    margin-right: auto;
 
1647
    margin-bottom: 0;
 
1648
    margin-left: auto;
 
1649
    padding: 5px;   /** Keep a little space on the sides of the text */
 
1650
    width: 350px;
 
1651
 
 
1652
    z-index: 1100;      /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
 
1653
    text-align: center;
 
1654
    display: inline;
 
1655
    left: 0;
 
1656
    right: 0;
 
1657
    background-image: url(./themes/pmahomme/img/ajax_clock_small.gif);
 
1658
    background-repeat: no-repeat;
 
1659
    background-position: 2%;
 
1660
    border:1px solid #e2b709;
 
1661
 }
 
1662
 
 
1663
/* additional styles */
 
1664
.ajax_notification{
 
1665
    margin-top:200px;background:#ffe57e;
 
1666
    border-radius:5px;
 
1667
    -moz-border-radius:5px;
 
1668
    -webkit-border-radius:5px;
 
1669
    box-shadow: 0px 5px 90px #888;
 
1670
    -moz-box-shadow: 0px 5px 90px #888;
 
1671
    -webkit-box-shadow: 0px 5px 90px #888;
 
1672
}
 
1673
 
 
1674
#loading_parent {
 
1675
    /** Need this parent to properly center the notification division */
 
1676
    position: relative;
 
1677
    width: 100%;
 
1678
 }
 
1679
/**
 
1680
  * Export and Import styles
 
1681
  */
 
1682
 
 
1683
.exportoptions h3, .importoptions h3 {
 
1684
    border-bottom: 1px #999999 solid;
 
1685
    font-size: 110%;
 
1686
}
 
1687
 
 
1688
.exportoptions ul, .importoptions ul, .format_specific_options ul {
 
1689
    list-style-type: none;
 
1690
    margin-bottom: 15px;
 
1691
}
 
1692
 
 
1693
.exportoptions li, .importoptions li {
 
1694
    margin: 7px;
 
1695
}
 
1696
.exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
 
1697
    margin: 5px;
 
1698
    float: none;
 
1699
}
 
1700
 
 
1701
#csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
 
1702
    float: left;
 
1703
    width: 15em;
 
1704
}
 
1705
 
 
1706
.exportoptions, .importoptions {
 
1707
    margin: 20px 30px 30px 10px
 
1708
}
 
1709
 
 
1710
.exportoptions #buttonGo, .importoptions #buttonGo {
 
1711
    font-weight:bold;
 
1712
    margin-left:14px;
 
1713
        border: 1px solid #aaa;
 
1714
        padding: 5px 12px;
 
1715
        color: #111;
 
1716
        text-decoration: none;
 
1717
        background: #ddd;
 
1718
 
 
1719
    border-radius: 12px;
 
1720
        -webkit-border-radius: 12px;
 
1721
        -moz-border-radius: 12px;
 
1722
 
 
1723
        text-shadow: 0px 1px 0px #fff;
 
1724
 
 
1725
    background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
 
1726
    background-size: 100% 100%;
 
1727
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
 
1728
    background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
 
1729
    background: -o-linear-gradient(top,  #ffffff,  #cccccc);
 
1730
    <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
 
1731
    cursor: pointer;
 
1732
}
 
1733
#buttonGo:hover{
 
1734
    background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
 
1735
    background-size: 100% 100%;
 
1736
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
 
1737
    background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
 
1738
    background: -o-linear-gradient(top,  #cccccc,  #dddddd);
 
1739
    <?php echo PMA_ieFilter('#cccccc', '#dddddd'); ?>
 
1740
}
 
1741
 
 
1742
.format_specific_options h3 {
 
1743
    margin: 10px 0px 0px 10px;
 
1744
    border: 0px;
 
1745
}
 
1746
 
 
1747
.format_specific_options {
 
1748
    border: 1px solid #999999;
 
1749
    margin: 7px 0px;
 
1750
    padding: 3px;
 
1751
}
 
1752
 
 
1753
p.desc {
 
1754
    margin: 5px;
 
1755
}
 
1756
 
 
1757
/**
 
1758
  * Export styles only
 
1759
  */
 
1760
select#db_select, select#table_select {
 
1761
    width: 400px;
 
1762
}
 
1763
 
 
1764
.export_sub_options {
 
1765
    margin: 20px 0px 0px 30px;
 
1766
}
 
1767
 
 
1768
.export_sub_options h4 {
 
1769
    border-bottom: 1px #999999 solid;
 
1770
}
 
1771
 
 
1772
.export_sub_options li.subgroup {
 
1773
        display: inline-block;
 
1774
        margin-top: 0;
 
1775
}
 
1776
 
 
1777
.export_sub_options li {
 
1778
        margin-bottom: 0;
 
1779
}
 
1780
 
 
1781
#quick_or_custom, #output_quick_export {
 
1782
    display: none;
 
1783
}
 
1784
/**
 
1785
 * Import styles only
 
1786
 */
 
1787
 
 
1788
.importoptions #import_notification {
 
1789
    margin: 10px 0px;
 
1790
    font-style: italic;
 
1791
}
 
1792
 
 
1793
input#input_import_file {
 
1794
    margin: 5px;
 
1795
}
 
1796
 
 
1797
.formelementrow {
 
1798
    margin: 5px 0px 5px 0px;
 
1799
}
 
1800
 
 
1801
/**
 
1802
 * ENUM/SET editor styles
 
1803
 */
 
1804
p.enum_notice {
 
1805
    margin: 5px 2px;
 
1806
    font-size: 80%;
 
1807
}
 
1808
 
 
1809
#enum_editor {
 
1810
    display: none;
 
1811
    position: fixed;
 
1812
    _position: absolute; /* hack for IE */
 
1813
    z-index: 101;
 
1814
    overflow-y: auto;
 
1815
    overflow-x: hidden;
 
1816
}
 
1817
 
 
1818
#enum_editor_no_js {
 
1819
   margin: auto auto;
 
1820
}
 
1821
 
 
1822
#enum_editor, #enum_editor_no_js {
 
1823
    background: #D0DCE0;
 
1824
    padding: 15px;
 
1825
}
 
1826
 
 
1827
#popup_background {
 
1828
    display: none;
 
1829
    position: fixed;
 
1830
    _position: absolute; /* hack for IE6 */
 
1831
    width: 100%;
 
1832
    height: 100%;
 
1833
    top: 0;
 
1834
    left: 0;
 
1835
    background: #000;
 
1836
    z-index: 100;
 
1837
    overflow: hidden;
 
1838
}
 
1839
 
 
1840
a.close_enum_editor {
 
1841
    float: right;
 
1842
}
 
1843
 
 
1844
#enum_editor #values, #enum_editor_no_js #values {
 
1845
    margin: 15px 0px;
 
1846
    width: 100%;
 
1847
}
 
1848
 
 
1849
#enum_editor #values input, #enum_editor_no_js #values input {
 
1850
    margin: 5px 0px;
 
1851
    float: top;
 
1852
    width: 100%;
 
1853
}
 
1854
 
 
1855
}
 
1856
 
 
1857
#enum_editor_output {
 
1858
    margin-top: 50px;
 
1859
}
 
1860
 
 
1861
/**
 
1862
 * Table structure styles
 
1863
 */
 
1864
.structure_actions_dropdown {
 
1865
    position: absolute;
 
1866
    padding: 3px;
 
1867
    display: none;
 
1868
    z-index: 100;
 
1869
    background:#fff;
 
1870
    line-height:24px;
 
1871
    border:1px solid #aaa;
 
1872
    -moz-box-shadow:0px 3px 3px #ddd;
 
1873
}
 
1874
.structure_actions_dropdown span{display:block;}
 
1875
.structure_actions_dropdown span:hover{background:#ddd;}
 
1876
 
 
1877
td.more_opts {
 
1878
    white-space: nowrap;
 
1879
}
 
1880
 
 
1881
iframe.IE_hack {
 
1882
    z-index: 1;
 
1883
    position: absolute;
 
1884
    display: none;
 
1885
    border: 0;
 
1886
    filter: alpha(opacity=0);
 
1887
}
 
1888
 
 
1889
/* config forms */
 
1890
.config-form ul.tabs {
 
1891
    margin:      1.1em 0.2em 0;
 
1892
    padding:     0 0 0.3em 0;
 
1893
    list-style:  none;
 
1894
    font-weight: bold;
 
1895
}
 
1896
 
 
1897
.config-form ul.tabs li {
 
1898
    float: <?php echo $left; ?>;
 
1899
}
 
1900
 
 
1901
.config-form ul.tabs li a {
 
1902
    display:          block;
 
1903
    margin:           0.1em 0.2em 0;
 
1904
    white-space:      nowrap;
 
1905
    text-decoration:  none;
 
1906
    border:           1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 
1907
    border-bottom:    none;
 
1908
}
 
1909
 
 
1910
.config-form ul.tabs li a {
 
1911
    padding:7px 10px;
 
1912
    -moz-border-radius:5px 5px 0 0;
 
1913
    -webkit-border-radius:5px 5px 0 0;
 
1914
    border-radius:5px 5px 0 0;
 
1915
    background:#f2f2f2;
 
1916
    color:#555;
 
1917
    text-shadow: 0 1px 0 #fff;
 
1918
}
 
1919
 
 
1920
.config-form ul.tabs li a:hover,
 
1921
.config-form ul.tabs li a:active {
 
1922
    background:#e5e5e5;
 
1923
}
 
1924
 
 
1925
.config-form ul.tabs li a.active {
 
1926
    background-color: #fff;
 
1927
    margin-top:1px;
 
1928
    color:#000;
 
1929
    text-shadow: none;
 
1930
}
 
1931
 
 
1932
.config-form fieldset {
 
1933
    margin-top:   0;
 
1934
    padding:      0;
 
1935
    clear:        both;
 
1936
    /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
 
1937
}
 
1938
 
 
1939
.config-form legend {
 
1940
    display: none;
 
1941
}
 
1942
 
 
1943
.config-form fieldset p {
 
1944
    margin:    0;
 
1945
    padding:   0.5em;
 
1946
    background: #fff;
 
1947
    border-top:0px;
 
1948
}
 
1949
 
 
1950
.config-form fieldset .errors { /* form error list */
 
1951
    margin:       0 -2px 1em -2px;
 
1952
    padding:      0.5em 1.5em;
 
1953
    background:   #FBEAD9;
 
1954
    border:       0 #C83838 solid;
 
1955
    border-width: 1px 0;
 
1956
    list-style:   none;
 
1957
    font-family:  sans-serif;
 
1958
    font-size:    small;
 
1959
}
 
1960
 
 
1961
.config-form fieldset .inline_errors { /* field error list */
 
1962
    margin:     0.3em 0.3em 0.3em 0;
 
1963
    padding:    0;
 
1964
    list-style: none;
 
1965
    color:      #9A0000;
 
1966
        font-size:  small;
 
1967
}
 
1968
 
 
1969
.config-form fieldset th {
 
1970
    padding:        0.3em 0.3em 0.3em 0.5em;
 
1971
    text-align:     left;
 
1972
    vertical-align: top;
 
1973
    width:          40%;
 
1974
    background:     transparent;
 
1975
}
 
1976
 
 
1977
.config-form fieldset .doc, .config-form fieldset .disabled-notice {
 
1978
    margin-left: 1em;
 
1979
}
 
1980
 
 
1981
.config-form fieldset .disabled-notice {
 
1982
    font-size: 80%;
 
1983
    text-transform: uppercase;
 
1984
    color: #E00;
 
1985
    cursor: help;
 
1986
}
 
1987
 
 
1988
.config-form fieldset td {
 
1989
    padding-top:    0.3em;
 
1990
    padding-bottom: 0.3em;
 
1991
    vertical-align: top;
 
1992
}
 
1993
 
 
1994
.config-form fieldset th small {
 
1995
    display:     block;
 
1996
    font-weight: normal;
 
1997
    font-family: sans-serif;
 
1998
    font-size:   x-small;
 
1999
    color:       #444;
 
2000
}
 
2001
 
 
2002
.config-form fieldset th, .config-form fieldset td {
 
2003
    border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
 
2004
    border-right: none;
 
2005
}
 
2006
 
 
2007
fieldset .group-header th {
 
2008
    background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
 
2009
}
 
2010
 
 
2011
fieldset .group-header + tr th {
 
2012
    padding-top: 0.6em;
 
2013
}
 
2014
 
 
2015
fieldset .group-field-1 th, fieldset .group-header-2 th {
 
2016
    padding-left: 1.5em;
 
2017
}
 
2018
 
 
2019
fieldset .group-field-2 th, fieldset .group-header-3 th {
 
2020
    padding-left: 3em;
 
2021
}
 
2022
 
 
2023
fieldset .group-field-3 th {
 
2024
    padding-left: 4.5em;
 
2025
}
 
2026
 
 
2027
fieldset .disabled-field th,
 
2028
fieldset .disabled-field th small,
 
2029
fieldset .disabled-field td {
 
2030
    color: #666;
 
2031
    background-color: #ddd;
 
2032
}
 
2033
 
 
2034
.config-form .lastrow {
 
2035
    border-top: 1px #000 solid;
 
2036
}
 
2037
 
 
2038
.config-form .lastrow {
 
2039
    background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
 
2040
    padding:    0.5em;
 
2041
    text-align: center;
 
2042
}
 
2043
 
 
2044
.config-form .lastrow input {
 
2045
    font-weight: bold;
 
2046
}
 
2047
 
 
2048
/* form elements */
 
2049
 
 
2050
.config-form span.checkbox {
 
2051
    padding: 2px;
 
2052
    display: inline-block;
 
2053
}
 
2054
 
 
2055
.config-form .custom { /* customized field */
 
2056
    background: #FFC;
 
2057
}
 
2058
 
 
2059
.config-form span.checkbox.custom {
 
2060
    padding:    1px;
 
2061
    border:     1px #EDEC90 solid;
 
2062
    background: #FFC;
 
2063
}
 
2064
 
 
2065
.config-form .field-error {
 
2066
    border-color: #A11 !important;
 
2067
}
 
2068
 
 
2069
.config-form input[type="text"],
 
2070
.config-form select,
 
2071
.config-form textarea {
 
2072
    border: 1px #A7A6AA solid;
 
2073
    height: auto;
 
2074
}
 
2075
 
 
2076
.config-form input[type="text"]:focus,
 
2077
.config-form select:focus,
 
2078
.config-form textarea:focus {
 
2079
    border:     1px #6676FF solid;
 
2080
    background: #F7FBFF;
 
2081
}
 
2082
 
 
2083
.config-form .field-comment-mark {
 
2084
    font-family: serif;
 
2085
    color: #007;
 
2086
    cursor: help;
 
2087
    padding: 0 0.2em;
 
2088
    font-weight: bold;
 
2089
    font-style: italic;
 
2090
}
 
2091
 
 
2092
.config-form .field-comment-warning {
 
2093
    color: #A00;
 
2094
}
 
2095
 
 
2096
/* error list */
 
2097
.config-form dd {
 
2098
    margin-left: 0.5em;
 
2099
}
 
2100
 
 
2101
.config-form dd:before {
 
2102
    content: "\25B8  ";
 
2103
}
 
2104
 
 
2105
.click-hide-message {
 
2106
    cursor: pointer;
 
2107
}
 
2108
 
 
2109
.prefsmanage_opts {
 
2110
    margin-<?php echo $left; ?>: 2em;
 
2111
}
 
2112
 
 
2113
#prefs_autoload {
 
2114
    margin-bottom: 0.5em;
 
2115
}
 
2116
 
 
2117
#table_columns input, #table_columns select {
 
2118
    width:              14em;
 
2119
    box-sizing:         border-box;
 
2120
    -ms-box-sizing:     border-box;
 
2121
    -moz-box-sizing:    border-box;
 
2122
    -webkit-box-sizing: border-box;
 
2123
}
 
2124
 
 
2125
#table_columns select {
 
2126
    margin:             0 6px;
 
2127
}
 
2128