Drop .warning css
[phpmyadmin-themes.git] / graphite / css / theme_right.css.php
blobc111178d5774bbf9a01ccacc3779d1efb8a0f04a
1 <?php
2 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 /**
4 * main css file from theme Original
6 * @package phpMyAdmin-theme
7 * @subpackage Original
8 */
10 // unplanned execution path
11 if (!defined('PMA_MINIMUM_COMMON')) {
12 exit();
15 /******************************************************************************/
16 /* general tags */
17 html {
18 font-size: <?php echo $GLOBALS['PMA_Config']->get('fontsize'); ?>;
21 input, select, textarea {
22 font-size: 1em;
25 body {
26 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
27 font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
28 <?php } ?>
29 padding: 0;
30 margin: 0.5em;
31 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
32 background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
35 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
36 textarea, tt, pre, code {
37 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
39 <?php } ?>
40 h1 {
41 font-size: 140%;
42 font-weight: bold;
45 h2 {
46 font-size: 120%;
47 font-weight: bold;
50 h3 {
51 font-weight: bold;
54 a, a:link,
55 a:visited,
56 a:active {
57 text-decoration: none;
58 color: #008;
59 cursor: pointer;
62 a:hover {
63 text-decoration: underline;
64 color: #008;
67 dfn {
68 font-style: normal;
71 dfn:hover {
72 font-style: normal;
73 cursor: help;
76 th {
77 font-weight: bold;
78 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
79 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
81 thead th a {
82 color: <?php echo $GLOBALS['cfg']['ThColor']; ?> !important;
85 a img {
86 border: 0;
89 hr {
90 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
91 background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
92 border: 0;
93 height: 1px;
96 form {
97 padding: 0;
98 margin: 0;
99 display: inline;
102 textarea {
103 overflow: visible;
104 height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
107 fieldset {
108 clear: both;
109 margin-top: 1em;
110 border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 2px;
111 padding: 0.5em;
112 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
113 -moz-border-radius: 0.5em;
114 border-radius: 0.5em;
117 fieldset fieldset {
118 margin: 0.8em;
121 fieldset legend {
122 font-weight: bold;
123 color: #444444;
124 background-color: <?php echo 'OPERA' != PMA_USR_BROWSER_AGENT ? 'transparent' : $GLOBALS['cfg']['BgOne']; ?>;
127 /* buttons in some browsers (eg. Konqueror) are block elements,
128 this breaks design */
129 button {
130 display: inline;
133 table {
134 border-collapse:collapse;
135 margin: 0.2em;
138 table caption {
139 padding: 0.1em 0.5em 0.1em 0.5em;
143 td {
144 padding: 0.1em 0.5em 0.1em 0.5em;
145 margin: 0.1em;
146 vertical-align: top;
147 border: 1px solid black;
149 table.navigation {
150 clear: both;
153 table.navigation td, #actions_panel table td {
154 border: none;
157 img,
158 input,
159 select,
160 button {
161 vertical-align: middle;
165 /******************************************************************************/
166 /* classes */
167 div.tools,
168 fieldset.tblFooters {
169 margin: 0 1em 1em 1em;
170 border: 2px solid #000;
171 border-top: none;
172 width: auto;
173 padding: 0.2em;
174 float: <?php echo $left; ?>;
175 clear: both;
176 -moz-border-radius: 0 0 0.5em 0.5em;
177 border-radius: 0 0 0.5em 0.5em;
180 fieldset .formelement {
181 float: <?php echo $left; ?>;
182 margin-<?php echo $right; ?>: 0.5em;
183 /* IE */
184 white-space: nowrap;
187 /* revert for Gecko */
188 fieldset div[class=formelement] {
189 white-space: normal;
192 button.mult_submit {
193 border: none;
194 background-color: transparent;
197 /* odd items 1,3,5,7,... */
198 tr.odd th,
199 tr.odd {
200 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
203 /* even items 2,4,6,8,... */
204 tr.even th,
205 tr.even {
206 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
208 tr.even th, tr.odd th, fieldset th {
209 color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
212 /* odd table rows 1,3,5,7,... */
213 tr.odd,
214 tr.even {
215 text-align: <?php echo $left; ?>;
218 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
219 /* marked table rows */
220 tr.marked th,
221 tr.marked {
222 background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
223 color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
225 <?php } ?>
227 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
228 /* hovered items */
229 .structure_actions_dropdown {
230 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
231 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
234 /* hovered table rows */
235 tr.even:hover th,
236 tr.odd:hover th,
237 tr:hover {
238 background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>;
239 color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
241 <?php } ?>
244 * marks table rows/cells if the db field is in a where condition
246 tr.condition th,
247 tr.condition td,
248 td.condition,
249 th.condition {
250 border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
253 table .value {
254 text-align: <?php echo $right; ?>;
255 white-space: normal;
257 /* IE doesnt handles 'pre' right */
258 table [class=value] {
259 white-space: normal;
261 table .tbl_size {
262 white-space: nowrap;
266 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
267 .value {
268 font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
270 <?php } ?>
271 .value .attention {
272 color: red;
273 font-weight: bold;
275 .value .allfine {
276 color: green;
280 img.lightbulb {
281 cursor: pointer;
284 .pdflayout {
285 overflow: hidden;
286 clip: inherit;
287 background-color: #FFFFFF;
288 display: none;
289 border: 1px solid #000000;
290 position: relative;
293 .pdflayout_table {
294 background: #D3DCE3;
295 color: #000000;
296 overflow: hidden;
297 clip: inherit;
298 z-index: 2;
299 display: inline;
300 visibility: inherit;
301 cursor: move;
302 position: absolute;
303 font-size: 80%;
304 border: 1px dashed #000000;
307 /* MySQL Parser */
308 .syntax {
309 font-size: 80%;
312 .syntax a {
313 text-decoration: none;
314 border-bottom:1px dotted black;
317 .syntax_comment {
318 padding-left: 4pt;
319 padding-right: 4pt;
322 .syntax_digit {
325 .syntax_digit_hex {
328 .syntax_digit_integer {
331 .syntax_digit_float {
334 .syntax_punct {
337 .syntax_alpha {
340 .syntax_alpha_columnType {
341 text-transform: uppercase;
344 .syntax_alpha_columnAttrib {
345 text-transform: uppercase;
348 .syntax_alpha_reservedWord {
349 text-transform: uppercase;
350 font-weight: bold;
353 .syntax_alpha_functionName {
354 text-transform: uppercase;
357 .syntax_alpha_identifier {
360 .syntax_alpha_charset {
363 .syntax_alpha_variable {
366 .syntax_quote {
367 white-space: pre;
370 .syntax_quote_backtick {
373 /* leave some space between icons and text */
374 .icon, img.footnotemarker {
375 vertical-align: middle;
376 margin-right: 0.3em;
377 margin-left: 0.3em;
380 img.footnotemarker {
381 display: none;
384 /* no extra space in table cells */
385 td .icon {
386 margin: 0;
389 .selectallarrow {
390 margin-<?php echo $right; ?>: 0.3em;
391 margin-<?php echo $left; ?>: 0.6em;
394 /* message boxes: warning, error, confirmation */
395 .success h1,
396 .notice h1,
397 div.error h1 {
398 border-bottom: 2px solid;
399 font-weight: bold;
400 text-align: <?php echo $left; ?>;
401 margin: 0 0 0.2em 0;
404 div.success,
405 div.notice,
406 div.error,
407 div.footnotes {
408 clear: both;
409 margin: 0.3em 0 0 0;
410 border: 2px solid;
411 padding: 0.5em;
412 -moz-border-radius: 0.5em;
413 border-radius: 0.5em;
414 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
415 background-repeat: no-repeat;
416 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
417 background-position: 10px 50%;
418 padding-left: 36px;
419 <?php } else { ?>
420 background-position: 99% 50%;
421 padding-right: 36px;
422 <?php } ?>
423 <?php } ?>
426 .success {
427 color: #000000;
428 background-color: #f0fff0;
430 h1.success,
431 div.success {
432 border-color: #00FF00;
433 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
434 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
435 <?php } ?>
437 .success h1 {
438 border-color: #00FF00;
441 .notice, .footnotes {
442 color: #000000;
443 background-color: #FFFFDD;
445 h1.notice,
446 div.notice,
447 div.footnotes {
448 border-color: #FFD700;
449 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
450 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
451 <?php } ?>
453 .notice h1 {
454 border-color: #FFD700;
457 .error {
458 background-color: #FFFFCC;
459 color: #ff0000;
462 h1.error,
463 div.error {
464 border-color: #ff0000;
465 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
466 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
467 <?php } ?>
469 div.error h1 {
470 border-color: #ff0000;
473 .confirmation {
474 background-color: #FFFFCC;
476 fieldset.confirmation {
477 border: 0.1em solid #FF0000;
479 fieldset.confirmation legend {
480 border-left: 0.1em solid #FF0000;
481 border-right: 0.1em solid #FF0000;
482 font-weight: bold;
483 <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
484 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_really.png);
485 background-repeat: no-repeat;
486 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
487 background-position: 5px 50%;
488 padding: 0.2em 0.2em 0.2em 25px;
489 <?php } else { ?>
490 background-position: 97% 50%;
491 padding: 0.2em 25px 0.2em 0.2em;
492 <?php } ?>
493 <?php } ?>
495 /* end messageboxes */
498 .tblcomment {
499 font-size: 70%;
500 font-weight: normal;
501 color: #000099;
504 .tblHeaders {
505 font-weight: bold;
506 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
507 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
509 .tblHeaders a {
510 color: <?php echo $GLOBALS['cfg']['ThColor']; ?> !important;
513 div.tools,
514 .tblFooters {
515 font-weight: normal;
516 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
517 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
519 .tblFooters a {
520 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
522 div.tools a {
523 display: inline-block;
524 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
527 /* forbidden, no privilegs */
528 .noPrivileges {
529 color: #FF0000;
530 font-weight: bold;
533 /* disabled text */
534 .disabled,
535 .disabled a:link,
536 .disabled a:active,
537 .disabled a:visited {
538 color: #666666;
541 .disabled a:hover {
542 color: #666666;
543 text-decoration: none;
546 tr.disabled td,
547 td.disabled {
548 background-color: #cccccc;
551 .nowrap {
552 white-space: nowrap;
556 * login form
558 body.loginform h1,
559 body.loginform a.logo {
560 display: block;
561 text-align: center;
564 body.loginform {
565 text-align: center;
568 body.loginform div.container {
569 text-align: <?php echo $left; ?>;
570 width: 30em;
571 margin: 0 auto;
574 form.login label {
575 float: <?php echo $left; ?>;
576 width: 10em;
577 font-weight: bolder;
580 .commented_column {
581 border-bottom: 1px dashed black;
584 .column_attribute {
585 font-size: 70%;
588 /******************************************************************************/
589 /* specific elements */
591 /* topmenu */
592 #topmenu, #topmenu2, #topmenu .submenu ul {
593 list-style: none;
594 padding: 0;
595 margin: 0.5em 0 0.5em 0;
596 border-top: 1px solid #000;
597 border-bottom: 1px solid #000;
598 background: #ccc;
599 white-space: nowrap;
601 #topmenu li, #topmenu2 li {
602 display: inline-block;
603 margin: 0;
604 padding: 0;
606 #topmenu li a, #topmenu2 li a {
607 display: inline-block;
608 margin: 0;
609 padding: 0.2em;
610 min-height: 16px; /* To match icons */
612 #topmenu li a:hover, #topmenu2 li a:hover {
613 background: #ddd;
614 text-decoration: none;
616 a.tabactive {
617 font-weight: bolder;
618 background: #aaa;
620 #topmenu .submenu {
621 position: relative;
622 display: none;
624 #topmenu .shown {
625 display: inline-block;
627 #topmenu .submenu ul {
628 margin: 0;
629 padding: 0;
630 position: absolute;
631 <?php echo $right;?>: 0;
632 list-style-type: none;
633 display: none;
634 border: 1px #666 solid;
637 #topmenu li:hover ul, #topmenu .submenuhover ul {
638 display: block;
641 /* end topmenu */
643 /* table stats */
644 div#tablestatistics {
645 border-bottom: 0.1em solid #669999;
646 margin-bottom: 0.5em;
647 padding-bottom: 0.5em;
650 div#tablestatistics table {
651 float: <?php echo $left; ?>;
652 margin-bottom: 0.5em;
653 margin-<?php echo $right; ?>: 0.5em;
656 /* END table stats */
659 /* server privileges */
660 #tableuserrights td,
661 #tablespecificuserrights td,
662 #tabledatabases td {
663 vertical-align: middle;
665 /* END server privileges */
669 /* Heading */
670 #serverinfo {
671 font-weight: bold;
672 margin-bottom: 0.5em;
675 #serverinfo .item {
676 white-space: nowrap;
679 #span_table_comment {
680 font-weight: normal;
681 font-style: italic;
682 white-space: nowrap;
685 #serverinfo img {
686 margin: 0 0.1em 0 0.2em;
690 #textSQLDUMP {
691 width: 95%;
692 height: 95%;
693 font-family: "Courier New", Courier, mono;
694 font-size: 110%;
697 #TooltipContainer {
698 position: absolute;
699 z-index: 99;
700 width: 20em;
701 height: auto;
702 overflow: visible;
703 visibility: hidden;
704 background-color: #ffffcc;
705 color: #006600;
706 border: 0.1em solid #000000;
707 padding: 0.5em;
710 /* user privileges */
711 #fieldset_add_user_login div.item {
712 border-bottom: 1px solid silver;
713 padding-bottom: 0.3em;
714 margin-bottom: 0.3em;
717 #fieldset_add_user_login label {
718 float: <?php echo $left; ?>;
719 display: block;
720 width: 10em;
721 max-width: 100%;
722 text-align: <?php echo $right; ?>;
723 padding-<?php echo $right; ?>: 0.5em;
726 #fieldset_add_user_login span.options #select_pred_username,
727 #fieldset_add_user_login span.options #select_pred_hostname,
728 #fieldset_add_user_login span.options #select_pred_password {
729 width: 100%;
730 max-width: 100%;
733 #fieldset_add_user_login span.options {
734 float: <?php echo $left; ?>;
735 display: block;
736 width: 12em;
737 max-width: 100%;
738 padding-<?php echo $right; ?>: 0.5em;
741 #fieldset_add_user_login input {
742 width: 12em;
743 clear: <?php echo $right; ?>;
744 max-width: 100%;
747 #fieldset_add_user_login span.options input {
748 width: auto;
751 #fieldset_user_priv div.item {
752 float: <?php echo $left; ?>;
753 width: 9em;
754 max-width: 100%;
757 #fieldset_user_priv div.item div.item {
758 float: none;
761 #fieldset_user_priv div.item label {
762 white-space: nowrap;
765 #fieldset_user_priv div.item select {
766 width: 100%;
769 #fieldset_user_global_rights fieldset {
770 float: <?php echo $left; ?>;
772 /* END user privileges */
775 /* serverstatus */
776 div#serverstatus table caption a.top {
777 float: <?php echo $right; ?>;
780 div#serverstatus div#serverstatusqueriesdetails table,
781 div#serverstatus table#serverstatustraffic,
782 div#serverstatus table#serverstatusconnections {
783 float: <?php echo $left; ?>;
786 #serverstatussection,
787 .clearfloat {
788 clear: both;
790 div#serverstatussection table {
791 width: 100%;
792 margin-bottom: 1em;
794 div#serverstatussection table .name {
795 width: 18em;
797 div#serverstatussection table .value {
798 width: 6em;
801 div#serverstatus table tbody td.descr a,
802 div#serverstatus table .tblFooters a {
803 white-space: nowrap;
805 div#serverstatus div#statuslinks a:before,
806 div#serverstatus div#sectionlinks a:before,
807 div#serverstatus table tbody td.descr a:before,
808 div#serverstatus table .tblFooters a:before {
809 content: '[';
811 div#serverstatus div#statuslinks a:after,
812 div#serverstatus div#sectionlinks a:after,
813 div#serverstatus table tbody td.descr a:after,
814 div#serverstatus table .tblFooters a:after {
815 content: ']';
817 /* end serverstatus */
819 /* querywindow */
820 body#bodyquerywindow {
821 margin: 0;
822 padding: 0;
823 background-image: none;
824 background-color: #F5F5F5;
827 div#querywindowcontainer {
828 margin: 0;
829 padding: 0;
830 width: 100%;
833 div#querywindowcontainer fieldset {
834 margin-top: 0;
836 /* END querywindow */
839 /* querybox */
841 div#sqlquerycontainer {
842 float: <?php echo $left; ?>;
843 width: 69%;
844 /* height: 15em; */
847 div#tablefieldscontainer {
848 float: <?php echo $right; ?>;
849 width: 29%;
850 /* height: 15em; */
853 div#tablefieldscontainer select {
854 width: 100%;
855 /* height: 12em; */
858 textarea#sqlquery {
859 width: 100%;
860 /* height: 100%; */
862 textarea#sql_query_edit{
863 height:7em;
864 width: 95%;
865 display:block;
867 div#queryboxcontainer div#bookmarkoptions {
868 margin-top: 0.5em;
870 /* end querybox */
872 /* main page */
873 .pmagroup {
874 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png);
875 background-position: <?php echo $right; ?> bottom;
876 background-repeat: no-repeat;
879 #mysqlmaininformation,
880 #pmamaininformation {
881 float: <?php echo $left; ?>;
882 width: 49%;
885 #maincontainer ul {
886 list-style-type: disc;
887 vertical-align: middle;
890 #maincontainer li {
891 margin: 0.2em 0em;
893 /* END main page */
896 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
897 /* iconic view for ul items */
898 li#li_create_database {
899 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
902 li#li_select_lang {
903 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
906 li#li_select_mysql_collation {
907 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
910 li#li_select_theme{
911 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
914 li#li_user_info{
915 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
918 li#li_mysql_status{
919 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
922 li#li_mysql_variables{
923 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
926 li#li_mysql_processes{
927 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
930 li#li_mysql_collations{
931 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
934 li#li_mysql_engines{
935 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
938 li#li_mysql_binlogs {
939 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
942 li#li_mysql_databases {
943 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
946 li#li_export {
947 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
950 li#li_import {
951 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
954 li#li_change_password {
955 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
958 li#li_log_out {
959 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
962 li#li_mysql_privilegs{
963 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
966 li#li_switch_dbstats {
967 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
970 li#li_flush_privileges {
971 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
974 li#li_user_preferences {
975 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
978 li#li_select_fontsize {
979 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_font.png);
981 /* END iconic view for ul items */
982 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
985 #body_browse_foreigners {
986 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
987 margin: 0.5em 0.5em 0 0.5em;
990 #bodyquerywindow {
991 background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
994 #bodythemes {
995 width: 500px;
996 margin: auto;
997 text-align: center;
1000 #bodythemes img {
1001 border: 0.1em solid black;
1004 #bodythemes a:hover img {
1005 border: 0.1em solid red;
1008 #fieldset_select_fields {
1009 float: <?php echo $left; ?>;
1012 #selflink {
1013 clear: both;
1014 display: block;
1015 margin-top: 1em;
1016 margin-bottom: 1em;
1017 width: 100%;
1018 border-top: 0.1em solid silver;
1019 text-align: <?php echo $right; ?>;
1022 #table_innodb_bufferpool_usage,
1023 #table_innodb_bufferpool_activity {
1024 float: <?php echo $left; ?>;
1027 #div_mysql_charset_collations table {
1028 float: <?php echo $left; ?>;
1031 .operations_half_width {
1032 width: 48%;
1033 float: <?php echo $left; ?>;
1036 .operations_full_width {
1037 width: 100%;
1038 clear: both;
1041 #qbe_div_table_list {
1042 float: <?php echo $left; ?>;
1045 #qbe_div_sql_query {
1046 float: <?php echo $left; ?>;
1049 label.desc {
1050 width: 30em;
1051 float: <?php echo $left; ?>;
1054 label.desc sup {
1055 position: absolute;
1058 code.sql, div.sqlvalidate {
1059 margin: 0.3em 0 0 0;
1060 border: 2px solid;
1061 padding: 0.5em;
1062 -moz-border-radius: 0.5em;
1063 border-radius: 0.5em;
1064 display: block;
1065 margin-top: 0.2em;
1066 margin-bottom: 0;
1067 max-height: 10em;
1068 overflow: auto;
1069 background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1072 #main_pane_left {
1073 width: 50%;
1074 float: <?php echo $left; ?>;
1075 padding-top: 1em;
1078 #main_pane_right {
1079 margin-<?php echo $left; ?>: 50%;
1080 padding-top: 1em;
1081 padding-<?php echo $left; ?>: 1em;
1084 .group {
1085 border: 2px solid #000;
1086 margin-bottom: 1em;
1087 padding: 0 0 0.5em 0;
1088 -moz-border-radius: 0.5em;
1089 border-radius: 0.5em;
1092 .group h2 {
1093 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1094 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
1095 padding: 0.1em 0.3em;
1096 margin-top: 0;
1097 border-bottom: 1px solid #000;
1100 .group-cnt {
1101 padding: 0 0 0 0.5em;
1102 display: inline-block;
1103 width: 98%;
1106 /* for elements that should be revealed only via js */
1107 .hide {
1108 display: none;
1111 #li_select_server {
1112 list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1115 #list_server {
1116 list-style-image: none;
1120 * Progress bar styles
1122 div.upload_progress_bar_outer
1124 border: 1px solid black;
1125 width: 202px;
1128 div.upload_progress_bar_inner
1130 background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1131 width: 0px;
1132 height: 12px;
1133 margin: 1px;
1136 table#serverconnection_src_remote,
1137 table#serverconnection_trg_remote,
1138 table#serverconnection_src_local,
1139 table#serverconnection_trg_local {
1140 float:left;
1143 * Validation error message styles
1145 .invalid_value
1146 {background:#F00;}
1149 * Ajax notification styling
1151 .ajax_notification {
1152 top: 0px; /** The notification needs to be shown on the top of the page */
1153 position: fixed;
1154 margin-top: 0;
1155 margin-right: auto;
1156 margin-bottom: 0;
1157 margin-left: auto;
1158 padding: 3px 5px; /** Keep a little space on the sides of the text */
1159 width: 350px;
1160 background-color: #FFD700;
1161 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1162 text-align: center;
1163 display: block;
1164 left: 0;
1165 right: 0;
1166 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>ajax_clock_small.gif);
1167 background-repeat: no-repeat;
1168 background-position: 2%;
1171 #loading_parent {
1172 /** Need this parent to properly center the notification division */
1173 position: relative;
1174 width: 100%;
1177 * Export and Import styles
1180 .exportoptions h3, .importoptions h3 {
1181 border-bottom: 1px #999999 solid;
1182 font-size: 110%;
1185 .exportoptions ul, .importoptions ul, .format_specific_options ul {
1186 list-style-type: none;
1187 margin-bottom: 15px;
1190 .exportoptions li, .importoptions li {
1191 margin: 7px;
1193 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
1194 margin: 5px;
1195 float: none;
1198 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1199 float: left;
1200 width: 15em;
1203 .exportoptions, .importoptions {
1204 margin: 20px 30px 30px 10px
1207 .exportoptions #buttonGo, .importoptions #buttonGo {
1208 padding: 5px 30px;
1209 -moz-border-radius: 11px;
1210 -webkit-border-radius: 11px;
1211 border-radius: 11px;
1212 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1213 background: -moz-linear-gradient(top, #ffffff, #cccccc);
1214 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
1215 border: 1px solid #444444;
1216 cursor: pointer;
1219 .format_specific_options h3 {
1220 margin: 10px 0px 0px 10px;
1221 border: 0px;
1224 .format_specific_options {
1225 border: 1px solid #999999;
1226 margin: 7px 0px;
1227 padding: 3px;
1230 p.desc {
1231 margin: 5px;
1235 * Export styles only
1237 select#db_select, select#table_select {
1238 width: 400px;
1241 .export_sub_options {
1242 margin: 20px 0px 0px 30px;
1245 .export_sub_options h4 {
1246 border-bottom: 1px #999999 solid;
1249 .export_sub_options li.subgroup {
1250 display: inline-block;
1251 margin-top: 0;
1254 .export_sub_options li {
1255 margin-bottom: 0;
1258 #quick_or_custom, #output_quick_export {
1259 display: none;
1262 * Import styles only
1265 .importoptions #import_notification {
1266 margin: 10px 0px;
1267 font-style: italic;
1270 input#input_import_file {
1271 margin: 5px;
1274 .formelementrow {
1275 margin: 5px 0px 5px 0px;
1279 * ENUM/SET editor styles
1281 p.enum_notice {
1282 margin: 5px 2px;
1283 font-size: 80%;
1286 #enum_editor {
1287 display: none;
1288 position: fixed;
1289 _position: absolute; /* hack for IE */
1290 z-index: 101;
1291 overflow-y: auto;
1292 overflow-x: hidden;
1295 #enum_editor_no_js {
1296 margin: auto auto;
1299 #enum_editor, #enum_editor_no_js {
1300 background: #D0DCE0;
1301 padding: 15px;
1304 #popup_background {
1305 display: none;
1306 position: fixed;
1307 _position: absolute; /* hack for IE6 */
1308 width: 100%;
1309 height: 100%;
1310 top: 0;
1311 left: 0;
1312 background: #000;
1313 z-index: 100;
1314 overflow: hidden;
1317 a.close_enum_editor {
1318 float: right;
1321 #enum_editor #values, #enum_editor_no_js #values {
1322 margin: 15px 0px;
1323 width: 100%;
1326 #enum_editor #values input, #enum_editor_no_js #values input {
1327 margin: 5px 0px;
1328 float: top;
1329 width: 100%;
1332 #enum_editor_output {
1333 margin-top: 50px;
1337 * Table structure styles
1339 .structure_actions_dropdown {
1340 position: absolute;
1341 padding: 0;
1342 display: none;
1343 z-index: 100;
1344 border-collapse:collapse;
1345 border: 1px solid #000;
1346 padding: 0.2em;
1349 .structure_actions_dropdown a {
1350 display: block;
1353 .structure_actions_dropdown div {
1354 margin: 0;
1355 padding: 0;
1358 td.more_opts {
1359 display: none;
1360 white-space: nowrap;
1363 iframe.IE_hack {
1364 z-index: 1;
1365 position: absolute;
1366 display: none;
1367 border: 0;
1368 filter: alpha(opacity=0);
1371 /* config forms */
1372 ul.tabs {
1373 margin: 1.1em 0.2em 0;
1374 padding: 0 0 0.3em 0;
1375 list-style: none;
1376 font-weight: bold;
1379 ul.tabs li {
1380 float: <?php echo $left; ?>;
1383 ul.tabs a {
1384 display: block;
1385 margin: 0.1em 0.2em 0;
1386 padding: 0.1em 0.4em;
1387 white-space: nowrap;
1388 text-decoration: none;
1389 border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1390 border-bottom: none;
1393 ul.tabs a:hover,
1394 ul.tabs a:active,
1395 ul.tabs a.active {
1396 margin: 0;
1397 padding: 0.1em 0.6em 0.2em;
1400 ul.tabs a.active {
1401 background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1404 .config-form fieldset {
1405 margin-top: 0;
1406 padding: 0;
1407 clear: both;
1408 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1411 .config-form legend {
1412 display: none;
1415 .config-form fieldset p {
1416 margin: 0;
1417 padding: 0.5em;
1418 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1421 .config-form fieldset .errors { /* form error list */
1422 margin: 0 -2px 1em -2px;
1423 padding: 0.5em 1.5em;
1424 background: #FBEAD9;
1425 border: 0 #C83838 solid;
1426 border-width: 1px 0;
1427 list-style: none;
1428 font-family: sans-serif;
1429 font-size: small;
1432 .config-form fieldset .inline_errors { /* field error list */
1433 margin: 0.3em 0.3em 0.3em 0;
1434 padding: 0;
1435 list-style: none;
1436 color: #9A0000;
1437 font-size: small;
1440 .config-form fieldset th {
1441 padding: 0.3em 0.3em 0.3em 0.5em;
1442 text-align: left;
1443 vertical-align: top;
1444 width: 40%;
1445 background: transparent;
1448 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
1449 margin-left: 1em;
1452 .config-form fieldset .disabled-notice {
1453 font-size: 80%;
1454 text-transform: uppercase;
1455 color: #E00;
1456 cursor: help;
1459 .config-form fieldset td {
1460 padding-top: 0.3em;
1461 padding-bottom: 0.3em;
1462 vertical-align: top;
1465 .config-form fieldset th small {
1466 display: block;
1467 font-weight: normal;
1468 font-family: sans-serif;
1469 font-size: x-small;
1470 color: #444;
1473 .config-form fieldset th, .config-form fieldset td {
1474 border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
1477 fieldset .group-header th {
1478 background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
1481 fieldset .group-header + tr th {
1482 padding-top: 0.6em;
1485 fieldset .group-field-1 th, fieldset .group-header-2 th {
1486 padding-left: 1.5em;
1489 fieldset .group-field-2 th, fieldset .group-header-3 th {
1490 padding-left: 3em;
1493 fieldset .group-field-3 th {
1494 padding-left: 4.5em;
1497 fieldset .disabled-field th,
1498 fieldset .disabled-field th small,
1499 fieldset .disabled-field td {
1500 color: #666;
1501 background-color: #ddd;
1504 .config-form .lastrow {
1505 border-top: 1px #000 solid;
1508 .config-form .lastrow {
1509 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
1510 padding: 0.5em;
1511 text-align: center;
1514 .config-form .lastrow input {
1515 font-weight: bold;
1518 /* form elements */
1520 .config-form span.checkbox {
1521 padding: 2px;
1522 display: inline-block;
1525 .config-form .custom { /* customized field */
1526 background: #FFC;
1529 .config-form span.checkbox.custom {
1530 padding: 1px;
1531 border: 1px #EDEC90 solid;
1532 background: #FFC;
1535 .config-form .field-error {
1536 border-color: #A11 !important;
1539 .config-form input[type="text"],
1540 .config-form select,
1541 .config-form textarea {
1542 border: 1px #A7A6AA solid;
1543 height: auto;
1546 .config-form input[type="text"]:focus,
1547 .config-form select:focus,
1548 .config-form textarea:focus {
1549 border: 1px #6676FF solid;
1550 background: #F7FBFF;
1553 .config-form .field-comment-mark {
1554 font-family: serif;
1555 color: #007;
1556 cursor: help;
1557 padding: 0 0.2em;
1558 font-weight: bold;
1559 font-style: italic;
1562 .config-form .field-comment-warning {
1563 color: #A00;
1566 /* error list */
1567 .config-form dd {
1568 margin-left: 0.5em;
1571 .config-form dd:before {
1572 content: "\25B8 ";
1575 .click-hide-message {
1576 cursor: pointer;
1579 .prefsmanage_opts {
1580 margin-<?php echo $left; ?>: 2em;
1583 #prefs_autoload {
1584 margin-bottom: 0.5em;
1587 #togglequerybox {
1588 clear: both;
1589 display: block;
1590 margin: 0 1em 1em 1em;
1591 border: 2px solid #000;
1592 width: auto;
1593 padding: 0.2em;
1594 clear: both;
1595 -moz-border-radius: 0.5em;
1596 border-radius: 0.5em;
1597 color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
1598 background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
1599 <?php if ($GLOBALS['cfg']['PropertiesIconic']) { ?>
1600 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_sql.png);
1601 background-repeat: no-repeat;
1602 <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
1603 background-position: 5px 50%;
1604 padding: 0.2em 0.2em 0.2em 25px;
1605 <?php } else { ?>
1606 background-position: 97% 50%;
1607 padding: 0.2em 25px 0.2em 0.2em;
1608 <?php } ?>
1609 <?php } ?>