Rev Author Line No. Line
250 kaklik 1 <?php
2 /* $Id: phpmyadmin.css.php,v 2.83.2.2 2006/04/12 16:57:27 cybot_tm Exp $ */
3 // vim: expandtab sw=4 ts=4 sts=4:
4  
5 chdir('..');
6 define( 'PMA_MINIMUM_COMMON', TRUE );
7 require_once('./libraries/common.lib.php');
8 require_once('./libraries/sqlparser.lib.php');
9  
10 if ( $GLOBALS['text_dir'] === 'ltr' ) {
11 $right = 'right';
12 $left = 'left';
13 } else {
14 $right = 'left';
15 $left = 'right';
16 }
17  
18 // Send correct type:
19 header('Content-Type: text/css; charset=ISO-8859-1');
20  
21 ?>
22 /* @deprecated */
23 .nowrap {
24 white-space: nowrap;
25 }
26 div.nowrap {
27 margin: 0;
28 padding: 0;
29 }
30  
31 <?php
32 if ( $_SESSION['PMA_Theme']->checkVersion( '2.7.0' ) ) {
33 ?>
34  
35 form {
36 margin: 0;
37 padding: 0;
38 display: inline;
39 }
40  
41 a img {
42 border: 0;
43 }
44  
45  
46 /* server privileges */
47 #tableuserrights td,
48 #tablespecificuserrights td,
49 #tabledatabases td {
50 vertical-align: middle;
51 }
52 /* END server privileges */
53  
54  
55 /* leave some space between icons and text */
56 .icon {
57 vertical-align: middle;
58 margin-right: 0.3em;
59 margin-left: 0.3em;
60 }
61 /* no extra space in table cells */
62 td .icon {
63 margin: 0;
64 }
65  
66 .selectallarrow {
67 margin-<?php echo $right; ?>: 0.3em;
68 margin-<?php echo $left; ?>: 0.6em;
69 }
70  
71 div#tablestatistics {
72 border-bottom: 0.1em solid #669999;
73 margin-bottom: 0.5em;
74 padding-bottom: 0.5em;
75 }
76  
77 div#tablestatistics table {
78 float: left;
79 margin-bottom: 0.5em;
80 margin-right: 0.5em;
81 }
82  
83 div#tablestatistics table caption {
84 margin-right: 0.5em;
85 }
86  
87  
88 /* left frame content */
89 body#body_leftFrame {
90 background-color: <?php echo $GLOBALS['cfg']['LeftBgColor']; ?>;
91 }
92  
93 div#pmalogo,
94 div#leftframelinks,
95 div#databaseList {
96 text-align: center;
97 border-bottom: 0.1em solid #669999;
98 margin-bottom: 0.5em;
99 padding-bottom: 0.5em;
100 }
101  
102 div#leftframelinks .icon {
103 vertical-align: middle;
104 padding: 0;
105 margin: 0;
106 }
107  
108 div#leftframelinks a:hover {
109 background-color: #669999;
110 }
111  
112 /* leftdatabaselist */
113 div#left_tableList ul {
114 list-style-type: none;
115 list-style-position: outside;
116 margin: 0;
117 padding: 0;
118 background-color: <?php echo $GLOBALS['cfg']['LeftBgColor']; ?>;
119 }
120  
121 div#left_tableList li {
122 margin: 0;
123 padding: 0;
124 white-space: nowrap;
125 }
126  
127 <?php if ( $GLOBALS['cfg']['LeftPointerEnable'] ) { ?>
128 div#left_tableList li:hover {
129 background-color: <?php echo $GLOBALS['cfg']['LeftPointerColor']; ?>;
130 }
131 <?php } ?>
132  
133 div#left_tableList img {
134 padding: 0;
135 vertical-align: middle;
136 }
137  
138 div#left_tableList ul ul {
139 margin-left: 0em;
140 padding-left: 0.1em;
141 border-left: 0.1em solid #669999;
142 padding-bottom: 0.1em;
143 border-bottom: 0.1em solid #669999;
144 }
145 /* END left frame content */
146  
147  
148 /* querywindow */
149 body#bodyquerywindow {
150 margin: 0;
151 padding: 0;
152 }
153  
154 div#querywindowcontainer {
155 margin: 0;
156 padding: 0;
157 width: 100%;
158 }
159  
160 div#querywindowcontainer fieldset {
161 margin-top: 0;
162 }
163 /* END querywindow */
164  
165  
166 /* querybox */
167  
168 /* Gecko bug */
169 div[class=formelementrow],
170 div[id=queryfieldscontainer] {
171 border: 1px solid transparent;
172 }
173  
174 div#sqlquerycontainer {
175 float: left;
176 width: 69%;
177 /* height: 15em; */
178 }
179  
180 div#tablefieldscontainer {
181 float: right;
182 width: 29%;
183 /* height: 15em; */
184 }
185  
186 div#tablefieldscontainer select {
187 width: 100%;
188 /* height: 12em; */
189 }
190  
191 textarea#sqlquery {
192 width: 100%;
193 /* height: 100%; */
194 }
195  
196 div#queryboxcontainer div#bookmarkoptions {
197 margin-top: 0.5em;
198 }
199 /* end querybox */
200  
201  
202 fieldset .formelement {
203 line-height: 2.4em;
204 float: left;
205 margin-right: 0.5em;
206 /* IE */
207 white-space: nowrap;
208 }
209 /* revert for Gecko */
210 fieldset div[class=formelement] {
211 white-space: normal;
212 }
213  
214 /* IE */
215 fieldset .formelement input,
216 fieldset .formelement select {
217 margin-top: 0.5em;
218 margin-bottom: 0.5em;
219 }
220 /* revert for Gecko */
221 fieldset div[class=formelement] input,
222 fieldset div[class=formelement] select {
223 margin-top: auto;
224 margin-bottom: auto;
225 height: auto;
226 }
227  
228 /* Calendar */
229 table.calendar { width: 100%; }
230 table.calendar td { text-align: center; }
231 table.calendar td a { display: block; }
232  
233 table.calendar td a:hover {
234 background-color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
235 }
236  
237 table.calendar th {
238 background-color: <?php echo $GLOBALS['cfg']['ThBgcolor']; ?>;
239 }
240  
241 table.calendar td.selected {
242 background-color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
243 }
244  
245 img.calendar { border: none; }
246 form.clock { text-align: center; }
247 /* end Calendar */
248  
249  
250 /* Options, eg. on import page */
251 fieldset {
252 background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
253 }
254 fieldset legend {
255 background-color: transparent;
256 }
257  
258 /* buttons in some browsers (eg. Konqueror) are block elements, this breaks design */
259 button { display: inline; }
260  
261 /* Textarea */
262 textarea { overflow: auto; }
263  
264  
265 /* topmenu */
266  
267 /* Gecko 1.7 bug (FF 1.0) */
268 #topmenucontainer {
269 border: 1px solid <?php echo $GLOBALS['cfg']['RightBgColor']; ?>;
270 }
271  
272 ul#topmenu {
273 font-weight: bold;
274 list-style-type: none;
275 margin: 0;
276 padding: 0;
277 }
278  
279 ul#topmenu li {
280 float: left;
281 margin: 0;
282 padding: 0;
283 vertical-align: middle;
284 }
285  
286 #topmenu img {
287 vertical-align: middle;
288 margin-right: 0.1em;
289 }
290  
291 /* default tab styles */
292 .tab, .tabcaution, .tabactive {
293 display: block;
294 margin: 0.2em 0.2em 0 0.2em;
295 padding: 0.2em 0.2em 0 0.2em;
296 white-space: nowrap;
297 }
298  
299 /* disabled tabs */
300 span.tab {
301 color: #666666;
302 }
303  
304 /* disabled drop/empty tabs */
305 span.tabcaution {
306 color: #ff6666;
307 }
308  
309 /* enabled drop/empty tabs */
310 a.tabcaution {
311 color: #FF0000;
312 }
313 a.tabcaution:hover {
314 color: #FFFFFF;
315 background-color: #FF0000;
316 }
317  
318 <?php if ( $GLOBALS['cfg']['LightTabs'] ) { ?>
319 /* active tab */
320 a.tabactive {
321 color: black;
322 }
323 <?php } else { ?>
324 #topmenu {
325 margin-top: 0.5em;
326 padding: 0.1em 0.3em 0.1em 0.3em;
327 }
328  
329 ul#topmenu li {
330 border-bottom: 1pt solid black;
331 }
332  
333 /* default tab styles */
334 .tab, .tabcaution, .tabactive {
335 background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
336 border: 1pt solid <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
337 border-bottom: 0;
338 border-radius-topleft: 0.4em;
339 border-radius-topright: 0.4em;
340 -moz-border-radius-topleft: 0.4em;
341 -moz-border-radius-topright: 0.4em;
342 }
343  
344 /* enabled hover/active tabs */
345 a.tab:hover, a.tabcaution:hover, .tabactive, .tabactive:hover {
346 margin: 0;
347 padding: 0.2em 0.4em 0.2em 0.4em;
348 text-decoration: none;
349 }
350  
351 a.tab:hover, .tabactive {
352 background-color: <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
353 }
354  
355 /* disabled drop/empty tabs */
356 span.tab, span.tabcaution {
357 cursor: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/error.ico), url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/error.ico), default;
358 }
359 <?php } ?>
360 /* end topmenu */
361  
362  
363 /* data tables */
364 table caption,
365 table th,
366 table td {
367 padding: 0.1em 0.5em 0.1em 0.5em;
368 margin: 0;
369 margin: 0.1em;
370 vertical-align: top;
371 }
372  
373 /* odd table rows 1,3,5,7,... */
374 table tr.odd th,
375 table tr.odd {
376 background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
377 text-align: left;
378 }
379  
380 /* even table rows 2,4,6,8,... */
381 table tr.even th,
382 table tr.even {
383 background-color: <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
384 text-align: left;
385 }
386  
387 /* marked tbale rows */
388 table tr.marked th,
389 table tr.marked {
390 background-color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
391 }
392  
393 /* hovered table rows */
394 table tr.odd:hover,
395 table tr.even:hover,
396 table tr.odd:hover th,
397 table tr.even:hover th,
398 table tr.hover th,
399 table tr.hover {
400 background-color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
401 }
402  
403 table .value {
404 text-align: right;
405 white-space: nowrap;
406 }
407 /* IE doesnt handles 'pre' right */
408 table [class=value] {
409 white-space: pre;
410 }
411  
412 .value {
413 font-family: "Courier New", Courier, monospace;
414 }
415 .value .attention {
416 color: red;
417 font-weight: bold;
418 }
419 .value .allfine {
420 color: green;
421 }
422  
423  
424 /* serverstatus */
425 div#serverstatus table caption a.top {
426 float: right;
427 }
428  
429 div#serverstatus div#serverstatusqueriesdetails table,
430 div#serverstatus table#serverstatustraffic,
431 div#serverstatus table#serverstatusconnections {
432 float: left;
433 }
434  
435 #serverstatussection,
436 .clearfloat {
437 clear: both;
438 }
439 div#serverstatussection table {
440 width: 100%;
441 margin-bottom: 1em;
442 }
443 div#serverstatussection table .name {
444 width: 18em;
445 }
446 div#serverstatussection table .value {
447 width: 6em;
448 }
449  
450 div#serverstatus table tbody td.descr a,
451 div#serverstatus table .tblFooters a {
452 white-space: nowrap;
453 }
454 div#serverstatus div#statuslinks a:before,
455 div#serverstatus div#sectionlinks a:before,
456 div#serverstatus table tbody td.descr a:before,
457 div#serverstatus table .tblFooters a:before {
458 content: '[';
459 }
460 div#serverstatus div#statuslinks a:after,
461 div#serverstatus div#sectionlinks a:after,
462 div#serverstatus table tbody td.descr a:after,
463 div#serverstatus table .tblFooters a:after {
464 content: ']';
465 }
466 /* end serverstatus */
467  
468 img.lightbulb {
469 cursor: pointer;
470 }
471  
472 <?php
473 } // end styles 2.7.0
474  
475 if ( $_SESSION['PMA_Theme']->checkVersion( '2.7.1' ) ) {
476 ?>
477  
478 /********************/
479 /* NEW in PMA 2.7.1 */
480 /********************/
481  
482 body.loginform h1,
483 body.loginform a.logo {
484 display: block;
485 text-align: center;
486 }
487  
488 form.login label {
489 float: left;
490 width: 10em;
491 font-weight: bolder;
492 }
493  
494  
495 /* main page */
496 #maincontainer {
497 background-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/logo_right.png);
498 background-position: <?php echo $right; ?> bottom;
499 background-repeat: no-repeat;
500 border-bottom: 1px solid silver;
501 }
502  
503 #mysqlmaininformation,
504 #pmamaininformation {
505 float: <?php echo $left; ?>;
506 width: 49%;
507 }
508  
509 #maincontainer ul {
510 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/item_<?php echo $GLOBALS['text_dir']; ?>.png);
511 vertical-align: middle;
512 }
513  
514 #maincontainer li {
515 margin-bottom: 0.3em;
516 }
517 /* END main page */
518  
519  
520 <?php if ( $GLOBALS['cfg']['MainPageIconic'] ) { ?>
521 /* iconic view for ul items */
522 li#li_create_database {
523 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_newdb.png);
524 }
525  
526 li#li_select_lang {
527 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_lang.png);
528 }
529  
530 li#li_select_mysql_collation,
531 li#li_select_mysql_charset {
532 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_asci.png);
533 }
534  
535 li#li_select_theme{
536 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_theme.png);
537 }
538  
539 li#li_server_info{
540 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
541 }
542  
543 li#li_user_info{
544 /* list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_rights.png); */
545 }
546  
547 li#li_mysql_status{
548 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_status.png);
549 }
550  
551 li#li_mysql_variables{
552 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_vars.png);
553 }
554  
555 li#li_mysql_processes{
556 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_process.png);
557 }
558  
559 li#li_mysql_collations{
560 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_asci.png);
561 }
562  
563 li#li_mysql_engines{
564 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_engine.png);
565 }
566  
567 li#li_mysql_binlogs {
568 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_tbl.png);
569 }
570  
571 li#li_mysql_databases {
572 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_db.png);
573 }
574  
575 li#li_export {
576 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_export.png);
577 }
578  
579 li#li_import {
580 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_import.png);
581 }
582  
583 li#li_change_password {
584 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_passwd.png);
585 }
586  
587 li#li_log_out {
588 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_loggoff.png);
589 }
590  
591 li#li_pma_docs {
592 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_docs.png);
593 }
594  
595 li#li_phpinfo {
596 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/php_sym.png);
597 }
598  
599 li#li_pma_homepage {
600 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_home.png);
601 }
602  
603 li#li_mysql_privilegs{
604 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_rights.png);
605 }
606  
607 li#li_switch_dbstats {
608 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_dbstatistics.png);
609 }
610  
611 li#li_flush_privileges {
612 list-style-image: url(../<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_reload.png);
613 }
614 /* END iconic view for ul items */
615 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
616  
617  
618 #body_browse_foreigners {
619 background-color: <?php echo $cfg['LeftBgColor']; ?>;
620 margin: 5px 5px 0 5px;
621 }
622  
623 #bodyquerywindow {
624 background-color: <?php echo $cfg['LeftBgColor']; ?>;
625 }
626  
627 #bodythemes {
628 width: 500px;
629 margin: auto;
630 text-align: center;
631 }
632  
633 #bodythemes img {
634 border: 0.1em solid black;
635 }
636  
637 #bodythemes a:hover img {
638 border: 0.1em solid red;
639 }
640  
641 #fieldset_select_fields {
642 float: left;
643 }
644  
645 #selflink {
646 clear: both;
647 display: block;
648 margin-top: 1em;
649 margin-bottom: 1em;
650 width: 100%;
651 border-top: 0.1em solid silver;
652 text-align: <?php echo $right; ?>;
653 }
654  
655 #table_innodb_bufferpool_usage,
656 #table_innodb_bufferpool_activity {
657 float: <?php echo $left; ?>;
658 }
659  
660 #div_mysql_charset_collations table {
661 float: <?php echo $left; ?>;
662 }
663  
664 #div_table_order {
665 min-width: 48%;
666 float: <?php echo $left; ?>;
667 }
668  
669 #div_table_rename {
670 min-width: 48%;
671 float: <?php echo $left; ?>;
672 }
673  
674 #div_table_copy {
675 min-width: 48%;
676 float: <?php echo $left; ?>;
677 }
678  
679 #div_table_options {
680 clear: both;
681 min-width: 48%;
682 float: <?php echo $left; ?>;
683 }
684  
685 #qbe_div_table_list {
686 float: <?php echo $left; ?>;
687 }
688  
689 #qbe_div_sql_query {
690 float: <?php echo $left; ?>;
691 }
692 <?php
693 } // end styles 2.7.1
694  
695  
696 $_SESSION['PMA_Theme']->loadCss( $_REQUEST['js_frame'] );
697 ?>