2 /* vim: set expandtab sw=4 ts=4 sts=4: */
4 * main css file from theme Crimson-Gray
7 * @package phpMyAdmin-theme
8 * @subpackage Crimson-Gray
11 // unplanned execution path
12 if (!defined('PMA_MINIMUM_COMMON')) {
16 /******************************************************************************/
19 font
-size
: <?php
echo (null !== $GLOBALS['PMA_Config']->get('fontsize') ?
$_SESSION['PMA_Config']->get('fontsize') : (
20 isset($_COOKIE['pma_fontsize']) ?
$_COOKIE['pma_fontsize'] : '84%'));?
>;
23 input
, select
, textarea
{
28 <?php
if (! empty($GLOBALS['cfg']['FontFamily'])) { ?
>
29 font
-family
: <?php
echo $GLOBALS['cfg']['FontFamily']; ?
>;
33 color
: <?php
echo $GLOBALS['cfg']['MainColor']; ?
>;
34 background
: <?php
echo (isset($_SESSION['tmp_user_values']['custom_color']) ?
$_SESSION['tmp_user_values']['custom_color'] : $GLOBALS['cfg']['MainBackground']); ?
>;
37 <?php
if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?
>
38 textarea
, tt
, pre
, code
{
39 font
-family
: <?php
echo $GLOBALS['cfg']['FontFamilyFixed']; ?
>;
59 text
-decoration
: none
;
64 text
-decoration
: underline
;
79 color
: <?php
echo $GLOBALS['cfg']['ThColor']; ?
>;
80 background
: <?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
88 color
: <?php
echo $GLOBALS['cfg']['MainColor']; ?
>;
89 background
-color
: <?php
echo $GLOBALS['cfg']['MainColor']; ?
>;
102 height
: <?php
echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?
>em
;
107 border
: <?php
echo $GLOBALS['cfg']['MainColor']; ?
> solid
1px
;
109 background
: <?php
echo $GLOBALS['cfg']['BgOne']; ?
>;
119 background
-color
: <?php
echo ('OPERA' != PMA_USR_BROWSER_AGENT
&& 'OTHER' != PMA_USR_BROWSER_AGENT
) ?
'transparent' : $GLOBALS['cfg']['BgOne']. '; border: 1px solid #000; border-bottom: none;' ; ?
>
122 /* buttons in some browsers (eg. Konqueror) are block elements,
123 this breaks design */
131 padding
: 0.1em
0.5em
0.1em
0.5em
;
140 vertical
-align
: middle
;
144 /******************************************************************************/
147 border
: 1px solid
#000000;
152 fieldset
.tblFooters
{
154 margin
-bottom
: 0.5em
;
155 /* avoid a thick line since this should be used under another fieldset */
157 text
-align
: <?php
echo $left; ?
>;
162 fieldset
.formelement
{
163 float: <?php
echo $left; ?
>;
164 margin
-<?php
echo $right; ?
>: 0.5em
;
169 /* revert for Gecko */
170 fieldset div
[class=formelement
] {
176 background
-color
: transparent
;
179 /* odd items 1,3,5,7,... */
182 background
: <?php
echo $GLOBALS['cfg']['BgOne']; ?
>;
185 /* even items 2,4,6,8,... */
188 background
: <?php
echo $GLOBALS['cfg']['BgTwo']; ?
>;
191 /* odd table rows 1,3,5,7,... */
196 text
-align
: <?php
echo $left; ?
>;
199 <?php
if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?
>
200 /* marked table rows */
203 background
: <?php
echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?
>;
204 color
: <?php
echo $GLOBALS['cfg']['BrowseMarkerColor']; ?
>;
208 <?php
if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?
>
213 background
: <?php
echo $GLOBALS['cfg']['BrowsePointerBackground']; ?
>;
214 color
: <?php
echo $GLOBALS['cfg']['BrowsePointerColor']; ?
>;
217 /* hovered table rows */
218 table tr
.odd
:hover th
,
219 table tr
.even
:hover th
,
221 background
: <?php
echo $GLOBALS['cfg']['BrowsePointerBackground']; ?
>;
222 color
: <?php
echo $GLOBALS['cfg']['BrowsePointerColor']; ?
>;
227 * marks table rows/cells if the db field is in a where condition
233 border
: 1px solid
<?php
echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?
>;
237 text
-align
: <?php
echo $right; ?
>;
240 /* IE doesnt handles 'pre' right */
241 table
[class=value
] {
246 <?php
if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?
>
248 font
-family
: <?php
echo $GLOBALS['cfg']['FontFamilyFixed']; ?
>;
267 background
-color
: #FFFFFF;
269 border
: 1px solid
#000000;
284 border
: 1px dashed
#000000;
303 .syntax_digit_integer
{
306 .syntax_digit_float
{
315 .syntax_alpha_columnType
{
316 text
-transform
: uppercase
;
319 .syntax_alpha_columnAttrib
{
320 text
-transform
: uppercase
;
323 .syntax_alpha_reservedWord
{
324 text
-transform
: uppercase
;
328 .syntax_alpha_functionName
{
329 text
-transform
: uppercase
;
332 .syntax_alpha_identifier
{
335 .syntax_alpha_charset
{
338 .syntax_alpha_variable
{
345 .syntax_quote_backtick
{
348 /* leave some space between icons and text */
350 vertical
-align
: middle
;
354 /* no extra space in table cells */
360 margin
-<?php
echo $right; ?
>: 0.3em
;
361 margin
-<?php
echo $left; ?
>: 0.6em
;
364 /* message boxes: warning, error, confirmation */
369 border
-bottom
: 2px solid
;
371 text
-align
: <?php
echo $left; ?
>;
381 <?php
if ($GLOBALS['cfg']['ErrorIconic']) { ?
>
382 background
-repeat
: no
-repeat
;
383 <?php
if ($GLOBALS['text_dir'] === 'ltr') { ?
>
384 background
-position
: 10px
50%
;
385 padding
: 0.1em
0.1em
0.1em
36px
;
387 background
-position
: 99%
50%
;
388 padding
: 10px
5%
10px
10px
;
397 background
-color
: #f0fff0;
401 border
-color
: #00FF00;
402 <?php
if ($GLOBALS['cfg']['ErrorIconic']) { ?
>
403 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_success
.png
);
407 border
-color
: #00FF00;
412 background
-color
: #FFFFDD;
416 border
-color
: #FFD700;
417 <?php
if ($GLOBALS['cfg']['ErrorIconic']) { ?
>
418 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_notice
.png
);
422 border
-bottom
: 0.1em solid
#FFD700;
427 background
-color
: #FFFFCC;
432 border
-color
: #CC0000;
433 <?php
if ($GLOBALS['cfg']['ErrorIconic']) { ?
>
434 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_warn
.png
);
438 border
-color
: #cc0000;
442 background
-color
: #FFFFCC;
448 border
-color
: #ff0000;
449 <?php
if ($GLOBALS['cfg']['ErrorIconic']) { ?
>
450 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_error
.png
);
454 border
-bottom
: 0.1em solid
#ff0000;
458 background
-color
: #FFFFCC;
460 fieldset
.confirmation
{
461 border
: 0.1em solid
#FF0000;
463 fieldset
.confirmation legend
{
464 border
-left
: 0.1em solid
#FF0000;
465 border
-right
: 0.1em solid
#FF0000;
467 <?php
if ($GLOBALS['cfg']['ErrorIconic']) { ?
>
468 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_really
.png
);
469 background
-repeat
: no
-repeat
;
470 <?php
if ($GLOBALS['text_dir'] === 'ltr') { ?
>
471 background
-position
: 5px
50%
;
472 padding
: 0.2em
0.2em
0.2em
25px
;
474 background
-position
: 97%
50%
;
475 padding
: 0.2em
25px
0.2em
0.2em
;
479 /* end messageboxes */
490 color
: <?php
echo $GLOBALS['cfg']['ThColor']; ?
>;
491 background
: <?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
497 color
: <?php
echo $GLOBALS['cfg']['ThColor']; ?
>;
498 background
: <?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
502 .tblHeaders a
:active
,
503 .tblHeaders a
:visited
,
508 .tblFooters a
:active
,
509 .tblFooters a
:visited
{
515 .tblFooters a
:hover
{
519 /* forbidden, no privilegs */
529 .disabled a
:visited
{
535 text
-decoration
: none
;
540 background
-color
: #cccccc;
547 body
.loginform a
.logo
{
556 body
.loginform div
.container
{
557 text
-align
: <?php
echo $left; ?
>;
563 float: <?php
echo $left; ?
>;
565 clear
: <?php
echo $left; ?
>;
570 float: <?php
echo $left; ?
>;
571 clear
: <?php
echo $left; ?
>;
574 .login
.textfield
, .loginform select
{
578 #input_go, #buttonGo, #queryboxfooter input, input[type=submit] {
582 /******************************************************************************/
583 /* specific elements */
588 list-style
-type
: none
;
594 float: <?php
echo $left; ?
>;
597 vertical
-align
: middle
;
601 vertical
-align
: middle
;
602 margin
-<?php
echo $right; ?
>: 0.1em
;
605 /* default tab styles */
606 .tab
, .tabcaution
, .tabactive
{
608 margin
: 0.2em
0.2em
0 0.2em
;
609 padding
: 0.2em
0.2em
0 0.2em
;
618 /* disabled drop/empty tabs */
623 /* enabled drop/empty tabs */
629 background
-color
: #FF0000;
632 <?php
if ($GLOBALS['cfg']['LightTabs']) { ?
>
640 padding
: 0.1em
0.3em
0.1em
0.3em
;
644 border
-bottom
: 1pt solid black
;
647 /* default tab styles */
648 .tab
, .tabcaution
, .tabactive
{
649 background
-color
: <?php
echo $GLOBALS['cfg']['BgOne']; ?
>;
650 border
: 1pt solid
<?php
echo $GLOBALS['cfg']['BgTwo']; ?
>;
652 border
-top
-left
-radius
: 0.4em
;
653 border
-top
-right
-radius
: 0.4em
;
656 /* enabled hover/active tabs */
662 padding
: 0.2em
0.4em
0.2em
0.4em
;
663 text
-decoration
: none
;
668 background
-color
: <?php
echo $GLOBALS['cfg']['MainBackground']; ?
>;
671 /* to be able to cancel the bottom border, use <li class="active"> */
672 ul
#topmenu li.active {
673 border
-bottom
: 1pt solid
<?php
echo $GLOBALS['cfg']['MainBackground']; ?
>;
676 /* disabled drop/empty tabs */
680 cursor
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>error
.ico
), default;
693 table
.calendar td a
{
697 table
.calendar td a
:hover
{
698 background
-color
: #CCFFCC;
702 background
-color
: #D3DCE3;
705 table
.calendar td
.selected
{
706 background
-color
: #FFCC99;
719 div
#tablestatistics {
720 border
-bottom
: 0.1em solid
#669999;
721 margin
-bottom
: 0.5em
;
722 padding
-bottom
: 0.5em
;
725 div
#tablestatistics table {
726 float: <?php
echo $left; ?
>;
727 margin
-bottom
: 0.5em
;
728 margin
-<?php
echo $right; ?
>: 0.5em
;
731 div
#tablestatistics table caption {
732 margin
-<?php
echo $right; ?
>: 0.5em
;
734 /* END table stats */
737 /* server privileges */
739 #tablespecificuserrights td,
741 vertical
-align
: middle
;
743 /* END server privileges */
750 margin
-bottom
: 0.5em
;
757 #span_table_comment {
764 margin
: 0 0.1em
0 0.2em
;
771 font
-family
: "Courier New", Courier
, mono
;
782 background
-color
: #ffffcc;
784 border
: 0.1em solid
#000000;
788 /* user privileges */
789 #fieldset_add_user_login div.item {
790 border
-bottom
: 1px solid silver
;
791 padding
-bottom
: 0.3em
;
792 margin
-bottom
: 0.3em
;
795 #fieldset_add_user_login label {
796 float: <?php
echo $left; ?
>;
800 text
-align
: <?php
echo $right; ?
>;
801 padding
-<?php
echo $right; ?
>: 0.5em
;
804 #fieldset_add_user_login span.options #select_pred_username,
805 #fieldset_add_user_login span.options #select_pred_hostname,
806 #fieldset_add_user_login span.options #select_pred_password {
811 #fieldset_add_user_login span.options {
812 float: <?php
echo $left; ?
>;
816 padding
-<?php
echo $right; ?
>: 0.5em
;
819 #fieldset_add_user_login input {
821 clear
: <?php
echo $right; ?
>;
825 #fieldset_add_user_login span.options input {
829 #fieldset_user_priv div.item {
830 float: <?php
echo $left; ?
>;
835 #fieldset_user_priv div.item div.item {
839 #fieldset_user_priv div.item label {
843 #fieldset_user_priv div.item select {
847 #fieldset_user_global_rights fieldset {
848 float: <?php
echo $left; ?
>;
850 /* END user privileges */
854 div
#serverstatus table caption a.top {
855 float: <?php
echo $left; ?
>;
858 div
#serverstatus div#serverstatusqueriesdetails table,
859 div
#serverstatus table#serverstatustraffic,
860 div
#serverstatus table#serverstatusconnections {
861 float: <?php
echo $left; ?
>;
864 #serverstatussection,
868 div
#serverstatussection table {
872 div
#serverstatussection table .name {
875 div
#serverstatussection table .value {
879 div
#serverstatus table tbody td.descr a,
880 div
#serverstatus table .tblFooters a {
883 div
#serverstatus div#statuslinks a:before,
884 div
#serverstatus div#sectionlinks a:before,
885 div
#serverstatus table tbody td.descr a:before,
886 div
#serverstatus table .tblFooters a:before {
889 div
#serverstatus div#statuslinks a:after,
890 div
#serverstatus div#sectionlinks a:after,
891 div
#serverstatus table tbody td.descr a:after,
892 div
#serverstatus table .tblFooters a:after {
895 /* end serverstatus */
898 body
#bodyquerywindow {
901 background
-image
: none
;
902 background
-color
: #F5F5F5;
905 div
#querywindowcontainer {
911 div
#querywindowcontainer fieldset {
914 /* END querywindow */
919 div
#sqlquerycontainer {
920 float: <?php
echo $left; ?
>;
925 div
#tablefieldscontainer {
926 float: <?php
echo $right; ?
>;
931 div
#tablefieldscontainer select {
941 div
#queryboxcontainer div#bookmarkoptions {
948 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>logo_right
.png
);
949 background
-position
: <?php
echo $right; ?
> bottom
;
950 background
-repeat
: no
-repeat
;
953 #mysqlmaininformation,
954 #pmamaininformation {
955 float: <?php
echo $left; ?
>;
960 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>item_
<?php
echo $GLOBALS['text_dir']; ?
>.png
);
961 vertical
-align
: middle
;
965 margin
-bottom
: 0.3em
;
970 <?php
if ($GLOBALS['cfg']['MainPageIconic']) { ?
>
971 /* iconic view for ul items */
972 li
#li_create_database {
973 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_newdb
.png
);
977 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_lang
.png
);
980 li
#li_select_mysql_collation,
981 li
#li_select_mysql_charset {
982 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_asci
.png
);
986 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_theme
.png
);
990 li
#li_server_version{
991 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_host
.png
);
995 /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
999 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_status
.png
);
1002 li
#li_mysql_variables{
1003 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_vars
.png
);
1006 li
#li_mysql_processes{
1007 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_process
.png
);
1010 li
#li_mysql_collations{
1011 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_asci
.png
);
1014 li
#li_mysql_engines{
1015 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_engine
.png
);
1018 li
#li_mysql_binlogs {
1019 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_tbl
.png
);
1022 li
#li_mysql_databases {
1023 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_db
.png
);
1027 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_export
.png
);
1031 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_import
.png
);
1034 li
#li_change_password {
1035 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_passwd
.png
);
1039 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_loggoff
.png
);
1044 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_docs
.png
);
1048 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>php_sym
.png
);
1051 li
#li_pma_homepage {
1052 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_home
.png
);
1055 li
#li_mysql_privilegs{
1056 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_rights
.png
);
1059 li
#li_switch_dbstats {
1060 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>b_dbstatistics
.png
);
1063 li
#li_flush_privileges {
1064 list-style
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath(); ?
>s_reload
.png
);
1066 /* END iconic view for ul items */
1067 <?php
} /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?
>
1070 #body_browse_foreigners {
1071 background
: <?php
echo $GLOBALS['cfg']['NaviBackground']; ?
>;
1072 margin
: 0.5em
0.5em
0 0.5em
;
1076 background
: <?php
echo $GLOBALS['cfg']['NaviBackground']; ?
>;
1086 border
: 0.1em solid black
;
1089 #bodythemes a:hover img {
1090 border
: 0.1em solid red
;
1093 #fieldset_select_fields {
1094 float: <?php
echo $left; ?
>;
1103 border
-top
: 0.1em solid silver
;
1104 text
-align
: <?php
echo $left; ?
>;
1107 #table_innodb_bufferpool_usage,
1108 #table_innodb_bufferpool_activity {
1109 float: <?php
echo $left; ?
>;
1112 #div_mysql_charset_collations table {
1113 float: <?php
echo $left; ?
>;
1118 float: <?php
echo $left; ?
>;
1123 float: <?php
echo $left; ?
>;
1127 #div_partition_maintenance,
1128 #div_referential_integrity,
1129 #div_table_maintenance {
1131 float: <?php
echo $left; ?
>;
1134 #div_table_options {
1137 float: <?php
echo $left; ?
>;
1140 #qbe_div_table_list {
1141 float: <?php
echo $left; ?
>;
1144 #qbe_div_sql_query {
1145 float: <?php
echo $left; ?
>;
1150 float: <?php
echo $left; ?
>;
1158 border
: <?php
echo $GLOBALS['cfg']['MainColor']; ?
> solid
1px
;
1163 background
: <?php
echo $GLOBALS['cfg']['BgOne']; ?
>;
1168 float: <?php
echo $left; ?
>;
1173 margin
-<?php
echo $left; ?
>: 60%
;
1175 padding
-<?php
echo $left; ?
>: 1em
;
1179 border
-<?php
echo $left; ?
>: 1px solid
<?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
1184 background
-color
: <?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
1186 padding
: 0.1em
0.3em
;
1191 padding
-bottom
: 0.3em
;
1192 border
-bottom
: 0.3em solid
<?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
1193 margin
-bottom
: 0.3em
;