2 /* vim: set expandtab sw=4 ts=4 sts=4: */
4 * main css file from theme
7 * @package phpMyAdmin-theme
8 * @subpackage Original_small
11 // unplanned execution path
12 if (!defined('PMA_MINIMUM_COMMON')) {
16 /******************************************************************************/
19 <?php
if (! empty($GLOBALS['cfg']['FontFamily'])) { ?
>
20 font
-family
: <?php
echo $GLOBALS['cfg']['FontFamily']; ?
>;
24 color
: <?php
echo $GLOBALS['cfg']['MainColor']; ?
>;
25 background
: <?php
echo $GLOBALS['cfg']['MainBackground']; ?
>;
28 <?php
if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?
>
29 textarea
, tt
, pre
, code
{
30 font
-family
: <?php
echo $GLOBALS['cfg']['FontFamilyFixed']; ?
>;
51 text
-decoration
: none
;
56 text
-decoration
: underline
;
71 color
: <?php
echo $GLOBALS['cfg']['ThColor']; ?
>;
72 background
: <?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
80 color
: <?php
echo $GLOBALS['cfg']['MainColor']; ?
>;
81 background
-color
: <?php
echo $GLOBALS['cfg']['MainColor']; ?
>;
99 border
: <?php
echo $GLOBALS['cfg']['MainColor']; ?
> solid
1px
;
101 background
: <?php
echo $GLOBALS['cfg']['BgOne']; ?
>;
109 background
-color
: transparent
;
112 /* buttons in some browsers (eg. Konqueror) are block elements,
113 this breaks design */
130 vertical
-align
: middle
;
132 /* for Internet Explorer there can be added this class to all checkboxes, so the css can reach the checkboxes: */
137 /* this is ignored by IE6 */
138 input
[type
=checkbox
] {
143 /******************************************************************************/
146 fieldset
.tblFooters
{
148 margin
-bottom
: 0.5em
;
149 text
-align
: <?php
echo $right; ?
>;
154 fieldset
.formelement
{
155 float: <?php
echo $left; ?
>;
156 margin
-<?php
echo $right; ?
>: 0.5em
;
161 /* revert for Gecko */
162 fieldset div
[class=formelement
] {
168 background
-color
: transparent
;
171 /* odd items 1,3,5,7,... */
174 background
: <?php
echo $GLOBALS['cfg']['BgOne']; ?
>;
177 /* even items 2,4,6,8,... */
180 background
: <?php
echo $GLOBALS['cfg']['BgTwo']; ?
>;
183 /* odd table rows 1,3,5,7,... */
188 text
-align
: <?php
echo $left; ?
>;
191 /* marked tbale rows */
194 background
: <?php
echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?
>;
195 color
: <?php
echo $GLOBALS['cfg']['BrowseMarkerColor']; ?
>;
202 background
: <?php
echo $GLOBALS['cfg']['BrowsePointerBackground']; ?
>;
203 color
: <?php
echo $GLOBALS['cfg']['BrowsePointerColor']; ?
>;
206 /* hovered table rows */
207 table tr
.odd
:hover th
,
208 table tr
.even
:hover th
,
210 background
: <?php
echo $GLOBALS['cfg']['BrowsePointerBackground']; ?
>;
211 color
: <?php
echo $GLOBALS['cfg']['BrowsePointerColor']; ?
>;
215 * marks table rows/cells if the db field is in a where condition
221 border
: 1px solid
<?php
echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?
>;
225 text
-align
: <?php
echo $right; ?
>;
228 /* IE doesnt handles 'pre' right */
229 table
[class=value
] {
234 <?php
if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?
>
236 font
-family
: <?php
echo $GLOBALS['cfg']['FontFamilyFixed']; ?
>;
255 background
-color
: #FFFFFF;
257 border
: 1px solid
#000000;
272 border
: 1px dashed
#000000;
291 .syntax_digit_integer
{
294 .syntax_digit_float
{
303 .syntax_alpha_columnType
{
304 text
-transform
: uppercase
;
307 .syntax_alpha_columnAttrib
{
308 text
-transform
: uppercase
;
311 .syntax_alpha_reservedWord
{
312 text
-transform
: uppercase
;
316 .syntax_alpha_functionName
{
317 text
-transform
: uppercase
;
320 .syntax_alpha_identifier
{
323 .syntax_alpha_charset
{
326 .syntax_alpha_variable
{
333 .syntax_quote_backtick
{
336 /* leave some space between icons and text */
338 vertical
-align
: middle
;
342 /* this resizes all icons to a height of 14, although the files still have their original height of 16 */
348 /* no extra space in table cells */
354 margin
-<?php
echo $right; ?
>: 0.3em
;
355 margin
-<?php
echo $left; ?
>: 0.6em
;
358 /* message boxes: warning, error, confirmation */
361 background
-color
: #FFFFDD;
365 margin
: 0.5em
0 0.5em
0;
366 border
: 0.1em solid
#FFD700;
367 <?php
if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?
>
368 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_notice
.png
);
369 background
-repeat
: no
-repeat
;
370 <?php
if ( $GLOBALS['text_dir'] === 'ltr' ) { ?
>
371 background
-position
: 10px
50%
;
372 padding
: 10px
10px
10px
36px
;
374 background
-position
: 99%
50%
;
375 padding
: 10px
5%
10px
10px
;
382 border
-bottom
: 0.1em solid
#FFD700;
384 text
-align
: <?php
echo $left; ?
>;
390 background
-color
: #FFFFCC;
395 margin
: 0.5em
0 0.5em
0;
396 border
: 0.1em solid
#CC0000;
397 <?php
if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?
>
398 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_warn
.png
);
399 background
-repeat
: no
-repeat
;
400 <?php
if ( $GLOBALS['text_dir'] === 'ltr' ) { ?
>
401 background
-position
: 10px
50%
;
402 padding
: 10px
10px
10px
36px
;
404 background
-position
: 99%
50%
;
405 padding
: 10px
5%
10px
10px
;
412 border
-bottom
: 0.1em solid
#cc0000;
414 text
-align
: <?php
echo $left; ?
>;
419 background
-color
: #FFFFCC;
425 margin
: 0.5em
0 0.5em
0;
426 border
: 0.1em solid
#ff0000;
427 <?php
if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?
>
428 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_error
.png
);
429 background
-repeat
: no
-repeat
;
430 <?php
if ( $GLOBALS['text_dir'] === 'ltr' ) { ?
>
431 background
-position
: 10px
50%
;
432 padding
: 10px
10px
10px
36px
;
434 background
-position
: 99%
50%
;
435 padding
: 10px
5%
10px
10px
;
442 border
-bottom
: 0.1em solid
#ff0000;
444 text
-align
: <?php
echo $left; ?
>;
449 background
-color
: #FFFFCC;
451 fieldset
.confirmation
{
452 border
: 0.1em solid
#FF0000;
454 fieldset
.confirmation legend
{
455 border
-left
: 0.1em solid
#FF0000;
456 border
-right
: 0.1em solid
#FF0000;
458 <?php
if ( $GLOBALS['cfg']['ErrorIconic'] ) { ?
>
459 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_really
.png
);
460 background
-repeat
: no
-repeat
;
461 <?php
if ( $GLOBALS['text_dir'] === 'ltr' ) { ?
>
462 background
-position
: 5px
50%
;
463 padding
: 0.2em
0.2em
0.2em
25px
;
465 background
-position
: 97%
50%
;
466 padding
: 0.2em
25px
0.2em
0.2em
;
470 /* end messageboxes */
481 color
: <?php
echo $GLOBALS['cfg']['ThColor']; ?
>;
482 background
: <?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
487 color
: <?php
echo $GLOBALS['cfg']['ThColor']; ?
>;
488 background
: <?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
493 .tblHeaders a
:active
,
494 .tblHeaders a
:visited
,
496 .tblFooters a
:active
,
497 .tblFooters a
:visited
{
502 .tblFooters a
:hover
{
506 /* forbidden, no privilegs */
516 .disabled a
:visited
{
522 text
-decoration
: none
;
527 background
-color
: #cccccc;
534 body
.loginform a
.logo
{
543 body
.loginform div
.container
{
544 text
-align
: <?php
echo $left; ?
>;
550 float: <?php
echo $left; ?
>;
556 /******************************************************************************/
557 /* specific elements */
562 list-style
-type
: none
;
568 float: <?php
echo $left; ?
>;
571 vertical
-align
: middle
;
575 vertical
-align
: middle
;
576 margin
-<?php
echo $right; ?
>: 0.1em
;
579 /* default tab styles */
580 .tab
, .tabcaution
, .tabactive
{
582 margin
: 0.2em
0.2em
0 0.2em
;
583 padding
: 0.2em
0.2em
0 0.2em
;
592 /* disabled drop/empty tabs */
597 /* enabled drop/empty tabs */
603 background
-color
: #FF0000;
606 <?php
if ( $GLOBALS['cfg']['LightTabs'] ) { ?
>
614 padding
: 0.1em
0.3em
0.1em
0.3em
;
618 border
-bottom
: 1pt solid black
;
621 /* default tab styles */
622 .tab
, .tabcaution
, .tabactive
{
623 background
-color
: <?php
echo $GLOBALS['cfg']['BgOne']; ?
>;
624 border
: 1pt solid
<?php
echo $GLOBALS['cfg']['BgTwo']; ?
>;
626 border
-top
-left
-radius
: 0.4em
;
627 border
-top
-right
-radius
: 0.4em
;
630 /* enabled hover/active tabs */
636 padding
: 0.2em
0.4em
0.2em
0.4em
;
637 text
-decoration
: none
;
642 background
-color
: <?php
echo $GLOBALS['cfg']['BgTwo']; ?
>;
645 /* disabled drop/empty tabs */
648 cursor
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>error
.ico
), default;
661 table
.calendar td a
{
665 table
.calendar td a
:hover
{
666 background
-color
: #CCFFCC;
670 background
-color
: #D3DCE3;
673 table
.calendar td
.selected
{
674 background
-color
: #FFCC99;
687 div
#tablestatistics {
688 border
-bottom
: 0.1em solid
#669999;
689 margin
-bottom
: 0.5em
;
690 padding
-bottom
: 0.5em
;
693 div
#tablestatistics table {
694 float: <?php
echo $left; ?
>;
695 margin
-bottom
: 0.5em
;
696 margin
-<?php
echo $right; ?
>: 0.5em
;
699 div
#tablestatistics table caption {
700 margin
-<?php
echo $right; ?
>: 0.5em
;
702 /* END table stats */
705 /* server privileges */
707 #tablespecificuserrights td,
709 vertical
-align
: middle
;
711 /* END server privileges */
718 margin
-bottom
: 0.5em
;
725 #span_table_comment {
732 margin
: 0 0.1em
0 0.2em
;
739 font
-family
: "Courier New", Courier
, mono
;
750 background
-color
: #ffffcc;
752 border
: 0.1em solid
#000000;
756 /* user privileges */
757 #fieldset_add_user_login div.item {
758 border
-bottom
: 1px solid silver
;
759 padding
-bottom
: 0.3em
;
760 margin
-bottom
: 0.3em
;
763 #fieldset_add_user_login label {
764 float: <?php
echo $left; ?
>;
768 text
-align
: <?php
echo $right; ?
>;
769 padding
-<?php
echo $right; ?
>: 0.5em
;
772 #fieldset_add_user_login span.options #select_pred_username,
773 #fieldset_add_user_login span.options #select_pred_hostname,
774 #fieldset_add_user_login span.options #select_pred_password {
779 #fieldset_add_user_login span.options {
780 float: <?php
echo $left; ?
>;
784 padding
-<?php
echo $right; ?
>: 0.5em
;
787 #fieldset_add_user_login input {
789 clear
: <?php
echo $right; ?
>;
793 #fieldset_add_user_login span.options input {
797 #fieldset_user_priv div.item {
798 float: <?php
echo $left; ?
>;
803 #fieldset_user_priv div.item div.item {
807 #fieldset_user_priv div.item label {
811 #fieldset_user_priv div.item select {
815 #fieldset_user_global_rights fieldset {
816 float: <?php
echo $left; ?
>;
818 /* END user privileges */
822 div
#serverstatus table caption a.top {
823 float: <?php
echo $right; ?
>;
826 div
#serverstatus div#serverstatusqueriesdetails table,
827 div
#serverstatus table#serverstatustraffic,
828 div
#serverstatus table#serverstatusconnections {
829 float: <?php
echo $left; ?
>;
832 #serverstatussection,
836 div
#serverstatussection table {
840 div
#serverstatussection table .name {
843 div
#serverstatussection table .value {
847 div
#serverstatus table tbody td.descr a,
848 div
#serverstatus table .tblFooters a {
851 div
#serverstatus div#statuslinks a:before,
852 div
#serverstatus div#sectionlinks a:before,
853 div
#serverstatus table tbody td.descr a:before,
854 div
#serverstatus table .tblFooters a:before {
857 div
#serverstatus div#statuslinks a:after,
858 div
#serverstatus div#sectionlinks a:after,
859 div
#serverstatus table tbody td.descr a:after,
860 div
#serverstatus table .tblFooters a:after {
863 /* end serverstatus */
866 body
#bodyquerywindow {
869 background
-image
: none
;
870 background
-color
: #F5F5F5;
873 div
#querywindowcontainer {
879 div
#querywindowcontainer fieldset {
882 /* END querywindow */
887 div
#sqlquerycontainer {
888 float: <?php
echo $left; ?
>;
893 div
#tablefieldscontainer {
894 float: <?php
echo $right; ?
>;
899 div
#tablefieldscontainer select {
909 div
#queryboxcontainer div#bookmarkoptions {
916 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>logo_right
.png
);
917 background
-position
: <?php
echo $right; ?
> bottom
;
918 background
-repeat
: no
-repeat
;
919 border
-bottom
: 1px solid silver
;
922 #mysqlmaininformation,
923 #pmamaininformation {
924 float: <?php
echo $left; ?
>;
929 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>item_
<?php
echo $GLOBALS['text_dir']; ?
>.png
);
930 vertical
-align
: middle
;
934 margin
-bottom
: 0.3em
;
939 <?php
if ($GLOBALS['cfg']['MainPageIconic']) { ?
>
940 /* iconic view for ul items */
941 li
#li_create_database {
942 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_newdb
.png
);
946 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_lang
.png
);
949 li
#li_select_mysql_collation,
950 li
#li_select_mysql_charset {
951 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_asci
.png
);
955 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_theme
.png
);
959 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_host
.png
);
963 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
967 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_status
.png
);
970 li
#li_mysql_variables{
971 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_vars
.png
);
974 li
#li_mysql_processes{
975 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_process
.png
);
978 li
#li_mysql_collations{
979 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_asci
.png
);
983 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_engine
.png
);
986 li
#li_mysql_binlogs {
987 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_tbl
.png
);
990 li
#li_mysql_databases {
991 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_db
.png
);
995 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_export
.png
);
999 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_import
.png
);
1002 li
#li_change_password {
1003 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_passwd
.png
);
1007 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_loggoff
.png
);
1011 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_docs
.png
);
1015 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>php_sym
.png
);
1018 li
#li_pma_homepage {
1019 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_home
.png
);
1022 li
#li_mysql_privilegs{
1023 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_rights
.png
);
1026 li
#li_switch_dbstats {
1027 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_dbstatistics
.png
);
1030 li
#li_flush_privileges {
1031 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_reload
.png
);
1033 /* END iconic view for ul items */
1034 <?php
} /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?
>
1037 #body_browse_foreigners {
1038 background
: <?php
echo $GLOBALS['cfg']['NaviBackground']; ?
>;
1039 margin
: 0.5em
0.5em
0 0.5em
;
1043 background
: <?php
echo $GLOBALS['cfg']['NaviBackground']; ?
>;
1053 border
: 0.1em solid black
;
1056 #bodythemes a:hover img {
1057 border
: 0.1em solid red
;
1060 #fieldset_select_fields {
1061 float: <?php
echo $left; ?
>;
1070 border
-top
: 0.1em solid silver
;
1071 text
-align
: <?php
echo $right; ?
>;
1074 #table_innodb_bufferpool_usage,
1075 #table_innodb_bufferpool_activity {
1076 float: <?php
echo $left; ?
>;
1079 #div_mysql_charset_collations table {
1080 float: <?php
echo $left; ?
>;
1085 float: <?php
echo $left; ?
>;
1090 float: <?php
echo $left; ?
>;
1095 float: <?php
echo $left; ?
>;
1098 #div_table_options {
1101 float: <?php
echo $left; ?
>;
1104 #qbe_div_table_list {
1105 float: <?php
echo $left; ?
>;
1108 #qbe_div_sql_query {
1109 float: <?php
echo $left; ?
>;
1114 float: <?php
echo $left; ?
>;