2.11.11.3 release
[phpmyadmin/arisferyanto.git] / phpmyadmin.css.php
blobf854b61d2f44942b6f7ee2d1c89a82faa518c1f3
1 <?php
2 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 /**
5 * @version $Id$
6 */
8 /**
11 // sometimes, we lose $_REQUEST['js_frame']
12 define('PMA_FRAME',empty($_REQUEST['js_frame']) ? 'right' : $_REQUEST['js_frame']);
14 define('PMA_MINIMUM_COMMON', true);
15 require_once './libraries/common.inc.php';
16 require_once './libraries/sqlparser.lib.php';
18 // MSIE 6 (at least some unpatched versions) has problems loading CSS
19 // when zlib_compression is on
20 if (PMA_USR_BROWSER_AGENT == 'IE' && PMA_USR_BROWSER_VER == '6'
21 && (ini_get('zlib.output_compression'))) {
22 @ini_set('zlib.output_compression', 'Off');
25 if ($GLOBALS['text_dir'] === 'ltr') {
26 $right = 'right';
27 $left = 'left';
28 } else {
29 $right = 'left';
30 $left = 'right';
33 // Send correct type:
34 header('Content-Type: text/css; charset=ISO-8859-1');
36 // Cache output in client - the nocache query parameter makes sure that this
37 // file is reloaded when config changes
38 header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 3600) . ' GMT');
41 html {
42 font-size: <?php echo (null !== $_SESSION['PMA_Config']->get('fontsize') ? $_SESSION['PMA_Config']->get('fontsize') : $_COOKIE['pma_fontsize']); ?>;
45 input, select, textarea {
46 font-size: 1em;
49 div.item label {
50 white-space: nowrap;
53 /* @deprecated */
54 .nowrap {
55 white-space: nowrap;
57 div.nowrap {
58 margin: 0;
59 padding: 0;
62 <?php
63 if ($_SESSION['PMA_Theme']->checkVersion('2.7.0')) {
66 form {
67 margin: 0;
68 padding: 0;
69 display: inline;
72 a img {
73 border: 0;
77 /* server privileges */
78 #tableuserrights td,
79 #tablespecificuserrights td,
80 #tabledatabases td {
81 vertical-align: middle;
83 /* END server privileges */
86 /* leave some space between icons and text */
87 .icon {
88 vertical-align: middle;
89 margin-right: 0.3em;
90 margin-left: 0.3em;
92 /* no extra space in table cells */
93 td .icon {
94 margin: 0;
97 .selectallarrow {
98 margin-<?php echo $right; ?>: 0.3em;
99 margin-<?php echo $left; ?>: 0.6em;
102 div#tablestatistics {
103 border-bottom: 0.1em solid #669999;
104 margin-bottom: 0.5em;
105 padding-bottom: 0.5em;
108 div#tablestatistics table {
109 float: <?php echo $left; ?>;
110 margin-bottom: 0.5em;
111 margin-right: 0.5em;
114 div#tablestatistics table caption {
115 margin-right: 0.5em;
119 /* left frame content */
120 body#body_leftFrame {
121 background-color: <?php echo $GLOBALS['cfg']['LeftBgColor']; ?>;
124 div#pmalogo,
125 div#leftframelinks,
126 div#databaseList {
127 text-align: center;
128 border-bottom: 0.1em solid #669999;
129 margin-bottom: 0.5em;
130 padding-bottom: 0.5em;
133 div#leftframelinks .icon {
134 vertical-align: middle;
135 padding: 0;
136 margin: 0;
139 div#leftframelinks a:hover {
140 background-color: #669999;
143 /* leftdatabaselist */
144 div#left_tableList ul {
145 list-style-type: none;
146 list-style-position: outside;
147 margin: 0;
148 padding: 0;
149 background-color: <?php echo $GLOBALS['cfg']['LeftBgColor']; ?>;
152 div#left_tableList li {
153 margin: 0;
154 padding: 0;
155 white-space: nowrap;
158 <?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
159 div#left_tableList li:hover {
160 background-color: <?php echo $GLOBALS['cfg']['LeftPointerColor']; ?>;
162 <?php } ?>
164 div#left_tableList img {
165 padding: 0;
166 vertical-align: middle;
169 div#left_tableList ul ul {
170 margin-left: 0em;
171 padding-left: 0.1em;
172 border-left: 0.1em solid #669999;
173 padding-bottom: 0.1em;
174 border-bottom: 0.1em solid #669999;
176 /* END left frame content */
179 /* querywindow */
180 body#bodyquerywindow {
181 margin: 0;
182 padding: 0;
185 div#querywindowcontainer {
186 margin: 0;
187 padding: 0;
188 width: 100%;
191 div#querywindowcontainer fieldset {
192 margin-top: 0;
194 /* END querywindow */
197 /* querybox */
199 /* Gecko bug */
200 div[class=formelementrow],
201 div[id=queryfieldscontainer] {
202 border: 1px solid transparent;
205 div#sqlquerycontainer {
206 float: left;
207 width: 69%;
208 /* height: 15em; */
211 div#tablefieldscontainer {
212 float: right;
213 width: 29%;
214 /* height: 15em; */
217 div#tablefieldscontainer select {
218 width: 100%;
219 /* height: 12em; */
222 textarea#sqlquery {
223 width: 100%;
224 /* height: 100%; */
227 div#queryboxcontainer div#bookmarkoptions {
228 margin-top: 0.5em;
230 /* end querybox */
233 fieldset .formelement {
234 line-height: 2.4em;
235 float: left;
236 margin-right: 0.5em;
237 /* IE */
238 white-space: nowrap;
240 /* revert for Gecko */
241 fieldset div[class=formelement] {
242 white-space: normal;
245 /* IE */
246 fieldset .formelement input,
247 fieldset .formelement select {
248 margin-top: 0.5em;
249 margin-bottom: 0.5em;
251 /* revert for Gecko */
252 fieldset div[class=formelement] input,
253 fieldset div[class=formelement] select {
254 margin-top: auto;
255 margin-bottom: auto;
256 height: auto;
259 /* Calendar */
260 table.calendar { width: 100%; }
261 table.calendar td { text-align: center; }
262 table.calendar td a { display: block; }
264 table.calendar td a:hover {
265 background-color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
268 table.calendar th {
269 background-color: <?php echo $GLOBALS['cfg']['ThBgcolor']; ?>;
272 table.calendar td.selected {
273 background-color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
276 img.calendar { border: none; }
277 form.clock { text-align: center; }
278 /* end Calendar */
281 /* Options, eg. on import page */
282 fieldset {
283 background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
285 fieldset legend {
286 background-color: transparent;
289 /* buttons in some browsers (eg. Konqueror) are block elements, this breaks design */
290 button { display: inline; }
292 /* Textarea */
293 textarea { overflow: auto; }
296 /* topmenu */
298 /* Gecko 1.7 bug (FF 1.0) */
299 #topmenucontainer {
300 border: 1px solid <?php echo $GLOBALS['cfg']['RightBgColor']; ?>;
303 ul#topmenu {
304 font-weight: bold;
305 list-style-type: none;
306 margin: 0;
307 padding: 0;
310 ul#topmenu li {
311 float: left;
312 margin: 0;
313 padding: 0;
314 vertical-align: middle;
317 #topmenu img {
318 vertical-align: middle;
319 margin-right: 0.1em;
322 /* default tab styles */
323 .tab, .tabcaution, .tabactive {
324 display: block;
325 margin: 0.2em 0.2em 0 0.2em;
326 padding: 0.2em 0.2em 0 0.2em;
327 white-space: nowrap;
330 /* disabled tabs */
331 span.tab {
332 color: #666666;
335 /* disabled drop/empty tabs */
336 span.tabcaution {
337 color: #ff6666;
340 /* enabled drop/empty tabs */
341 a.tabcaution {
342 color: #FF0000;
344 a.tabcaution:hover {
345 color: #FFFFFF;
346 background-color: #FF0000;
349 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
350 /* active tab */
351 a.tabactive {
352 color: black;
354 <?php } else { ?>
355 #topmenu {
356 margin-top: 0.5em;
357 padding: 0.1em 0.3em 0.1em 0.3em;
360 ul#topmenu li {
361 border-bottom: 1pt solid black;
364 /* default tab styles */
365 .tab, .tabcaution, .tabactive {
366 background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
367 border: 1pt solid <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
368 border-bottom: 0;
369 border-top-left-radius: 0.4em;
370 border-top-right-radius: 0.4em;
373 /* enabled hover/active tabs */
374 a.tab:hover, a.tabcaution:hover, .tabactive, .tabactive:hover {
375 margin: 0;
376 padding: 0.2em 0.4em 0.2em 0.4em;
377 text-decoration: none;
380 a.tab:hover, .tabactive {
381 background-color: <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
384 /* disabled drop/empty tabs */
385 span.tab, span.tabcaution {
386 cursor: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/error.ico), default;
388 <?php } ?>
389 /* end topmenu */
393 /* data tables */
394 table caption,
395 table th,
396 table td {
397 padding: 0.1em 0.5em 0.1em 0.5em;
398 margin: 0;
399 margin: 0.1em;
400 vertical-align: top;
403 /* odd table rows 1,3,5,7,... */
404 table tr.odd th,
405 table tr.odd {
406 background-color: <?php echo $GLOBALS['cfg']['BgcolorOne']; ?>;
409 /* even table rows 2,4,6,8,... */
410 table tr.even th,
411 table tr.even {
412 background-color: <?php echo $GLOBALS['cfg']['BgcolorTwo']; ?>;
415 /* marked table rows */
416 table tr.marked th,
417 table tr.marked {
418 background-color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
421 /* hovered table rows */
422 table tr.odd:hover,
423 table tr.even:hover,
424 table tr.odd:hover th,
425 table tr.even:hover th,
426 table tr.hover th,
427 table tr.hover {
428 background-color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
431 table .value {
432 text-align: right;
433 white-space: nowrap;
435 /* IE doesnt handles 'pre' right */
436 table [class=value] {
437 white-space: pre;
440 .value {
441 font-family: "Courier New", Courier, monospace;
443 .value .attention {
444 color: red;
445 font-weight: bold;
447 .value .allfine {
448 color: green;
452 /* serverstatus */
453 div#serverstatus table caption a.top {
454 float: right;
457 div#serverstatus div#serverstatusqueriesdetails table,
458 div#serverstatus table#serverstatustraffic,
459 div#serverstatus table#serverstatusconnections {
460 float: left;
463 #serverstatussection,
464 .clearfloat {
465 clear: both;
467 div#serverstatussection table {
468 width: 100%;
469 margin-bottom: 1em;
471 div#serverstatussection table .name {
472 width: 18em;
474 div#serverstatussection table .value {
475 width: 6em;
478 div#serverstatus table tbody td.descr a,
479 div#serverstatus table .tblFooters a {
480 white-space: nowrap;
482 div#serverstatus div#statuslinks a:before,
483 div#serverstatus div#sectionlinks a:before,
484 div#serverstatus table tbody td.descr a:before,
485 div#serverstatus table .tblFooters a:before {
486 content: '[';
488 div#serverstatus div#statuslinks a:after,
489 div#serverstatus div#sectionlinks a:after,
490 div#serverstatus table tbody td.descr a:after,
491 div#serverstatus table .tblFooters a:after {
492 content: ']';
494 /* end serverstatus */
496 img.lightbulb {
497 cursor: pointer;
500 <?php
501 } // end styles 2.7.0
503 if ($_SESSION['PMA_Theme']->checkVersion('2.7.1')) {
506 /********************/
507 /* NEW in PMA 2.7.1 */
508 /********************/
510 body.loginform h1,
511 body.loginform a.logo {
512 display: block;
513 text-align: center;
516 form.login label {
517 float: left;
518 width: 10em;
519 font-weight: bolder;
523 /* main page */
524 #maincontainer {
525 background-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/logo_right.png);
526 background-position: <?php echo $right; ?> bottom;
527 background-repeat: no-repeat;
528 border-bottom: 1px solid silver;
531 #mysqlmaininformation,
532 #pmamaininformation {
533 float: <?php echo $left; ?>;
534 width: 49%;
537 #maincontainer ul {
538 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/item_<?php echo $GLOBALS['text_dir']; ?>.png);
539 vertical-align: middle;
542 #maincontainer li {
543 margin-bottom: 0.3em;
545 /* END main page */
548 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
549 /* iconic view for ul items */
550 li#li_create_database {
551 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_newdb.png);
554 li#li_select_lang {
555 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_lang.png);
558 li#li_select_mysql_collation,
559 li#li_select_mysql_charset {
560 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_asci.png);
563 li#li_select_theme{
564 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_theme.png);
567 li#li_server_info{
568 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
571 li#li_user_info{
572 /* list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_rights.png); */
575 li#li_mysql_status{
576 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_status.png);
579 li#li_mysql_variables{
580 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_vars.png);
583 li#li_mysql_processes{
584 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_process.png);
587 li#li_mysql_collations{
588 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_asci.png);
591 li#li_mysql_engines{
592 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_engine.png);
595 li#li_mysql_binlogs {
596 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_tbl.png);
599 li#li_mysql_databases {
600 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_db.png);
603 li#li_export {
604 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_export.png);
607 li#li_import {
608 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_import.png);
611 li#li_change_password {
612 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_passwd.png);
615 li#li_log_out {
616 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_loggoff.png);
619 li#li_pma_docs {
620 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_docs.png);
623 li#li_phpinfo {
624 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/php_sym.png);
627 li#li_pma_homepage {
628 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_home.png);
631 li#li_mysql_privilegs{
632 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_rights.png);
635 li#li_switch_dbstats {
636 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/b_dbstatistics.png);
639 li#li_flush_privileges {
640 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_reload.png);
642 /* END iconic view for ul items */
643 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
646 #body_browse_foreigners {
647 background-color: <?php echo $cfg['LeftBgColor']; ?>;
648 margin: 5px 5px 0 5px;
651 #bodyquerywindow {
652 background-color: <?php echo $cfg['LeftBgColor']; ?>;
655 #bodythemes {
656 width: 500px;
657 margin: auto;
658 text-align: center;
661 #bodythemes img {
662 border: 0.1em solid black;
665 #bodythemes a:hover img {
666 border: 0.1em solid red;
669 #fieldset_select_fields {
670 float: left;
673 #selflink {
674 clear: both;
675 display: block;
676 margin-top: 1em;
677 margin-bottom: 1em;
678 width: 100%;
679 border-top: 0.1em solid silver;
680 text-align: <?php echo $right; ?>;
683 #table_innodb_bufferpool_usage,
684 #table_innodb_bufferpool_activity {
685 float: <?php echo $left; ?>;
688 #div_mysql_charset_collations table {
689 float: <?php echo $left; ?>;
692 #div_table_order {
693 min-width: 48%;
694 float: <?php echo $left; ?>;
697 #div_table_rename {
698 min-width: 48%;
699 float: <?php echo $left; ?>;
702 #div_table_copy {
703 min-width: 48%;
704 float: <?php echo $left; ?>;
707 #div_table_options {
708 clear: both;
709 min-width: 48%;
710 float: <?php echo $left; ?>;
713 #qbe_div_table_list {
714 float: <?php echo $left; ?>;
717 #qbe_div_sql_query {
718 float: <?php echo $left; ?>;
720 <?php
721 $GLOBALS['cfg']['BgOne'] = $GLOBALS['cfg']['BgcolorOne'];
722 $GLOBALS['cfg']['BgTwo'] = $GLOBALS['cfg']['BgcolorTwo'];
723 } // end styles 2.7.1
725 if ($_SESSION['PMA_Theme']->checkVersion('2.9')) {
728 /********************/
729 /* NEW in PMA 2.9 */
730 /********************/
732 <?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
733 /* marked items */
734 .marked a,
735 .marked {
736 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
737 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
739 <?php } ?>
741 /* odd items 1,3,5,7,... */
742 .odd {
743 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
746 /* even items 2,4,6,8,... */
747 .even {
748 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
751 /* hovered items */
752 .odd:hover,
753 .even:hover,
754 .hover {
755 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
756 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
760 * marks table rows/cells if the db field is in a where condition
762 tr.condition th,
763 tr.condition td,
764 td.condition,
765 th.condition {
766 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
769 label.desc {
770 width: 30em;
771 float: <?php echo $left; ?>;
774 body.loginform {
775 text-align: center;
778 body.loginform div.container {
779 text-align: <?php echo $left; ?>;
780 width: 30em;
781 margin: 0 auto;
784 #body_leftFrame #list_server {
785 list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
786 list-style-position: inside;
787 list-style-type: none;
788 margin: 0;
789 padding: 0;
792 #body_leftFrame #list_server li {
793 margin: 0;
794 padding: 0;
795 font-size: 80%;
797 <?php
798 } // end styles 2.9
800 $_SESSION['PMA_Theme_Manager']->printCss(PMA_FRAME);