2 /* vim: set expandtab sw=4 ts=4 sts=4: */
4 * Common styles for the pmahomme theme
6 * @package PhpMyAdmin-theme
10 // unplanned execution path
11 if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
15 /******************************************************************************/
19 font
-size
: <?php
echo $_SESSION['PMA_Theme']->getFontSize(); ?
>
30 <?php
if (! empty($GLOBALS['cfg']['FontFamily'])) { ?
>
31 font
-family
: <?php
echo $GLOBALS['cfg']['FontFamily']; ?
>;
36 margin
-<?php
echo $left; ?
>: 240px
;
45 #page_content, #session_debug {
49 <?php
if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?
>
54 font
-family
: <?php
echo $GLOBALS['cfg']['FontFamilyFixed']; ?
>;
68 text
-shadow
: 0 1px
0 #fff;
70 padding
-<?php
echo $left; ?
>: 3px
;
74 /* Hiding icons in the page titles */
101 .checkall_box+label
{
102 text
-decoration
: none
;
110 button
.mult_submit
:hover
,
111 button
.mult_submit
:focus
,
112 .checkall_box+label
:hover
{
113 text
-decoration
: underline
;
119 border
: 1px solid
#aaa;
121 -moz
-border
-radius
: 5px
;
122 -webkit
-border
-radius
: 5px
;
127 padding
: 8px
!important
;
131 border
: 1px solid
#aaa;
134 -moz
-border
-radius
: 5px
;
135 -webkit
-border
-radius
: 5px
;
137 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'e0e0e0'); ?
>
140 #initials_table a.active {
141 border
: 1px solid
#666;
142 box
-shadow
: 0 0 2px
#999;
143 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('bbbbbb', 'ffffff'); ?
>
157 color
: <?php
echo $GLOBALS['cfg']['ThColor']; ?
>;
159 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?
>
167 color
: <?php
echo $GLOBALS['cfg']['MainColor']; ?
>;
168 background
-color
: <?php
echo $GLOBALS['cfg']['MainColor']; ?
>;
182 /* Fix outline in Chrome: */
187 input
[type
=password
],
191 -moz
-border
-radius
: 2px
;
192 -webkit
-border
-radius
: 2px
;
196 border
: 1px solid
#aaa;
202 input
[type
=password
],
205 input
[type
=checkbox
],
215 input
[type
=password
],
219 transition
: all
0.2s
;
220 -ms
-transition
: all
0.2s
;
221 -webkit
-transition
: all
0.2s
;
222 -moz
-transition
: all
0.2s
;
225 input
[type
=text
][disabled
],
226 input
[type
=text
][disabled
]:hover
,
227 input
[type
=password
][disabled
],
228 input
[type
=password
][disabled
]:hover
,
229 input
[type
=number
][disabled
],
230 input
[type
=number
][disabled
]:hover
,
231 input
[type
=date
][disabled
],
232 input
[type
=date
][disabled
]:hover
,
234 select
[disabled
]:hover
{
237 -webkit
-box
-shadow
: none
;
238 -moz
-box
-shadow
: none
;
241 input
[type
=text
]:hover
,
242 input
[type
=text
]:focus
,
243 input
[type
=password
]:hover
,
244 input
[type
=password
]:focus
,
245 input
[type
=number
]:hover
,
246 input
[type
=number
]:focus
,
247 input
[type
=date
]:hover
,
248 input
[type
=date
]:focus
,
250 border
: 1px solid
#7c7c7c;
254 input
[type
=text
]:hover
,
255 input
[type
=password
]:hover
,
256 input
[type
=number
]:hover
,
257 input
[type
=date
]:hover
{
258 box
-shadow
: 0 1px
3px
#aaa;
259 -webkit
-box
-shadow
: 0 1px
3px
#aaa;
260 -moz
-box
-shadow
: 0 1px
3px
#aaa;
265 button
[type
=submit
]:not(.mult_submit
) {
266 font
-weight
: bold
!important
;
271 button
[type
=submit
]:not(.mult_submit
),
273 input
[name
=submit_reset
],
276 border
: 1px solid
#aaa;
279 text
-decoration
: none
;
283 -webkit
-border
-radius
: 12px
;
284 -moz
-border
-radius
: 12px
;
286 text
-shadow
: 0 1px
0 #fff;
288 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('f8f8f8', 'd8d8d8'); ?
>
291 input
[type
=submit
]:hover
,
292 input
[type
=button
]:hover
,
293 button
[type
=submit
]:not(.mult_submit
):hover
,
294 input
[type
=reset
]:hover
,
295 input
[name
=submit_reset
]:hover
,
298 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('fff', 'ddd'); ?
>
302 input
[type
=submit
]:active
,
303 input
[type
=button
]:active
,
304 button
[type
=submit
]:not(.mult_submit
):active
,
305 input
[type
=reset
]:active
,
306 input
[name
=submit_reset
]:active
,
307 input
.button
:active
{
309 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('eee', 'ddd'); ?
>
310 box
-shadow
: 0 1px
6px
-2px
#333 inset;
314 input
[type
=submit
]:disabled
,
315 input
[type
=button
]:disabled
,
316 button
[type
=submit
]:not(.mult_submit
):disabled
,
317 input
[type
=reset
]:disabled
,
318 input
[name
=submit_reset
]:disabled
,
319 input
.button
:disabled
{
328 height
: <?php
echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?
>em
;
333 height
: <?php
echo ceil($GLOBALS['cfg']['CharTextareaRows'] * 1.2); ?
>em
;
336 fieldset
, .preview_sql
{
338 border
-radius
: 4px
4px
0 0;
339 -moz
-border
-radius
: 4px
4px
0 0;
340 -webkit
-border
-radius
: 4px
4px
0 0;
341 border
: #aaa solid 1px;
344 text
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>1px
1px
2px
#fff inset;
345 -moz
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>1px
1px
2px
#fff inset;
346 -webkit
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>1px
1px
2px
#fff inset;
347 box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>1px
1px
2px
#fff inset;
353 border
: 1px solid
#aaa;
363 -moz
-border
-radius
: 2px
;
364 -webkit
-border
-radius
: 2px
;
365 border
: 1px solid
#aaa;
366 background
-color
: #fff;
367 -moz
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>3px
3px
15px
#bbb;
368 -webkit
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>3px
3px
15px
#bbb;
369 box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>3px
3px
15px
#bbb;
377 /* buttons in some browsers (eg. Konqueror) are block elements,
378 this breaks design */
389 text
-shadow
: 0 1px
0 #fff;
394 border
-collapse
: collapse
;
398 border
-right
: 1px solid
#fff;
408 vertical
-align
: middle
;
411 input
[type
="checkbox"],
412 input
[type
="radio"] {
413 vertical
-align
: -11%
;
418 -moz
-border
-radius
: 2px
;
419 -webkit
-border
-radius
: 2px
;
422 border
: 1px solid
#bbb;
430 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'f2f2f2'); ?
>
433 /******************************************************************************/
440 float: <?php
echo $left; ?
>;
441 margin
-<?php
echo $right; ?
>: 1em
;
445 float: <?php
echo $right; ?
>;
460 table
.nopadding tr th
, table
.nopadding tr td
{
468 th
.center
, td
.center
{
476 tr
.vtop th
, tr
.vtop td
, th
.vtop
, td
.vtop
{
480 tr
.vmiddle th
, tr
.vmiddle td
, th
.vmiddle
, td
.vmiddle
{
481 vertical
-align
: middle
;
484 tr
.vbottom th
, tr
.vbottom td
, th
.vbottom
, td
.vbottom
{
485 vertical
-align
: bottom
;
494 text
-shadow
: 0 1px
0 #000;
498 /* border: 1px solid #000; */
503 color
: #3a7ead !important;
507 fieldset
.tblFooters
{
510 /* avoid a thick line since this should be used under another fieldset */
512 text
-align
: <?php
echo $right; ?
>;
515 -webkit
-border
-radius
: 0 0 4px
4px
;
516 -moz
-border
-radius
: 0 0 4px
4px
;
517 border
-radius
: 0 0 4px
5px
;
527 fieldset
.formelement
{
528 float: <?php
echo $left; ?
>;
529 margin
-<?php
echo $right; ?
>: .5em
;
534 @media all
and (min
-width
: 1600px
) {
535 fieldset
.formelement
{
538 #foreign_keys.relationalTable td:first-child + td {
541 #foreign_keys.relationalTable td:first-child + td select {
545 #foreign_keys.relationalTable {
551 /* revert for Gecko */
552 fieldset div
[class=formelement
] {
558 background
-color
: transparent
;
561 /* odd items 1,3,5,7,... */
565 <?php
echo $_SESSION['PMA_Theme']->getCssIEClearFilter(); ?
>
568 /* even items 2,4,6,8,... */
569 /* (tested on CRTs and ACLs) */
573 <?php
echo $_SESSION['PMA_Theme']->getCssIEClearFilter(); ?
>
576 /* odd table rows 1,3,5,7,... */
581 text
-align
: <?php
echo $left; ?
>;
584 <?php
if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?
>
585 /* marked table rows */
590 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?
>
591 color
: <?php
echo $GLOBALS['cfg']['BrowseMarkerColor']; ?
>;
596 <?php
if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?
>
601 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?
>
602 color
: <?php
echo $GLOBALS['cfg']['BrowsePointerColor']; ?
>;
605 /* hovered table rows */
606 table tr
.odd
:hover th
,
607 table tr
.even
:hover th
,
609 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?
>
610 color
: <?php
echo $GLOBALS['cfg']['BrowsePointerColor']; ?
>;
616 * marks table rows/cells if the db field is in a where condition
619 border
-color
: <?php
echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?
> !important
;
623 border
-width
: 1px
1px
0 1px
;
628 border
-width
: 0 1px
0 1px
;
632 tr
:last
-child td
.condition
{
633 border
-width
: 0 1px
1px
1px
;
636 <?php
if ($GLOBALS['text_dir'] === 'ltr') { ?
>
637 /* for first th which must have right border set (ltr only) */
639 border
-right
: 1px solid
<?php
echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?
>;
645 * cells with the value NULL
649 text
-align
: <?php
echo $right; ?
>;
653 text
-align
: <?php
echo $right; ?
>;
657 text
-align
: <?php
echo $right; ?
>;
660 /* IE doesnt handles 'pre' right */
661 table
[class=value
] {
666 <?php
if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?
>
668 font
-family
: <?php
echo $GLOBALS['cfg']['FontFamilyFixed']; ?
>;
688 background
-color
: #fff;
690 border
: 1px solid
#000;
705 border
: 1px dashed
#000;
708 /* Doc links in SQL */
710 text
-decoration
: none
;
711 border
-bottom
: 1px dotted
#000;
712 color
: inherit
!important
;
715 /* no extra space in table cells */
721 margin
-<?php
echo $right; ?
>: .3em
;
722 margin
-<?php
echo $left; ?
>: .6em
;
725 /* message boxes: error, confirmation */
726 #pma_errors, #pma_demo, #pma_footer {
733 border
-bottom
: 2px solid
;
735 text
-align
: <?php
echo $left; ?
>;
742 margin
: .5em
0 0.5em
;
744 background
-repeat
: no
-repeat
;
746 if ($GLOBALS['text_dir'] === 'ltr') { ?
>
747 background
-position
: 10px
50%
;
748 padding
: 10px
10px
10px
10px
;
751 background
-position
: 99%
50%
;
752 padding
: 10px
35px
10px
10px
;
756 -moz
-border
-radius
: 5px
;
757 -webkit
-border
-radius
: 5px
;
760 -moz
-box
-shadow
: 0 1px
1px
#fff inset;
761 -webkit
-box
-shadow
: 0 1px
1px
#fff inset;
762 box
-shadow
: 0 1px
1px
#fff inset;
768 text
-decoration
: underline
;
773 background
-color
: #ebf8a4;
778 border
-color
: #a2d246;
781 border
-color
: #00FF00;
786 background
-color
: #e8eef1;
791 border
-color
: #3a6c7e;
795 border
-color
: #ffb10a;
799 border
: 1px solid maroon
!important
;
810 border
-color
: #ff0000;
815 background
-color
: pink
;
818 fieldset
.confirmation
{
821 fieldset
.confirmation legend
{
824 /* end messageboxes */
834 color
: <?php
echo $GLOBALS['cfg']['ThColor']; ?
>;
835 background
: <?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
841 color
: <?php
echo $GLOBALS['cfg']['ThColor']; ?
>;
842 background
: <?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
846 .tblHeaders a
:active
,
847 .tblHeaders a
:visited
,
852 .tblFooters a
:active
,
853 .tblFooters a
:visited
{
859 .tblFooters a
:hover
{
863 /* forbidden, no privileges */
873 .disabled a
:visited
{
879 text
-decoration
: none
;
884 background
-color
: #f3f3f3;
896 body
#loginform a.logo {
906 body
#loginform div.container {
907 text
-align
: <?php
echo $left; ?
>;
913 float: <?php
echo $left; ?
>;
918 form
.login input
[type
=text
],
919 form
.login input
[type
=password
],
925 border
-bottom
: 1px dashed
#000;
932 /******************************************************************************/
933 /* specific elements */
937 text
-shadow
: 0 1px
0 #fff;
941 background
: #eee;border: 0 !important;color: #aaa;
948 list-style
-type
: none
;
955 margin
: .25em
.5em
0;
962 float: <?php
echo $left; ?
>;
964 vertical
-align
: middle
;
970 vertical
-align
: -3px
;
974 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'dcdcdc'); ?
>
975 border
-top
: 1px solid
#aaa;
978 /* default tab styles */
980 background
: #fff !important;
986 margin
-<?php
echo $left; ?
>: 0;
989 border
: 1px solid
#ddd;
991 -moz
-border
-radius
: 20px
;
992 -webkit
-border
-radius
: 20px
;
1000 fieldset
.caution a
:hover
{
1002 background
-color
: #FF0000;
1011 -moz
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>1px
1px
6px
#ddd;
1012 -webkit
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>2px
2px
3px
#666;
1013 box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>2px
2px
3px
#666;
1016 ul
#topmenu ul.only {
1017 <?php
echo $left; ?
>: 0;
1021 border
-right
: 1px solid
#fff;
1022 border
-left
: 1px solid
#ccc;
1023 border
-bottom
: 1px solid
#ccc;
1026 ul
#topmenu > li:first-child {
1030 /* default tab styles */
1037 border
-width
: 1pt
0 0 0;
1038 -moz
-border
-radius
: 0;
1039 -webkit
-border
-radius
: 0;
1043 ul
#topmenu ul li:first-child a {
1047 /* enabled hover/active tabs */
1048 ul
#topmenu > li > a:hover,
1049 ul
#topmenu > li > .tabactive {
1050 text
-decoration
: none
;
1053 ul
#topmenu ul a:hover,
1054 ul
#topmenu ul .tabactive {
1055 text
-decoration
: none
;
1058 ul
#topmenu a.tab:hover,
1059 ul
#topmenu .tabactive {
1060 /* background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
1063 ul
#topmenu2 a.tab:hover,
1064 ul
#topmenu2 a.tabactive {
1065 background
-color
: <?php
echo $GLOBALS['cfg']['BgOne']; ?
>;
1066 border
-radius
: .3em
;
1067 -moz
-border
-radius
: .3em
;
1068 -webkit
-border
-radius
: .3em
;
1069 text
-decoration
: none
;
1072 /* to be able to cancel the bottom border, use <li class="active"> */
1073 ul
#topmenu > li.active {
1074 /* border-bottom: 0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
1076 border
-bottom
-color
: #fff;
1081 div
#dataDisplay input,
1082 div
#dataDisplay select {
1084 margin
-<?php
echo $right; ?
>: .5em
;
1086 div
#dataDisplay th {
1089 table
#tableFieldsId {
1100 table
.calendar td a
{
1104 table
.calendar td a
:hover
{
1105 background
-color
: #CCFFCC;
1109 background
-color
: #D3DCE3;
1112 table
.calendar td
.selected
{
1113 background
-color
: #FFCC99;
1126 div
#tablestatistics table {
1127 float: <?php
echo $left; ?
>;
1128 margin
-bottom
: .5em
;
1129 margin
-<?php
echo $right; ?
>: 1.5em
;
1134 /* end table stats */
1137 /* server privileges */
1138 #tableuserrights td,
1139 #tablespecificuserrights td,
1140 #tabledatabases td {
1141 vertical
-align
: middle
;
1143 /* end server privileges */
1148 padding
-<?php
echo $right; ?
>: 1em
;
1155 padding
-<?php
echo $left; ?
>: 2.2em
;
1156 text
-shadow
: 0 1px
0 #000;
1162 white
-space
: nowrap
;
1166 #goto_pagetop, #lock_page_icon {
1168 padding
: .25em
.25em
.2em
;
1175 <?php
echo $right; ?
>: 0;
1179 <?php
echo $right; ?
>: 2em
;
1182 #span_table_comment {
1185 white
-space
: nowrap
;
1193 margin
-<?php
echo $left; ?
>: .2em
;
1200 font
-family
: Consolas
, "Courier New", Courier
, mono
;
1211 background
-color
: #ffffcc;
1213 border
: .1em solid
#000;
1217 /* user privileges */
1218 #fieldset_add_user_login div.item {
1219 border
-bottom
: 1px solid silver
;
1220 padding
-bottom
: .3em
;
1221 margin
-bottom
: .3em
;
1224 #fieldset_add_user_login label {
1225 float: <?php
echo $left; ?
>;
1229 text
-align
: <?php
echo $right; ?
>;
1230 padding
-<?php
echo $right; ?
>: .5em
;
1233 #fieldset_add_user_login span.options #select_pred_username,
1234 #fieldset_add_user_login span.options #select_pred_hostname,
1235 #fieldset_add_user_login span.options #select_pred_password {
1240 #fieldset_add_user_login span.options {
1241 float: <?php
echo $left; ?
>;
1245 padding
-<?php
echo $right; ?
>: .5em
;
1248 #fieldset_add_user_login input {
1250 clear
: <?php
echo $right; ?
>;
1254 #fieldset_add_user_login span.options input {
1258 #fieldset_user_priv div.item {
1259 float: <?php
echo $left; ?
>;
1264 #fieldset_user_priv div.item div.item {
1268 #fieldset_user_priv div.item label {
1269 white
-space
: nowrap
;
1272 #fieldset_user_priv div.item select {
1276 #fieldset_user_global_rights fieldset {
1277 float: <?php
echo $left; ?
>;
1280 #fieldset_user_group_rights fieldset {
1281 float: <?php
echo $left; ?
>;
1284 #fieldset_user_global_rights>legend input {
1285 margin
-<?php
echo $left; ?
>: 2em
;
1287 /* end user privileges */
1293 text
-decoration
: underline
;
1298 h3
#serverstatusqueries span {
1304 float: <?php
echo $right; ?
>;
1305 background
-repeat
: no
-repeat
;
1310 float: <?php
echo $right; ?
>;
1311 white
-space
: nowrap
;
1314 /* Also used for the variables page */
1315 fieldset
#tableFilter {
1319 div
#serverStatusTabs {
1324 float: <?php
echo $right; ?
>;
1327 div
#serverstatusquerieschart {
1328 float: <?php
echo $left; ?
>;
1331 padding
-<?php
echo $left; ?
>: 30px
;
1334 table
#serverstatusqueriesdetails,
1335 table
#serverstatustraffic {
1336 float: <?php
echo $left; ?
>;
1339 table
#serverstatusqueriesdetails th {
1343 table
#serverstatusvariables {
1347 table
#serverstatusvariables .name {
1349 white
-space
: nowrap
;
1351 table
#serverstatusvariables .value {
1354 table
#serverstatusconnections {
1355 float: <?php
echo $left; ?
>;
1356 margin
-<?php
echo $left; ?
>: 30px
;
1359 div
#serverstatus table tbody td.descr a,
1360 div
#serverstatus table .tblFooters a {
1361 white
-space
: nowrap
;
1368 padding
-bottom
: 80px
;
1371 #addChartDialog input[type="text"] {
1376 div
#chartVariableSettings {
1377 border
: 1px solid
#ddd;
1378 background
-color
: #E6E6E6;
1382 table
#chartGrid td {
1387 table
#chartGrid div.monitorChart {
1388 background
: #EBEBEB;
1395 float: <?php
echo $left; ?
>;
1399 div
.tabLinks a
, div
.tabLinks label
{
1403 div
.tabLinks
.icon
{
1404 margin
: -0.2em
0.3em
0px
0px
;
1410 border
: 1px solid
#CCC;
1413 -moz
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>2px
2px
3px
#666;
1414 -webkit
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>2px
2px
3px
#666;
1415 box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>2px
2px
3px
#666;
1416 background
-color
: #fff;
1425 div
#logTable table {
1429 div
#queryAnalyzerDialog {
1433 div
#queryAnalyzerDialog div.CodeMirror-scroll {
1437 div
#queryAnalyzerDialog div#queryProfiling {
1441 div
#queryAnalyzerDialog td.explain {
1445 div
#queryAnalyzerDialog table.queryNums {
1452 padding
-<?php
echo $left; ?
>: 7px
;
1455 /* end serverstatus */
1457 /* server variables */
1459 table
-layout
: fixed
;
1462 #serverVariables .var-row > td {
1463 white
-space
: nowrap
;
1465 text
-overflow
: ellipsis
;
1468 #serverVariables .var-header {
1469 color
: <?php
echo $GLOBALS['cfg']['ThColor']; ?
>;
1470 background
: #f3f3f3;
1471 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?
>
1474 #serverVariables .var-header {
1475 text
-align
: <?php
echo $left; ?
>;
1477 #serverVariables .var-row {
1481 #serverVariables .var-action {
1484 #serverVariables .var-name {
1485 float: <?php
echo $left; ?
>;
1488 #serverVariables .var-name.session {
1489 font
-weight
: normal
;
1492 #serverVariables .var-value {
1494 float: <?php
echo $right; ?
>;
1495 text
-align
: <?php
echo $right; ?
>;
1497 #serverVariables .var-doc {
1499 float: <?php
echo $right; ?
>;
1502 /* server variables editor */
1503 #serverVariables .editLink {
1504 padding
-<?php
echo $right; ?
>: 1em
;
1505 float: <?php
echo $left; ?
>;
1506 font
-family
: sans
-serif
;
1508 #serverVariables .serverVariableEditor {
1512 #serverVariables .serverVariableEditor input {
1515 box
-sizing
: border
-box
;
1516 -ms
-box
-sizing
: border
-box
;
1517 -moz
-box
-sizing
: border
-box
;
1518 -webkit
-box
-sizing
: border
-box
;
1521 #serverVariables .serverVariableEditor div {
1524 padding
-<?php
echo $right; ?
>: 1em
;
1526 #serverVariables .serverVariableEditor a {
1527 float: <?php
echo $right; ?
>;
1531 /* end server variables */
1536 border
: 1px solid
#000;
1537 background
-repeat
: no
-repeat
;
1539 if ($GLOBALS['text_dir'] === 'ltr') { ?
>
1540 background
-position
: 10px
50%
;
1541 padding
: 10px
10px
10px
25px
;
1544 background
-position
: 99%
50%
;
1545 padding
: 25px
10px
10px
10px
1548 -moz
-border
-radius
: 5px
;
1549 -webkit
-border
-radius
: 5px
;
1551 -moz
-box
-shadow
: 0 1px
2px
#fff inset;
1552 -webkit
-box
-shadow
: 0 1px
2px
#fff inset;
1553 box
-shadow
: 0 1px
2px
#fff inset;
1560 text
-decoration
: underline
;
1565 div
#profilingchart {
1568 float: <?php
echo $left; ?
>;
1571 #profilingchart .jqplot-highlighter-tooltip{
1572 top
: auto
!important
;
1578 /* table charting */
1581 border
: 1px solid silver
;
1583 #inner-resizer { /* make room for the resize handle */
1587 /* end table charting */
1598 font
-weight
: normal
;
1604 background
: #f3f3f3;
1605 border
: 1px solid
#aaa;
1607 -webkit
-border
-radius
: 5px
;
1608 -moz
-border
-radius
: 5px
;
1609 box
-shadow
: 0 1px
1px
#fff inset;
1610 -webkit
-box
-shadow
: 0 1px
1px
#fff inset;
1611 -moz
-box
-shadow
: 0 1px
1px
#fff inset;
1618 text
-shadow
: 0 1px
0 #fff;
1620 margin
-<?php
echo $left; ?
>: 7px
;
1621 border
: 1px solid
#aaa;
1624 text
-decoration
: none
;
1626 white
-space
: nowrap
;
1627 border
-radius
: 20px
;
1628 -webkit
-border
-radius
: 20px
;
1629 -moz
-border
-radius
: 20px
;
1630 box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>1px
1px
2px
rgba(0,0,0,.5);
1632 -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
1633 -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
1634 text-shadow: #fff 0 1px 0;
1636 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?
>
1638 #sectionlinks a:hover,
1639 .buttonlinks a
:hover
,
1641 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?
>
1644 div
#sqlquerycontainer {
1645 float: <?php
echo $left; ?
>;
1650 div
#tablefieldscontainer {
1651 float: <?php
echo $right; ?
>;
1656 div
#tablefieldscontainer select {
1665 -moz
-border
-radius
: 4px
;
1666 -webkit
-border
-radius
: 4px
;
1668 border
: 1px solid
#aaa;
1670 font
-family
: inherit
;
1672 textarea
#sql_query_edit {
1677 div
#queryboxcontainer div#bookmarkoptions {
1684 /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('logo_right.png');?>); */
1685 /* background-position: <?php echo $right; ?> bottom; */
1686 /* background-repeat: no-repeat; */
1689 #mysqlmaininformation,
1690 #pmamaininformation {
1691 float: <?php
echo $left; ?
>;
1696 list-style
-type
: disc
;
1697 vertical
-align
: middle
;
1701 margin
-bottom
: .3em
;
1711 border
: solid
1px
#888;
1718 /* iconic view for ul items */
1721 list-style
-type
:none
!important
;
1722 margin
-left
: -25px
!important
; //align with other list items which have bullets
1725 /* end iconic view for ul items */
1727 #body_browse_foreigners {
1728 background
: <?php
echo $GLOBALS['cfg']['NaviBackground']; ?
>;
1729 margin
: .5em
.5em
0 .5em
;
1739 border
: .1em solid
#000;
1742 #bodythemes a:hover img {
1743 border
: .1em solid red
;
1746 #fieldset_select_fields {
1747 float: <?php
echo $left; ?
>;
1756 margin
-<?php
echo $left; ?
>: 1%
;
1757 border
-top
: .1em solid silver
;
1758 text
-align
: <?php
echo $right; ?
>;
1761 #table_innodb_bufferpool_usage,
1762 #table_innodb_bufferpool_activity {
1763 float: <?php
echo $left; ?
>;
1766 #div_mysql_charset_collations table {
1767 float: <?php
echo $left; ?
>;
1770 #div_mysql_charset_collations table th,
1771 #div_mysql_charset_collations table td {
1775 #div_mysql_charset_collations table th#collationHeader {
1779 .operations_half_width
{
1781 float: <?php
echo $left; ?
>;
1783 .operations_half_width input
[type
=text
],
1784 .operations_half_width input
[type
=password
],
1785 .operations_half_width input
[type
=number
],
1786 .operations_half_width select
{
1789 .operations_half_width input
[type
=text
].halfWidth
,
1790 .operations_half_width input
[type
=password
].halfWidth
,
1791 .operations_half_width input
[type
=number
].halfWidth
,
1792 .operations_half_width select
.halfWidth
{
1795 .operations_half_width ul
{
1796 list-style
-type
: none
;
1799 .operations_full_width
{
1804 #qbe_div_table_list {
1805 float: <?php
echo $left; ?
>;
1808 #qbe_div_sql_query {
1809 float: <?php
echo $left; ?
>;
1814 float: <?php
echo $left; ?
>;
1831 .result_query div
.sqlOuter
{
1832 background
: <?php
echo $GLOBALS['cfg']['BgOne']; ?
>;
1836 #PMA_slidingMessage code.sql,
1838 background
: <?php
echo $GLOBALS['cfg']['BgOne']; ?
>;
1844 float: <?php
echo $left; ?
>;
1852 padding
-<?php
echo $left; ?
>: 1em
;
1853 padding
-<?php
echo $right; ?
>: .5em
;
1858 border
: 1px solid
#999;
1859 background
: #f3f3f3;
1860 -moz
-border
-radius
: 4px
;
1861 -webkit
-border
-radius
: 4px
;
1863 -moz
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>2px
2px
5px
#ccc;
1864 -webkit
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>2px
2px
5px
#ccc;
1865 box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>2px
2px
5px
#ccc;
1867 padding
-bottom
: 1em
;
1871 background
-color
: #bbb;
1876 font
-weight
: normal
;
1877 text
-shadow
: 0 1px
0 #777;
1878 -moz
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>1px
1px
15px
#999 inset;
1879 -webkit
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>1px
1px
15px
#999 inset;
1880 box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>1px
1px
15px
#999 inset;
1885 padding
-<?php
echo $left; ?
>: .5em
;
1886 display
: inline
-block
;
1890 textarea
#partitiondefinition {
1895 /* for elements that should be revealed only via js */
1901 list-style
-type
: none
;
1906 * Progress bar styles
1915 div
.upload_progress_bar_outer
1917 border
: 1px solid
#000;
1921 color
: <?php
echo $GLOBALS['cfg']['MainColor']; ?
>;
1924 div
.upload_progress_bar_inner
1926 background
-color
: <?php
echo $GLOBALS['cfg']['NaviPointerBackground']; ?
>;
1931 color
: <?php
echo $GLOBALS['cfg']['BrowseMarkerColor']; ?
>;
1935 div
.upload_progress_bar_outer div
.percentage
1939 <?php
echo $left; ?
>: 0;
1943 div
.upload_progress_bar_inner div
.percentage
1946 <?php
echo $left; ?
>: -1px
;
1953 table
#serverconnection_src_remote,
1954 table
#serverconnection_trg_remote,
1955 table
#serverconnection_src_local,
1956 table
#serverconnection_trg_local {
1957 float: <?php
echo $left; ?
>;
1960 * Validation error message styles
1962 input
[type
=text
].invalid_value
,
1963 input
[type
=password
].invalid_value
,
1964 input
[type
=number
].invalid_value
,
1965 input
[type
=date
].invalid_value
,
1966 select
.invalid_value
,
1968 background
: #FFCCCC;
1972 * Ajax notification styling
1974 .ajax_notification
{
1975 top
: 0; /** The notification needs to be shown on the top of the page */
1980 margin
-<?php
echo $left; ?
>: auto
;
1981 padding
: 5px
; /** Keep a little space on the sides of the text */
1984 z
-index
: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index: 1000) might hide this */
1989 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?
>);
1990 background
-repeat
: no
-repeat
;
1991 background
-position
: 2%
;
1992 border
: 1px solid
#e2b709;
1995 /* additional styles */
1996 .ajax_notification
{
1998 background
: #ffe57e;
2000 -moz
-border
-radius
: 5px
;
2001 -webkit
-border
-radius
: 5px
;
2002 box
-shadow
: 0 5px
90px
#888;
2003 -moz
-box
-shadow
: 0 5px
90px
#888;
2004 -webkit
-box
-shadow
: 0 5px
90px
#888;
2008 /** Need this parent to properly center the notification division */
2013 * Export and Import styles
2018 border
-bottom
: 1px
#999 solid;
2024 .format_specific_options ul
{
2025 list-style
-type
: none
;
2026 margin
-bottom
: 15px
;
2033 .exportoptions label
,
2034 .importoptions label
,
2041 #csv_options label.desc,
2042 #ldi_options label.desc,
2043 #latex_options label.desc,
2044 #output label.desc {
2045 float: <?php
echo $left; ?
>;
2051 margin
: 20px
30px
30px
;
2052 margin
-<?php
echo $left; ?
>: 10px
;
2055 .exportoptions
#buttonGo,
2056 .importoptions
#buttonGo {
2058 margin
-<?php
echo $left; ?
>: 14px
;
2059 border
: 1px solid
#aaa;
2062 text
-decoration
: none
;
2064 border
-radius
: 12px
;
2065 -webkit
-border
-radius
: 12px
;
2066 -moz
-border
-radius
: 12px
;
2068 text
-shadow
: 0 1px
0 #fff;
2070 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?
>
2074 .format_specific_options h3
{
2076 margin
-<?php
echo $left; ?
>: 10px
;
2080 .format_specific_options
{
2081 border
: 1px solid
#999;
2091 * Export styles only
2094 select
#table_select {
2098 .export_sub_options
{
2100 margin
-<?php
echo $left; ?
>: 30px
;
2103 .export_sub_options h4
{
2104 border
-bottom
: 1px
#999 solid;
2107 .export_sub_options li
.subgroup
{
2108 display
: inline
-block
;
2112 .export_sub_options li
{
2116 #output_quick_export {
2120 * Import styles only
2123 .importoptions
#import_notification {
2128 input
#input_import_file {
2133 margin
: 5px
0 5px
0;
2139 _position
: absolute
; /* hack for IE6 */
2143 <?php
echo $left; ?
>: 0;
2150 * Table structure styles
2152 #fieldsForm ul.table-structure-actions {
2157 #fieldsForm ul.table-structure-actions li {
2158 float: <?php
echo $left; ?
>;
2159 margin
-<?php
echo $right; ?
>: 0.3em
; /* same as padding of "table td" */
2161 #fieldsForm ul.table-structure-actions .submenu li {
2165 #fieldsForm ul.table-structure-actions .submenu li span {
2169 #structure-action-links a {
2170 margin
-<?php
echo $right; ?
>: 1em
;
2172 #addColumns input[type="radio"] {
2174 margin
-<?php
echo $left; ?
>: 1em
;
2179 #index_frm .index_info input,
2180 #index_frm .index_info select {
2183 box
-sizing
: border
-box
;
2184 -ms
-box
-sizing
: border
-box
;
2185 -moz
-box
-sizing
: border
-box
;
2186 -webkit
-box
-sizing
: border
-box
;
2189 #index_frm .index_info div {
2193 #index_frm .index_info .label {
2194 float: <?php
echo $left; ?
>;
2198 #index_frm .slider {
2201 float: <?php
echo $left; ?
>;
2204 #index_frm .add_fields {
2205 float: <?php
echo $left; ?
>;
2208 #index_frm .add_fields input {
2209 margin
-<?php
echo $left; ?
>: 1em
;
2217 vertical
-align
: middle
;
2220 table
#index_columns {
2224 table
#index_columns select {
2229 #move_columns_dialog div {
2233 #move_columns_dialog ul {
2239 #move_columns_dialog li {
2240 background
: <?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
2241 border
: 1px solid
#aaa;
2242 color
: <?php
echo $GLOBALS['cfg']['ThColor']; ?
>;
2246 -webkit
-border
-radius
: 2px
;
2247 -moz
-border
-radius
: 2px
;
2252 .config
-form ul
.tabs
{
2253 margin
: 1.1em
.2em
0;
2254 padding
: 0 0 .3em
0;
2259 .config
-form ul
.tabs li
{
2260 float: <?php
echo $left; ?
>;
2261 margin
-bottom
: -1px
;
2264 .config
-form ul
.tabs li a
{
2266 margin
: .1em
.2em
0;
2267 white
-space
: nowrap
;
2268 text
-decoration
: none
;
2269 border
: 1px solid
<?php
echo $GLOBALS['cfg']['BgTwo']; ?
>;
2270 border
-bottom
: 1px solid
#aaa;
2273 .config
-form ul
.tabs li a
{
2275 -webkit
-border
-radius
: 5px
5px
0 0;
2276 -moz
-border
-radius
: 5px
5px
0 0;
2277 border
-radius
: 5px
5px
0 0;
2278 background
: #f2f2f2;
2280 text
-shadow
: 0 1px
0 #fff;
2283 .config
-form ul
.tabs li a
:hover
,
2284 .config
-form ul
.tabs li a
:active
{
2285 background
: #e5e5e5;
2288 .config
-form ul
.tabs li
.active a
{
2289 background
-color
: #fff;
2294 border
-bottom
: 1px solid
#fff;
2297 .config
-form fieldset
{
2301 -webkit
-border
-radius
: 0;
2302 -moz
-border
-radius
: 0;
2306 .config
-form legend
{
2310 .config
-form fieldset p
{
2317 .config
-form fieldset
.errors
{ /* form error list */
2319 padding
: .5em
1.5em
;
2320 background
: #FBEAD9;
2321 border
: 0 #C83838 solid;
2322 border
-width
: 1px
0;
2324 font
-family
: sans
-serif
;
2328 .config
-form fieldset
.inline_errors
{ /* field error list */
2329 margin
: .3em
.3em
.3em
;
2330 margin
-<?php
echo $left; ?
>: 0;
2337 .config
-form fieldset th
{
2338 padding
: .3em
.3em
.3em
;
2339 padding
-<?php
echo $left; ?
>: .5em
;
2340 text
-align
: <?php
echo $left; ?
>;
2341 vertical
-align
: top
;
2343 background
: transparent
;
2347 .config
-form fieldset
.doc
,
2348 .config
-form fieldset
.disabled
-notice
{
2349 margin
-<?php
echo $left; ?
>: 1em
;
2352 .config
-form fieldset
.disabled
-notice
{
2354 text
-transform
: uppercase
;
2359 .config
-form fieldset td
{
2361 padding
-bottom
: .3em
;
2362 vertical
-align
: top
;
2365 .config
-form fieldset th small
{
2367 font
-weight
: normal
;
2368 font
-family
: sans
-serif
;
2373 .config
-form fieldset th
,
2374 .config
-form fieldset td
{
2375 border
-top
: 1px
<?php
echo $GLOBALS['cfg']['BgTwo']; ?
> solid
;
2376 border
-<?php
echo $right; ?
>: none
;
2379 fieldset
.group
-header th
{
2380 background
: <?php
echo $GLOBALS['cfg']['BgTwo']; ?
>;
2383 fieldset
.group
-header + tr th
{
2387 fieldset
.group
-field
-1 th
,
2388 fieldset
.group
-header
-2 th
{
2389 padding
-<?php
echo $left; ?
>: 1.5em
;
2392 fieldset
.group
-field
-2 th
,
2393 fieldset
.group
-header
-3 th
{
2394 padding
-<?php
echo $left; ?
>: 3em
;
2397 fieldset
.group
-field
-3 th
{
2398 padding
-<?php
echo $left; ?
>: 4.5em
;
2401 fieldset
.disabled
-field th
,
2402 fieldset
.disabled
-field th small
,
2403 fieldset
.disabled
-field td
{
2405 background
-color
: #ddd;
2408 .config
-form
.lastrow
{
2409 border
-top
: 1px
#000 solid;
2412 .config
-form
.lastrow
{
2413 background
: <?php
echo $GLOBALS['cfg']['ThBackground']; ?
>;
2418 .config
-form
.lastrow input
{
2424 .config
-form span
.checkbox
{
2426 display
: inline
-block
;
2429 .config
-form
.custom
{ /* customized field */
2433 .config
-form span
.checkbox
.custom
{
2435 border
: 1px
#EDEC90 solid;
2439 .config
-form
.field
-error
{
2440 border
-color
: #A11 !important;
2443 .config
-form input
[type
="text"],
2444 .config
-form input
[type
="password"],
2445 .config
-form input
[type
="number"],
2446 .config
-form select
,
2447 .config
-form textarea
{
2448 border
: 1px
#A7A6AA solid;
2452 .config
-form input
[type
="text"]:focus
,
2453 .config
-form input
[type
="password"]:focus
,
2454 .config
-form input
[type
="number"]:focus
,
2455 .config
-form select
:focus
,
2456 .config
-form textarea
:focus
{
2457 border
: 1px
#6676FF solid;
2458 background
: #F7FBFF;
2461 .config
-form
.field
-comment
-mark
{
2470 .config
-form
.field
-comment
-warning
{
2476 margin
-<?php
echo $left; ?
>: .5em
;
2479 .config
-form dd
:before
{
2483 .click
-hide
-message
{
2488 margin
-<?php
echo $left; ?
>: 2em
;
2492 margin
-bottom
: .5em
;
2495 #placeholder .button {
2500 #placeholder div.button {
2503 background
-color
: #eee;
2508 float: <?php
echo $left; ?
>;
2509 margin
-bottom
: 1.5em
;
2519 border
-right
: .1em solid
#888;
2520 border
-left
: .1em solid
#888;
2521 -webkit
-border
-radius
: .3em
;
2522 -moz
-border
-radius
: .3em
;
2523 border
-radius
: .3em
;
2525 .toggleButton table
,
2531 .toggleButton
.container
{
2534 .toggleButton
.container td
{
2535 background
-image
: none
;
2538 .toggleButton
.toggleOn
{
2541 text
-shadow
: 0 0 .2em
#000;
2543 .toggleButton
.toggleOff
{
2547 .doubleFieldset fieldset
{
2549 float: <?php
echo $left; ?
>;
2552 .doubleFieldset fieldset
.left
{
2553 margin
-<?php
echo $right; ?
>: 1%
;
2555 .doubleFieldset fieldset
.right
{
2556 margin
-<?php
echo $left; ?
>: 1%
;
2558 .doubleFieldset legend
{
2559 margin
-<?php
echo $left; ?
>: 1.5em
;
2561 .doubleFieldset div
.wrap
{
2565 #table_columns input[type="text"],
2566 #table_columns input[type="password"],
2567 #table_columns input[type="number"],
2568 #table_columns select {
2570 box
-sizing
: border
-box
;
2571 -ms
-box
-sizing
: border
-box
;
2572 -moz
-box
-sizing
: border
-box
;
2573 -webkit
-box
-sizing
: border
-box
;
2578 border
: 1px solid
#aaa;
2579 float: <?php
echo $right; ?
>;
2587 #placeholder .button {
2629 margin
-<?php
echo $left; ?
>: -6px
;
2635 border
-<?php
echo $right; ?
>: 2px solid
#a44;
2642 .pma_table th
.draggable span
,
2643 .pma_table tbody td span
{
2648 .pma_table tbody td span code span
{
2652 .pma_table th
.draggable
.right span
{
2653 margin
-<?php
echo $right; ?
>: 0px
;
2656 .pma_table th
.draggable span
{
2657 margin
-<?php
echo $right; ?
>: 10px
;
2678 text
-shadow
: -1px
-1px
#000;
2680 -moz
-box
-shadow
: 0 0 .7em
#000;
2681 -webkit
-box
-shadow
: 0 0 .7em
#000;
2682 box
-shadow
: 0 0 .7em
#000;
2683 -moz
-border
-radius
: .3em
;
2684 -webkit
-border
-radius
: .3em
;
2685 border
-radius
: .3em
;
2689 background
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath('col_pointer.png');?
>);
2691 margin
-<?php
echo $left; ?
>: -5px
; /* must be minus half of its width */
2698 background
: #333 !important;
2699 opacity
: .8 !important
;
2700 border
: 1px solid
#000 !important;
2701 -moz
-border
-radius
: .3em
!important
;
2702 -webkit
-border
-radius
: .3em
!important
;
2703 border
-radius
: .3em
!important
;
2704 text
-shadow
: -1px
-1px
#000 !important;
2705 font
-size
: .8em
!important
;
2706 font
-weight
: bold
!important
;
2707 padding
: 1px
3px
!important
;
2711 background
: none
!important
;
2712 color
: #FFF !important;
2722 background
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath('col_drop.png');?
>);
2725 margin
-<?php
echo $left; ?
>: .3em
;
2733 background
-color
: #999;
2738 border
: solid
1px
#999;
2740 -moz
-box
-shadow
: 0 .2em
.5em
#333;
2741 -webkit
-box
-shadow
: 0 .2em
.5em
#333;
2742 box
-shadow
: 0 .2em
.5em
#333;
2746 padding
: .2em
.5em
.2em
;
2747 padding
-<?php
echo $left; ?
>: .2em
;
2750 .cList
.lDiv div
:hover
{
2755 .cList
.lDiv div input
{
2760 border
-bottom
: solid
1px
#999;
2761 border
-top
: solid
1px
#999;
2769 .showAllColBtn
:hover
{
2774 -moz
-user
-select
: none
;
2775 -khtml
-user
-select
: none
;
2776 -webkit
-user
-select
: none
;
2781 background
-color
: white
;
2788 -webkit
-border
-radius
: 5px
;
2789 -moz
-border
-radius
: 5px
;
2791 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('eeeeee', 'cccccc'); ?
>
2797 vertical
-align
: middle
;
2798 white
-space
: nowrap
;
2801 .navigation_separator
{
2803 display
: inline
-block
;
2808 text
-shadow
: 1px
0 #FFF;
2811 .navigation input
[type
=submit
] {
2819 -webkit
-border
-radius
: 0;
2820 -moz
-border
-radius
: 0;
2823 .navigation input
[type
=submit
]:hover
,
2824 .navigation input
.edit_mode_active
{
2829 <?php
echo $_SESSION['PMA_Theme']->getCssGradient('333333', '555555'); ?
>
2832 .navigation select
{
2842 .cEdit input
[type
=text
] {
2851 border
: 1px solid
#999;
2856 .cEdit
.edit_area select
,
2857 .cEdit
.edit_area textarea
{
2861 .cEdit
.cell_edit_hint
{
2872 .cEdit
.edit_box_posting
{
2873 background
: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat right center;
2874 padding
-<?php
echo $right; ?
>: 1.5em
;
2877 .cEdit
.edit_area_loading
{
2878 background
: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat center;
2882 .cEdit
.edit_area_right
{
2893 .saving_edited_data
{
2894 background
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?
>) no
-repeat left
;
2895 padding
-<?php
echo $left; ?
>: 20px
;
2898 .relationalTable select
{
2903 /* css for timepicker */
2904 .ui
-timepicker
-div
.ui
-widget
-header
{ margin
-bottom
: 8px
; }
2905 .ui
-timepicker
-div dl
{ text
-align
: <?php
echo $left; ?
>; }
2906 .ui
-timepicker
-div dl dt
{ height
: 25px
; margin
-bottom
: -25px
; }
2907 .ui
-timepicker
-div dl dd
{ margin
: 0 10px
10px
85px
; }
2908 .ui
-timepicker
-div td
{ font
-size
: 90%
; }
2909 .ui
-tpicker
-grid
-label
{ background
: none
; border
: none
; margin
: 0; padding
: 0; }
2910 .ui
-timepicker
-rtl
{ direction
: rtl
; }
2911 .ui
-timepicker
-rtl dl
{ text
-align
: right
; }
2912 .ui
-timepicker
-rtl dl dd
{ margin
: 0 65px
10px
10px
; }
2916 background
-color
: #D0DCE0;
2923 .ui
-dialog fieldset legend a
{
2927 /* over-riding jqplot-yaxis class */
2929 left
:0px
!important
;
2946 .report
-description
{
2951 div
#page_content div#tableslistcontainer table.data {
2952 border
-top
: 0.1px solid
#EEEEEE;
2955 div
#page_content form#db_search_form.ajax fieldset {
2959 div
#page_content div#tableslistcontainer, div#page_content div.notice, div#page_content div.result_query {
2967 table
.show_create td
{
2968 border
-right
: 1px solid
#bbb;
2971 #alias_modal table th {
2972 vertical
-align
: middle
;
2976 #alias_modal label.col-2 {
2978 display
: inline
-block
;
2981 #alias_modal select {
2986 #alias_modal label {
2999 /* Console styles */
3000 #pma_console_container {
3004 <?php
echo $left; ?
>: 0;
3009 margin
-<?php
echo $left; ?
>: 240px
;
3011 #pma_console>.templates {
3014 #pma_console .mid_text,
3015 #pma_console .toolbar span {
3016 vertical
-align
: middle
;
3018 #pma_console .toolbar {
3021 border
-top
: solid
1px
#aaa;
3024 #pma_console .toolbar.collapsed:not(:hover) {
3025 display
: inline
-block
;
3026 border
-top
-<?php
echo $right; ?
>-radius
: 3px
;
3027 border
-<?php
echo $right; ?
>: solid
1px
#aaa;
3029 #pma_console .toolbar.collapsed {
3032 #pma_console .toolbar.collapsed>.button {
3035 #pma_console .message span.text,
3036 #pma_console .message span.action,
3037 #pma_console .toolbar .button,
3038 #pma_console .switch_button {
3040 display
: inline
-block
;
3042 #pma_console .message span.action,
3043 #pma_console .toolbar .button,
3044 #pma_console .switch_button {
3047 #pma_console .message span.action:hover,
3048 #pma_console .toolbar .button:hover,
3049 #pma_console .switch_button:hover {
3052 #pma_console .toolbar .button {
3053 margin
-<?php
echo $right; ?
>: .4em
;
3055 #pma_console .toolbar .button {
3056 float: <?php
echo $right; ?
>;
3058 #pma_console .content {
3061 margin
-bottom
: -65px
;
3062 border
-top
: solid
1px
#aaa;
3066 #pma_console .message,
3067 #pma_console .query_input {
3069 font
-family
: Monaco
, Consolas
, monospace
;
3071 margin
: 0 10px
.2em
1.4em
;
3073 #pma_console .message {
3074 border
-bottom
: solid
1px
#ccc;
3075 padding
-bottom
: .2em
;
3077 #pma_console .message.expanded .action_content {
3080 #pma_console .message:before,
3081 #pma_console .query_input:before {
3086 #pma_console .query_input:before {
3089 #pma_console .query_input textarea {
3094 #pma_console .message:hover:before {
3098 #pma_console .message.expanded:before {
3101 #pma_console .message.welcome:before {
3104 #pma_console .message.failed:before,
3105 #pma_console .message.failed.expanded:before,
3106 #pma_console .message.failed:hover:before {
3110 #pma_console .message.pending:before {
3113 #pma_console .message.collapsed>.query {
3114 white
-space
: nowrap
;
3115 text
-overflow
: ellipsis
;
3118 #pma_console .message.expanded>.query {
3121 word
-wrap
: break-word
;
3123 #pma_console .message .text.targetdb,
3124 #pma_console .message.collapsed .action.collapse,
3125 #pma_console .message.expanded .action.expand,
3126 #pma_console .message .action.requery,
3127 #pma_console .message .action.profiling,
3128 #pma_console .message .action.explain,
3129 #pma_console .message .action.bookmark {
3132 #pma_console .message.select .action.profiling,
3133 #pma_console .message.select .action.explain,
3134 #pma_console .message.history .text.targetdb,
3135 #pma_console .message.successed .text.targetdb,
3136 #pma_console .message.history .action.requery,
3137 #pma_console .message.history .action.bookmark,
3138 #pma_console .message.bookmark .action.requery,
3139 #pma_console .message.bookmark .action.bookmark,
3140 #pma_console .message.successed .action.requery,
3141 #pma_console .message.successed .action.bookmark {
3142 display
: inline
-block
;
3144 #pma_console .message .action_content {
3148 border
: solid
1px
#aaa;
3149 border
-top
-<?php
echo $left; ?
>-radius
: 3px
;
3151 html
.ie8
#pma_console .message .action_content {
3152 position
: relative
!important
;
3154 #pma_console .message.bookmark .text.targetdb,
3155 #pma_console .message .text.query_time {
3157 display
: inline
-block
;
3159 #pma_console .message.failed .text.query_time,
3160 #pma_console .message .text.failed {
3163 #pma_console .message.failed .text.failed {
3164 display
: inline
-block
;
3166 #pma_console .message .text {
3169 #pma_console .message.collapsed:not(:hover) .action_content {
3172 #pma_console .message .bookmark_label {
3179 #pma_console .message .bookmark_label.shared {
3182 #pma_console .message.expanded .bookmark_label {
3183 border
-top
-left
-radius
: 0;
3184 border
-top
-right
-radius
: 0;
3186 #pma_console .query_input {
3189 #pma_console .mid_layer {
3194 /* For support IE8, this layer doesn't use filter:opacity or opacity,
3195 js code will fade this layer opacity to 0.18(using animation) */
3201 #pma_console .card {
3206 <?php
echo $left; ?
>: 100%
;
3208 border
-<?php
echo $left; ?
>: solid
1px
#999;
3210 transition
: <?php
echo $left; ?
> 0.2s
;
3211 -ms
-transition
: <?php
echo $left; ?
> 0.2s
;
3212 -webkit
-transition
: <?php
echo $left; ?
> 0.2s
;
3213 -moz
-transition
: <?php
echo $left; ?
> 0.2s
;
3215 #pma_console .card.show {
3216 <?php
echo $left; ?
>: 6%
;
3217 box
-shadow
: -2px
1px
4px
-1px
#999;
3220 html
.ie7
#pma_console .query_input {
3224 #pma_bookmarks .content.add_bookmark,
3225 #pma_console_options .content {
3228 #pma_bookmarks .content.add_bookmark .options {
3229 margin
-<?php
echo $left; ?
>: 1.4em
;
3230 padding
-bottom
: .4em
;
3231 margin
-bottom
: .4em
;
3232 border
-bottom
: solid
1px
#ccc;
3234 #pma_bookmarks .content.add_bookmark .options button {
3236 vertical
-align
: bottom
;
3238 #pma_bookmarks .content.add_bookmark input[type=text] {
3243 /* Code mirror console style*/
3245 .cm
-s
-pma
.CodeMirror
-code pre
,
3246 .cm
-s
-pma
.CodeMirror
-code
{
3247 font
-family
: Monaco
, Consolas
, monospace
;
3249 .cm
-s
-pma
.CodeMirror
-measure
>pre
,
3250 .cm
-s
-pma
.CodeMirror
-code
>pre
,
3251 .cm
-s
-pma
.CodeMirror
-lines
{
3254 .cm
-s
-pma
.CodeMirror
{
3258 min
-height
: initial
;
3259 max
-height
: initial
;
3261 .firefox
.cm
-s
-pma
.CodeMirror
{
3264 .cm
-s
-pma
.CodeMirror
-scroll
{
3265 padding
-bottom
: 2em
;
3269 /* PMA drop-improt style */
3277 background
: rgba(0, 0, 0, 0.6);
3286 .pma_sql_import_status
{
3292 border
: 1px solid
#999;
3293 background
: #f3f3f3;
3294 -moz
-border
-radius
: 4px
;
3295 -webkit
-border
-radius
: 4px
;
3297 -moz
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>2px
2px
5px
#ccc;
3298 -webkit
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>2px
2px
5px
#ccc;
3299 box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>2px
2px
5px
#ccc;
3302 .pma_sql_import_status h2
,
3303 .pma_drop_result h2
{
3304 background
-color
: #bbb;
3310 font
-weight
: normal
;
3311 text
-shadow
: 0 1px
0 #777;
3312 -moz
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>1px
1px
15px
#999 inset;
3313 -webkit
-box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>1px
1px
15px
#999 inset;
3314 box
-shadow
: <?php
echo $GLOBALS['text_dir'] === 'rtl' ?
'-' : ''; ?
>1px
1px
15px
#999 inset;
3317 .pma_sql_import_status div
{
3321 list-style
-type
: none
;
3324 .pma_sql_import_status div li
{
3326 border
-bottom
: 1px solid
#bbb;
3327 color
: rgb(148, 14, 14);
3331 .pma_sql_import_status div li
.filesize
{
3335 .pma_sql_import_status h2
.minimize
{
3341 .pma_sql_import_status h2
.close
{
3348 .pma_sql_import_status h2
.minimize
:hover
,
3349 .pma_sql_import_status h2
.close
:hover
,
3350 .pma_drop_result h2
.close
:hover
{
3351 background
: rgba(155, 149, 149, 0.78);
3355 .pma_drop_file_status
{
3359 .pma_drop_file_status span
.underline
:hover
{
3361 text
-decoration
: underline
;
3372 -webkit
-box
-shadow
: 0px
0px
15px
#999;
3373 border
-radius
: 10px
;
3377 .pma_drop_result h2
.close
{
3384 background
-color
: white
;
3385 border
: 3px ridge black
;
3388 #composite_index_list {
3389 list-style
-type
: none
;
3390 list-style
-position
: inside
;
3394 display
: inline
-block
;
3395 background
-image
: url('<?php echo $_SESSION['PMA_Theme
']->getImgPath('s_sortable
.png
');?>');
3396 background
-position
: center center
;
3397 background
-repeat
: no
-repeat
;
3407 /* styles for sortable tables created with tablesorter jquery plugin */
3414 text
-decoration
: underline
;
3417 th
.header
.sorticon
{
3420 background
-repeat
: no
-repeat
;
3421 background
-position
: right center
;
3422 display
: inline
-table
;
3423 vertical
-align
: middle
;
3427 th
.headerSortUp
.sorticon
, th
.headerSortDown
:hover
.sorticon
{
3428 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath('s_desc.png');?
>);
3431 th
.headerSortDown
.sorticon
, th
.headerSortUp
:hover
.sorticon
{
3432 background
-image
: url(<?php
echo $_SESSION['PMA_Theme']->getImgPath('s_asc.png');?
>);
3434 /* end of styles of sortable tables */