summaryrefslogtreecommitdiff
path: root/hugo/themes/pmahomme/css/common.css.php
diff options
context:
space:
mode:
Diffstat (limited to 'hugo/themes/pmahomme/css/common.css.php')
-rw-r--r--hugo/themes/pmahomme/css/common.css.php2766
1 files changed, 2766 insertions, 0 deletions
diff --git a/hugo/themes/pmahomme/css/common.css.php b/hugo/themes/pmahomme/css/common.css.php
new file mode 100644
index 0000000..42752b5
--- /dev/null
+++ b/hugo/themes/pmahomme/css/common.css.php
@@ -0,0 +1,2766 @@
+<?php
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * Common styles for the pmahomme theme
+ *
+ * @package PhpMyAdmin-theme
+ * @subpackage PMAHomme
+ */
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+ exit();
+}
+?>
+/******************************************************************************/
+
+/* general tags */
+html {
+ font-size: <?php echo $_SESSION['PMA_Theme']->getFontSize(); ?>
+}
+
+input,
+select,
+textarea {
+ font-size: 1em;
+}
+
+
+body {
+<?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
+ font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
+<?php } ?>
+ padding: 0;
+ margin: 0;
+ margin-<?php echo $left; ?>: 240px;
+ color: #444;
+ background: #fff;
+}
+
+body#loginform {
+ margin: 0;
+}
+
+#page_content {
+ margin: 0 .5em;
+}
+
+<?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
+textarea,
+tt,
+pre,
+code {
+ font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
+}
+<?php } ?>
+
+
+h1 {
+ font-size: 140%;
+ font-weight: bold;
+}
+
+h2 {
+ font-size: 2em;
+ font-weight: normal;
+ text-shadow: 0 1px 0 #fff;
+ padding: 10px 0 10px;
+ padding-<?php echo $left; ?>: 3px;
+ color: #777;
+}
+
+/* Hiding icons in the page titles */
+h2 img {
+ display: none;
+}
+
+h2 a img {
+ display: inline;
+}
+
+.data,
+.data_full_width {
+ margin: 0 0 12px;
+}
+
+.data_full_width {
+ width: 100%;
+}
+
+#table_results td.data {
+border-right: 1px solid #bbb;
+}
+
+h3 {
+ font-weight: bold;
+}
+
+a,
+a:link,
+a:visited,
+a:active {
+ text-decoration: none;
+ color: #235a81;
+ cursor: pointer;
+ outline: none;
+
+}
+
+a:hover {
+ text-decoration: underline;
+ color: #235a81;
+}
+
+#initials_table {
+ background: #f3f3f3;
+ border: 1px solid #aaa;
+ margin-bottom: 10px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+}
+
+#initials_table td {
+ padding: 8px !important;
+}
+
+#initials_table a {
+ border: 1px solid #aaa;
+ background: #fff;
+ padding: 4px 8px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
+}
+
+dfn {
+ font-style: normal;
+}
+
+dfn:hover {
+ font-style: normal;
+ cursor: help;
+}
+
+th {
+ font-weight: bold;
+ color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+ background: #f3f3f3;
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
+}
+
+a img {
+ border: 0;
+}
+
+hr {
+ color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
+ background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
+ border: 0;
+ height: 1px;
+}
+
+form {
+ padding: 0;
+ margin: 0;
+ display: inline;
+}
+
+input[type=text] {
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+
+ box-shadow: 0 1px 2px #ddd;
+ -moz-box-shadow: 0 1px 2px #ddd;
+ -webkit-box-shadow: 0 1px 2px #ddd;
+
+ background: white;
+ border: 1px solid #aaa;
+ color: #555;
+ padding: 4px;
+ margin: 6px;
+
+}
+
+input[type=password] {
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+
+ box-shadow: 0 1px 2px #ddd;
+ -moz-box-shadow: 0 1px 2px #ddd;
+ -webkit-box-shadow: 0 1px 2px #ddd;
+
+ background: white;
+ border: 1px solid #aaa;
+ color: #555;
+ padding: 4px;
+ margin: 6px;
+
+}
+
+input[type=submit],
+button[type=submit]:not(.mult_submit) {
+ font-weight: bold !important;
+}
+
+input[type=submit],
+button[type=submit]:not(.mult_submit),
+input[type=reset],
+input[name=submit_reset],
+input.button {
+ margin-left: 14px;
+ border: 1px solid #aaa;
+ padding: 3px 7px;
+ color: #111;
+ text-decoration: none;
+ background: #ddd;
+
+ border-radius: 12px;
+ -webkit-border-radius: 12px;
+ -moz-border-radius: 12px;
+
+ text-shadow: 0 1px 0 #fff;
+
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
+}
+
+input[type=submit]:hover,
+button[type=submit]:not(.mult_submit):hover,
+input[type=reset]:hover,
+input[name=submit_reset]:hover,
+input.button:hover {
+ position: relative;
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
+ cursor: pointer;
+}
+
+input[type=submit]:active,
+button[type=submit]:not(.mult_submit):active,
+input[type=reset]:active,
+input[name=submit_reset]:active,
+input.button:active {
+ position: relative;
+ top: 1px;
+ left: 1px;
+}
+
+textarea {
+ overflow: visible;
+ height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
+}
+
+textarea.char {
+ height: <?php echo ceil($GLOBALS['cfg']['CharTextareaRows'] * 1.2); ?>em;
+}
+
+fieldset {
+ margin-top: 1em;
+ border-radius: 4px 4px 0 0;
+ -moz-border-radius: 4px 4px 0 0;
+ -webkit-border-radius: 4px 4px 0 0;
+ border: #aaa solid 1px;
+ padding: 1.5em;
+ background: #eee;
+ text-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
+ -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
+ -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
+ box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
+}
+
+fieldset fieldset {
+ margin: .8em;
+ background: #fff;
+ border: 1px solid #aaa;
+ background: #E8E8E8;
+
+}
+
+fieldset legend {
+ font-weight: bold;
+ color: #444;
+ padding: 5px 10px;
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border: 1px solid #aaa;
+ background-color: #fff;
+ -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>3px 3px 15px #bbb;
+ -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>3px 3px 15px #bbb;
+ box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>3px 3px 15px #bbb;
+}
+
+.some-margin {
+ margin: 1.5em;
+}
+
+/* buttons in some browsers (eg. Konqueror) are block elements,
+ this breaks design */
+button {
+ display: inline;
+}
+
+table caption,
+table th,
+table td {
+ padding: .3em;
+ margin: .1em;
+ vertical-align: top;
+ text-shadow: 0 1px 0 #fff;
+}
+
+/* 3.4 */
+table {
+ border-collapse: collapse;
+}
+
+th {
+ border-right: 1px solid #fff;
+ text-align: left;
+}
+
+
+img,
+button {
+ vertical-align: middle;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ vertical-align: -11%;
+}
+
+
+select {
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+
+ -moz-box-shadow: 0 1px 2px #ddd;
+ -webkit-box-shadow: 0 1px 2px #ddd;
+ box-shadow: 0 1px 2px #ddd;
+
+ border: 1px solid #aaa;
+ color: #333;
+ padding: 3px;
+ background: white;
+}
+
+select[multiple] {
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'f2f2f2'); ?>
+}
+
+/******************************************************************************/
+/* classes */
+.clearfloat {
+ clear: both;
+}
+
+.floatleft {
+ float: <?php echo $left; ?>;
+ margin-<?php echo $right; ?>: 1em;
+}
+
+.floatright {
+ float: <?php echo $right; ?>;
+}
+
+.center {
+ text-align: center;
+}
+
+table.nospacing {
+ border-spacing: 0;
+}
+
+table.nopadding tr th, table.nopadding tr td {
+ padding: 0;
+}
+
+th.left, td.left {
+ text-align: left;
+}
+
+th.center, td.center {
+ text-align: center;
+}
+
+th.right, td.right {
+ text-align: right;
+}
+
+tr.vtop th, tr.vtop td, th.vtop, td.vtop {
+ vertical-align: top;
+}
+
+tr.vmiddle th, tr.vmiddle td, th.vmiddle, td.vmiddle {
+ vertical-align: middle;
+}
+
+tr.vbottom th, tr.vbottom td, th.vbottom, td.vbottom {
+ vertical-align: bottom;
+}
+
+.paddingtop {
+ padding-top: 1em;
+}
+
+.separator {
+ color: #fff;
+ text-shadow: 0 1px 0 #000;
+}
+
+div.tools {
+ /* border: 1px solid #000; */
+ padding: .2em;
+}
+
+div.tools a {
+ color: #3a7ead !important;
+}
+
+div.tools,
+fieldset.tblFooters {
+ margin-top: 0;
+ margin-bottom: .5em;
+ /* avoid a thick line since this should be used under another fieldset */
+ border-top: 0;
+ text-align: <?php echo $right; ?>;
+ float: none;
+ clear: both;
+ -webkit-border-radius: 0 0 4px 4px;
+ -moz-border-radius: 0 0 4px 4px;
+ border-radius: 0 0 4px 5px;
+}
+
+div.null_div {
+ height: 20px;
+ text-align: center;
+ font-style: normal;
+ min-width: 50px;
+}
+
+fieldset .formelement {
+ float: <?php echo $left; ?>;
+ margin-<?php echo $right; ?>: .5em;
+ /* IE */
+ white-space: nowrap;
+}
+
+/* revert for Gecko */
+fieldset div[class=formelement] {
+ white-space: normal;
+}
+
+button.mult_submit {
+ border: none;
+ background-color: transparent;
+}
+
+/* odd items 1,3,5,7,... */
+table tr.odd th,
+.odd {
+ background: #fff;
+ <?php echo $_SESSION['PMA_Theme']->getCssIEClearFilter(); ?>
+}
+
+/* even items 2,4,6,8,... */
+/* (tested on CRTs and ACLs) */
+table tr.even th,
+.even {
+ background: #DFDFDF;
+ <?php echo $_SESSION['PMA_Theme']->getCssIEClearFilter(); ?>
+}
+
+/* odd table rows 1,3,5,7,... */
+table tr.odd th,
+table tr.odd,
+table tr.even th,
+table tr.even {
+ text-align: <?php echo $left; ?>;
+}
+
+<?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
+/* marked table rows */
+td.marked,
+table tr.marked td,
+table tr.marked th,
+table tr.marked {
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?>
+ color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
+}
+<?php } ?>
+
+<?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
+/* hovered items */
+.odd:hover,
+.even:hover,
+.hover {
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?>
+ color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
+}
+
+/* hovered table rows */
+table tr.odd:hover th,
+table tr.even:hover th,
+table tr.hover th {
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?>
+ color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
+}
+<?php } ?>
+
+/**
+ * marks table rows/cells if the db field is in a where condition
+ */
+.condition {
+ border-color: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?> !important;
+}
+
+th.condition {
+ border-width: 1px 1px 0 1px;
+ border-style: solid;
+}
+
+td.condition {
+ border-width: 0 1px 0 1px;
+ border-style: solid;
+}
+
+tr:last-child td.condition {
+ border-width: 0 1px 1px 1px;
+}
+
+<?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
+/* for first th which must have right border set (ltr only) */
+.before-condition {
+ border-right: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
+}
+<?php } ?>
+
+/**
+ * cells with the value NULL
+ */
+td.null {
+ font-style: italic;
+ text-align: <?php echo $right; ?>;
+}
+
+table .valueHeader {
+ text-align: <?php echo $right; ?>;
+ white-space: normal;
+}
+table .value {
+ text-align: <?php echo $right; ?>;
+ white-space: normal;
+}
+/* IE doesnt handles 'pre' right */
+table [class=value] {
+ white-space: normal;
+}
+
+
+<?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
+.value {
+ font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
+}
+<?php } ?>
+.attention {
+ color: red;
+ font-weight: bold;
+}
+.allfine {
+ color: green;
+}
+
+
+img.lightbulb {
+ cursor: pointer;
+}
+
+.pdflayout {
+ overflow: hidden;
+ clip: inherit;
+ background-color: #fff;
+ display: none;
+ border: 1px solid #000;
+ position: relative;
+}
+
+.pdflayout_table {
+ background: #D3DCE3;
+ color: #000;
+ overflow: hidden;
+ clip: inherit;
+ z-index: 2;
+ display: inline;
+ visibility: inherit;
+ cursor: move;
+ position: absolute;
+ font-size: 80%;
+ border: 1px dashed #000;
+}
+
+/* MySQL Parser */
+.syntax {
+ font-family: Verdana, 'Segoe UI', Arial, Tahoma;
+ font-size: 110%;
+}
+
+.syntax a {
+ text-decoration: none;
+ border-bottom: 1px dotted #000;
+}
+
+.syntax_comment {
+ padding-left: 4pt;
+ padding-right: 4pt;
+}
+
+.syntax_digit {
+}
+
+.syntax_digit_hex {
+}
+
+.syntax_digit_integer {
+}
+
+.syntax_digit_float {
+}
+
+.syntax_punct {
+}
+
+.syntax_alpha {
+}
+
+.syntax_alpha_columnType {
+ text-transform: uppercase;
+}
+
+.syntax_alpha_columnAttrib {
+ text-transform: uppercase;
+}
+
+.syntax_alpha_reservedWord {
+ text-transform: uppercase;
+ font-weight: bold;
+}
+
+.syntax_alpha_functionName {
+ text-transform: uppercase;
+}
+
+.syntax_alpha_identifier {
+}
+
+.syntax_alpha_charset {
+}
+
+.syntax_alpha_variable {
+}
+
+.syntax_quote {
+ white-space: pre;
+}
+
+.syntax_quote_backtick {
+}
+
+/* no extra space in table cells */
+td .icon {
+ margin: 0;
+}
+
+.selectallarrow {
+ margin-<?php echo $right; ?>: .3em;
+ margin-<?php echo $left; ?>: .6em;
+}
+
+/* message boxes: error, confirmation */
+#pma_errors {
+ padding: 0 0.5em;
+}
+
+.success h1,
+.notice h1,
+div.error h1 {
+ border-bottom: 2px solid;
+ font-weight: bold;
+ text-align: <?php echo $left; ?>;
+ margin: 0 0 .2em 0;
+}
+
+div.success,
+div.notice,
+div.error {
+ margin: .5em 0 1.3em;
+ border: 1px solid;
+ background-repeat: no-repeat;
+ <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
+ background-position: 10px 50%;
+ padding: 10px 10px 10px 10px;
+ <?php } else { ?>
+ background-position: 99% 50%;
+ padding: 10px 35px 10px 10px;
+ <?php } ?>
+
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+
+ -moz-box-shadow: 0 1px 1px #fff inset;
+ -webkit-box-shadow: 0 1px 1px #fff inset;
+ box-shadow: 0 1px 1px #fff inset;
+}
+
+.success a,
+.notice a,
+.error a {
+ text-decoration: underline;
+}
+
+.success {
+ color: #000;
+ background-color: #ebf8a4;
+}
+
+h1.success,
+div.success {
+ border-color: #a2d246;
+}
+.success h1 {
+ border-color: #00FF00;
+}
+
+.notice {
+ color: #000;
+ background-color: #e8eef1;
+}
+
+h1.notice,
+div.notice {
+ border-color: #3a6c7e;
+}
+
+.notice h1 {
+ border-color: #ffb10a;
+}
+
+.error {
+ border: 1px solid maroon !important;
+ color: #000;
+ background: pink;
+}
+
+h1.error,
+div.error {
+ border-color: #333;
+}
+
+div.error h1 {
+ border-color: #ff0000;
+}
+
+.confirmation {
+ color: #000;
+ background-color: pink;
+}
+
+fieldset.confirmation {
+}
+
+fieldset.confirmation legend {
+}
+
+/* end messageboxes */
+
+.tblcomment {
+ font-size: 70%;
+ font-weight: normal;
+ color: #000099;
+}
+
+.tblHeaders {
+ font-weight: bold;
+ color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+ background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
+}
+
+div.tools,
+.tblFooters {
+ font-weight: normal;
+ color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+ background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
+}
+
+.tblHeaders a:link,
+.tblHeaders a:active,
+.tblHeaders a:visited,
+div.tools a:link,
+div.tools a:visited,
+div.tools a:active,
+.tblFooters a:link,
+.tblFooters a:active,
+.tblFooters a:visited {
+ color: #0000FF;
+}
+
+.tblHeaders a:hover,
+div.tools a:hover,
+.tblFooters a:hover {
+ color: #FF0000;
+}
+
+/* forbidden, no privileges */
+.noPrivileges {
+ color: #FF0000;
+ font-weight: bold;
+}
+
+/* disabled text */
+.disabled,
+.disabled a:link,
+.disabled a:active,
+.disabled a:visited {
+ color: #666;
+}
+
+.disabled a:hover {
+ color: #666;
+ text-decoration: none;
+}
+
+tr.disabled td,
+td.disabled {
+ background-color: #f3f3f3;
+ color: #aaa;
+}
+
+.nowrap {
+ white-space: nowrap;
+}
+
+/**
+ * login form
+ */
+body#loginform h1,
+body#loginform a.logo {
+ display: block;
+ text-align: center;
+}
+
+body#loginform {
+ margin-top: 1em;
+ text-align: center;
+}
+
+body#loginform div.container {
+ text-align: <?php echo $left; ?>;
+ width: 30em;
+ margin: 0 auto;
+}
+
+form.login label {
+ float: <?php echo $left; ?>;
+ width: 10em;
+ font-weight: bolder;
+}
+
+.commented_column {
+ border-bottom: 1px dashed #000;
+}
+
+.column_attribute {
+ font-size: 70%;
+}
+
+/******************************************************************************/
+/* specific elements */
+
+/* topmenu */
+#topmenu a {
+ text-shadow: 0 1px 0 #fff;
+}
+
+#topmenu .error {
+ background: #eee;border: 0 !important;color: #aaa;
+}
+
+ul#topmenu,
+ul#topmenu2,
+ul.tabs {
+ font-weight: bold;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+
+}
+
+ul#topmenu2 {
+ margin: .25em .5em 0;
+ height: 2em;
+ clear: both;
+}
+
+ul#topmenu li,
+ul#topmenu2 li {
+ float: <?php echo $left; ?>;
+ margin: 0;
+ vertical-align: middle;
+}
+
+#topmenu img,
+#topmenu2 img {
+ margin-right: .5em;
+ vertical-align: -3px;
+}
+
+.menucontainer {
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'dcdcdc'); ?>
+ border-top: 1px solid #aaa;
+}
+
+/* default tab styles */
+.tabactive {
+ background: #fff !important;
+}
+
+ul#topmenu2 a {
+ display: block;
+ margin: 7px 6px 7px;
+ margin-<?php echo $left; ?>: 0;
+ padding: 4px 10px;
+ white-space: nowrap;
+ border: 1px solid #ddd;
+ border-radius: 20px;
+ -moz-border-radius: 20px;
+ -webkit-border-radius: 20px;
+ background: #f2f2f2;
+
+}
+
+fieldset.caution a {
+ color: #FF0000;
+}
+fieldset.caution a:hover {
+ color: #fff;
+ background-color: #FF0000;
+}
+
+#topmenu {
+ margin-top: .5em;
+ padding: .1em .3em;
+}
+
+ul#topmenu ul {
+ -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 6px #ddd;
+ -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
+ box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
+}
+
+ul#topmenu ul.only {
+ <?php echo $left; ?>: 0;
+}
+
+ul#topmenu > li {
+ border-right: 1px solid #fff;
+ border-left: 1px solid #ccc;
+}
+
+/* default tab styles */
+ul#topmenu a,
+ul#topmenu span {
+ padding: .6em;
+}
+
+ul#topmenu ul a {
+ border-width: 1pt 0 0 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+
+ul#topmenu ul li:first-child a {
+ border-width: 0;
+}
+
+/* enabled hover/active tabs */
+ul#topmenu > li > a:hover,
+ul#topmenu > li > .tabactive {
+ text-decoration: none;
+}
+
+ul#topmenu ul a:hover,
+ul#topmenu ul .tabactive {
+ text-decoration: none;
+}
+
+ul#topmenu a.tab:hover,
+ul#topmenu .tabactive {
+ /* background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
+}
+
+ul#topmenu2 a.tab:hover,
+ul#topmenu2 a.tabactive {
+ background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
+ border-radius: .3em;
+ -moz-border-radius: .3em;
+ -webkit-border-radius: .3em;
+ text-decoration: none;
+}
+
+/* to be able to cancel the bottom border, use <li class="active"> */
+ul#topmenu > li.active {
+ /* border-bottom: 0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
+ border-right: 0;
+}
+/* end topmenu */
+
+/* zoom search */
+div#dataDisplay input,
+div#dataDisplay select {
+ margin: 0;
+ margin-<?php echo $right; ?>: .5em;
+}
+div#dataDisplay th {
+ line-height: 2em;
+}
+
+/* Calendar */
+table.calendar {
+ width: 100%;
+}
+table.calendar td {
+ text-align: center;
+}
+table.calendar td a {
+ display: block;
+}
+
+table.calendar td a:hover {
+ background-color: #CCFFCC;
+}
+
+table.calendar th {
+ background-color: #D3DCE3;
+}
+
+table.calendar td.selected {
+ background-color: #FFCC99;
+}
+
+img.calendar {
+ border: none;
+}
+form.clock {
+ text-align: center;
+}
+/* end Calendar */
+
+
+/* table stats */
+div#tablestatistics table {
+ float: <?php echo $left; ?>;
+ margin-bottom: .5em;
+ margin-<?php echo $right; ?>: 1.5em;
+ margin-top: .5em;
+ min-width: 16em;
+}
+
+/* END table stats */
+
+
+/* server privileges */
+#tableuserrights td,
+#tablespecificuserrights td,
+#tabledatabases td {
+ vertical-align: middle;
+}
+/* END server privileges */
+
+
+/* Heading */
+#topmenucontainer {
+ padding-<?php echo $right; ?>: 1em;
+ width: 100%;
+}
+
+#serverinfo {
+ border-bottom: 1px solid #fff;
+ background: #888;
+ padding: .3em .9em;
+ padding-<?php echo $left; ?>: 2.2em;
+ text-shadow: 0 1px 0 #000;
+ width: 10000px;
+ overflow: hidden;
+}
+
+#serverinfo .item {
+ white-space: nowrap;
+ color: #fff;
+ float: <?php echo $left; ?>
+}
+
+#goto_pagetop {
+ position: fixed;
+ padding: .25em .25em .2em;
+ top: 0;
+ <?php echo $right; ?>: 0;
+ z-index: 900;
+ background: #888;
+}
+
+#span_table_comment {
+ font-weight: normal;
+ font-style: italic;
+ white-space: nowrap;
+}
+
+#serverinfo img {
+ margin: 0 .1em 0;
+ margin-<?php echo $left; ?>: .2em;
+}
+
+
+#textSQLDUMP {
+ width: 95%;
+ height: 95%;
+ font-family: Consolas, "Courier New", Courier, mono;
+ font-size: 110%;
+}
+
+#TooltipContainer {
+ position: absolute;
+ z-index: 99;
+ width: 20em;
+ height: auto;
+ overflow: visible;
+ visibility: hidden;
+ background-color: #ffffcc;
+ color: #006600;
+ border: .1em solid #000;
+ padding: .5em;
+}
+
+/* user privileges */
+#fieldset_add_user_login div.item {
+ border-bottom: 1px solid silver;
+ padding-bottom: .3em;
+ margin-bottom: .3em;
+}
+
+#fieldset_add_user_login label {
+ float: <?php echo $left; ?>;
+ display: block;
+ width: 10em;
+ max-width: 100%;
+ text-align: <?php echo $right; ?>;
+ padding-<?php echo $right; ?>: .5em;
+}
+
+#fieldset_add_user_login span.options #select_pred_username,
+#fieldset_add_user_login span.options #select_pred_hostname,
+#fieldset_add_user_login span.options #select_pred_password {
+ width: 100%;
+ max-width: 100%;
+}
+
+#fieldset_add_user_login span.options {
+ float: <?php echo $left; ?>;
+ display: block;
+ width: 12em;
+ max-width: 100%;
+ padding-<?php echo $right; ?>: .5em;
+}
+
+#fieldset_add_user_login input {
+ width: 12em;
+ clear: <?php echo $right; ?>;
+ max-width: 100%;
+}
+
+#fieldset_add_user_login span.options input {
+ width: auto;
+}
+
+#fieldset_user_priv div.item {
+ float: <?php echo $left; ?>;
+ width: 9em;
+ max-width: 100%;
+}
+
+#fieldset_user_priv div.item div.item {
+ float: none;
+}
+
+#fieldset_user_priv div.item label {
+ white-space: nowrap;
+}
+
+#fieldset_user_priv div.item select {
+ width: 100%;
+}
+
+#fieldset_user_global_rights fieldset {
+ float: <?php echo $left; ?>;
+}
+/* END user privileges */
+
+
+/* serverstatus */
+
+.linkElem:hover {
+ text-decoration: underline;
+ color: #235a81;
+ cursor: pointer;
+}
+
+h3#serverstatusqueries span {
+ font-size: 60%;
+ display: inline;
+}
+
+img.sortableIcon {
+ float: <?php echo $right; ?>;
+ background-repeat: no-repeat;
+ margin: 0;
+}
+
+.buttonlinks {
+ float: <?php echo $right; ?>;
+ white-space: nowrap;
+}
+
+/* Also used for the variables page */
+fieldset#tableFilter {
+ margin-bottom: 1em;
+}
+
+div#serverStatusTabs {
+ margin-top: 1em;
+}
+
+caption a.top {
+ float: <?php echo $right; ?>;
+}
+
+div#serverstatusquerieschart {
+ float: <?php echo $left; ?>;
+ width: 500px;
+ height: 350px;
+ padding-<?php echo $left; ?>: 30px;
+}
+
+table#serverstatusqueriesdetails,
+table#serverstatustraffic {
+ float: <?php echo $left; ?>;
+}
+
+table#serverstatusqueriesdetails th {
+ min-width: 35px;
+}
+
+table#serverstatusvariables {
+ width: 100%;
+ margin-bottom: 1em;
+}
+table#serverstatusvariables .name {
+ width: 18em;
+ white-space: nowrap;
+}
+table#serverstatusvariables .value {
+ width: 6em;
+}
+table#serverstatusconnections {
+ float: <?php echo $left; ?>;
+ margin-<?php echo $left; ?>: 30px;
+}
+
+div#serverstatus table tbody td.descr a,
+div#serverstatus table .tblFooters a {
+ white-space: nowrap;
+}
+
+div.liveChart {
+ clear: both;
+ min-width: 500px;
+ height: 400px;
+ padding-bottom: 80px;
+}
+
+#addChartDialog input[type="text"] {
+ margin: 0;
+ padding: 3px;
+}
+
+div#chartVariableSettings {
+ border: 1px solid #ddd;
+ background-color: #E6E6E6;
+ margin-left: 10px;
+}
+
+table#chartGrid div.monitorChart {
+ background: #EBEBEB;
+}
+
+div#serverstatus div.tabLinks {
+ float: <?php echo $left; ?>;
+ padding-bottom: 10px;
+}
+
+.popupContent {
+ display: none;
+ position: absolute;
+ border: 1px solid #CCC;
+ margin: 0;
+ padding: 3px;
+ -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
+ -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
+ box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
+ background-color: #fff;
+ z-index: 2;
+}
+
+div#logTable {
+ padding-top: 10px;
+ clear: both;
+}
+
+div#logTable table {
+ width: 100%;
+}
+
+div#queryAnalyzerDialog {
+ min-width: 700px;
+}
+
+div#queryAnalyzerDialog div.CodeMirror-scroll {
+ height: auto;
+}
+
+div#queryAnalyzerDialog div#queryProfiling {
+ height: 300px;
+}
+
+div#queryAnalyzerDialog td.explain {
+ width: 250px;
+}
+
+div#queryAnalyzerDialog table.queryNums {
+ display: none;
+ border: 0;
+ text-align: left;
+}
+
+.smallIndent {
+ padding-<?php echo $left; ?>: 7px;
+}
+
+/* end serverstatus */
+
+/* server variables */
+#serverVariables {
+ min-width: 30em;
+}
+#serverVariables .var-row > div {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 2em;
+}
+#serverVariables .var-header {
+ color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+ background: #f3f3f3;
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
+ font-weight: bold;
+}
+#serverVariables .var-header .var-value {
+ text-align: <?php echo $left; ?>;
+}
+#serverVariables .var-row {
+ padding: 0.5em;
+ min-height: 18px;
+}
+#serverVariables .var-name {
+ width: 45%;
+ float: <?php echo $left; ?>;
+ font-weight: bold;
+}
+#serverVariables .var-name.session {
+ font-weight: normal;
+ font-style: italic;
+}
+#serverVariables .var-value {
+ width: 50%;
+ float: <?php echo $right; ?>;
+ text-align: <?php echo $right; ?>;
+}
+#serverVariables .var-doc {
+ overflow:visible;
+ float: <?php echo $right; ?>;
+}
+
+/* server variables editor */
+#serverVariables .editLink {
+ padding-<?php echo $right; ?>: 1em;
+ float: <?php echo $left; ?>;
+ font-family: sans-serif;
+}
+#serverVariables .serverVariableEditor {
+ width: 100%;
+ overflow: hidden;
+}
+#serverVariables .serverVariableEditor input {
+ width: 100%;
+ margin: 0 0.5em;
+ box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ height: 2.2em;
+}
+#serverVariables .serverVariableEditor div {
+ display: block;
+ overflow: hidden;
+ padding-<?php echo $right; ?>: 1em;
+}
+#serverVariables .serverVariableEditor a {
+ float: <?php echo $right; ?>;
+ margin: 0 0.5em;
+ line-height: 2em;
+}
+/* end server variables */
+
+
+p.notice {
+ margin: 1.5em 0;
+ border: 1px solid #000;
+ background-repeat: no-repeat;
+ <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
+ background-position: 10px 50%;
+ padding: 10px 10px 10px 25px;
+ <?php } else { ?>
+ background-position: 99% 50%;
+ padding: 25px 10px 10px 10px
+ <?php } ?>
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ -moz-box-shadow: 0 1px 2px #fff inset;
+ -webkit-box-shadow: 0 1px 2px #fff inset;
+ box-shadow: 0 1px 2px #fff; inset;
+ background: #555;
+ color: #d4fb6a;
+}
+
+p.notice a {
+ color: #fff;
+ text-decoration: underline;
+}
+
+/* querywindow */
+body#bodyquerywindow {
+ margin: 0;
+ padding: 0;
+ background-image: none;
+ background-color: #F5F5F5;
+}
+
+div#querywindowcontainer {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+div#querywindowcontainer fieldset {
+ margin-top: 0;
+}
+/* END querywindow */
+
+/* profiling */
+
+div#profilingchart {
+ width: 550px;
+ height: 370px;
+ float: <?php echo $left; ?>;
+}
+
+/* END profiling */
+
+/* table charting */
+
+#resizer {
+ border: 1px solid silver;
+}
+#inner-resizer { /* make room for the resize handle */
+ padding: 10px;
+}
+
+/* END table charting */
+
+/* querybox */
+
+#togglequerybox {
+ margin: 0 10px;
+}
+
+#serverstatus h3
+{
+ margin: 15px 0;
+ font-weight: normal;
+ color: #999;
+ font-size: 1.7em;
+}
+#sectionlinks {
+ padding: 16px;
+ background: #f3f3f3;
+ border: 1px solid #aaa;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ box-shadow: 0 1px 1px #fff inset;
+ -webkit-box-shadow: 0 1px 1px #fff inset;
+ -moz-box-shadow: 0 1px 1px #fff inset;
+}
+#sectionlinks a,
+.buttonlinks a,
+a.button {
+ font-size: .88em;
+ font-weight: bold;
+ text-shadow: 0 1px 0 #fff;
+ line-height: 35px;
+ margin-<?php echo $left; ?>: 7px;
+ border: 1px solid #aaa;
+ padding: 5px 10px;
+ color: #111;
+ text-decoration: none;
+ background: #ddd;
+ white-space: nowrap;
+ border-radius: 20px;
+ -webkit-border-radius: 20px;
+ -moz-border-radius: 20px;
+ box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
+ /*
+ -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
+ -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
+ text-shadow: #fff 0 1px 0;
+ */
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
+}
+#sectionlinks a:hover,
+.buttonlinks a:hover,
+a.button:hover {
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
+}
+
+div#sqlquerycontainer {
+ float: <?php echo $left; ?>;
+ width: 69%;
+ /* height: 15em; */
+}
+
+div#tablefieldscontainer {
+ float: <?php echo $right; ?>;
+ width: 29%;
+ /* height: 15em; */
+}
+
+div#tablefieldscontainer select {
+ width: 100%;
+ background: #fff;
+ /* height: 12em; */
+}
+
+textarea#sqlquery {
+ width: 100%;
+ /* height: 100%; */
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ border: 1px solid #aaa;
+ padding: 5px;
+ font-family: inherit;
+}
+textarea#sql_query_edit {
+ height: 7em;
+ width: 95%;
+ display: block;
+}
+div#queryboxcontainer div#bookmarkoptions {
+ margin-top: .5em;
+}
+/* end querybox */
+
+/* main page */
+#maincontainer {
+ /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('logo_right.png');?>); */
+ /* background-position: <?php echo $right; ?> bottom; */
+ /* background-repeat: no-repeat; */
+}
+
+#mysqlmaininformation,
+#pmamaininformation {
+ float: <?php echo $left; ?>;
+ width: 49%;
+}
+
+#maincontainer ul {
+ list-style-type: disc;
+ vertical-align: middle;
+}
+
+#maincontainer li {
+ margin-bottom: .3em;
+}
+/* END main page */
+
+
+/* iconic view for ul items */
+
+li.no_bullets {
+ list-style-type:none !important;
+ margin-left: -25px !important; //align with other list items which have bullets
+}
+
+/* END iconic view for ul items */
+
+#body_browse_foreigners {
+ background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+ margin: .5em .5em 0 .5em;
+}
+
+#bodyquerywindow {
+ background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+}
+
+#bodythemes {
+ width: 500px;
+ margin: auto;
+ text-align: center;
+}
+
+#bodythemes img {
+ border: .1em solid #000;
+}
+
+#bodythemes a:hover img {
+ border: .1em solid red;
+}
+
+#fieldset_select_fields {
+ float: <?php echo $left; ?>;
+}
+
+#selflink {
+ clear: both;
+ display: block;
+ margin-top: 1em;
+ margin-bottom: 1em;
+ width: 98%;
+ margin-<?php echo $left; ?>: 1%;
+ border-top: .1em solid silver;
+ text-align: <?php echo $right; ?>;
+}
+
+#table_innodb_bufferpool_usage,
+#table_innodb_bufferpool_activity {
+ float: <?php echo $left; ?>;
+}
+
+#div_mysql_charset_collations table {
+ float: <?php echo $left; ?>;
+}
+
+.operations_half_width {
+ width: 48%;
+ float: <?php echo $left; ?>;
+}
+
+.operations_full_width {
+ width: 100%;
+ clear: both;
+}
+
+#qbe_div_table_list {
+ float: <?php echo $left; ?>;
+}
+
+#qbe_div_sql_query {
+ float: <?php echo $left; ?>;
+}
+
+label.desc {
+ width: 30em;
+ float: <?php echo $left; ?>;
+}
+
+label.desc sup {
+ position: absolute;
+}
+
+code.sql,
+div.sqlvalidate {
+ display: block;
+ padding: 1em;
+ margin-top: 0;
+ margin-bottom: 0;
+ max-height: 10em;
+ overflow: auto;
+ background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
+}
+
+#main_pane_left {
+ width: 60%;
+ float: <?php echo $left; ?>;
+ padding-top: 1em;
+}
+
+#main_pane_right {
+ margin-<?php echo $left; ?>: 60%;
+ padding-top: 1em;
+ padding-<?php echo $left; ?>: 1em;
+}
+
+.group {
+
+ border: 1px solid #999;
+ background: #f3f3f3;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
+ -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
+ box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
+ margin-bottom: 1em;
+ padding-bottom: 1em;
+}
+
+.group h2 {
+ background-color: #bbb;
+ padding: .1em .3em;
+ margin-top: 0;
+ color: #fff;
+ font-size: 1.6em;
+ font-weight: normal;
+ text-shadow: 0 1px 0 #777;
+ -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
+ -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
+ box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
+}
+
+.group-cnt {
+ padding: 0;
+ padding-<?php echo $left; ?>: .5em;
+ display: inline-block;
+ width: 98%;
+}
+
+textarea#partitiondefinition {
+ height: 3em;
+}
+
+
+/* for elements that should be revealed only via js */
+.hide {
+ display: none;
+}
+
+#list_server {
+ list-style-image: none;
+}
+
+/**
+ * Progress bar styles
+ */
+div.upload_progress
+{
+ width: 400px;
+ margin: 3em auto;
+ text-align: center;
+}
+
+div.upload_progress_bar_outer
+{
+ border: 1px solid #000;
+ width: 202px;
+ position: relative;
+ margin: 0 auto 1em;
+ color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
+}
+
+div.upload_progress_bar_inner
+{
+ background-color: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
+ width: 0;
+ height: 12px;
+ margin: 1px;
+ overflow: hidden;
+ color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
+ position: relative;
+}
+
+div.upload_progress_bar_outer div.percentage
+{
+ position: absolute;
+ top: 0;
+ <?php echo $left; ?>: 0;
+ width: 202px;
+}
+
+div.upload_progress_bar_inner div.percentage
+{
+ top: -1px;
+ <?php echo $left; ?>: -1px;
+}
+
+div#statustext {
+ margin-top: .5em;
+}
+
+table#serverconnection_src_remote,
+table#serverconnection_trg_remote,
+table#serverconnection_src_local,
+table#serverconnection_trg_local {
+ float: <?php echo $left; ?>;
+}
+/**
+ * Validation error message styles
+ */
+input[type=text].invalid_value,
+.invalid_value {
+ background: #FFCCCC;
+}
+
+/**
+ * Ajax notification styling
+ */
+ .ajax_notification {
+ top: 0; /** The notification needs to be shown on the top of the page */
+ position: fixed;
+ margin-top: 0;
+ margin-right: auto;
+ margin-bottom: 0;
+ margin-<?php echo $left; ?>: auto;
+ padding: 5px; /** Keep a little space on the sides of the text */
+ width: 350px;
+
+ z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index: 1000) might hide this */
+ text-align: center;
+ display: inline;
+ left: 0;
+ right: 0;
+ background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>);
+ background-repeat: no-repeat;
+ background-position: 2%;
+ border: 1px solid #e2b709;
+ }
+
+/* additional styles */
+.ajax_notification {
+ margin-top: 200px;
+ background: #ffe57e;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ box-shadow: 0 5px 90px #888;
+ -moz-box-shadow: 0 5px 90px #888;
+ -webkit-box-shadow: 0 5px 90px #888;
+}
+
+#loading_parent {
+ /** Need this parent to properly center the notification division */
+ position: relative;
+ width: 100%;
+ }
+/**
+ * Export and Import styles
+ */
+
+.exportoptions h3,
+.importoptions h3 {
+ border-bottom: 1px #999 solid;
+ font-size: 110%;
+}
+
+.exportoptions ul,
+.importoptions ul,
+.format_specific_options ul {
+ list-style-type: none;
+ margin-bottom: 15px;
+}
+
+.exportoptions li,
+.importoptions li {
+ margin: 7px;
+}
+.exportoptions label,
+.importoptions label,
+.exportoptions p,
+.importoptions p {
+ margin: 5px;
+ float: none;
+}
+
+#csv_options label.desc,
+#ldi_options label.desc,
+#latex_options label.desc,
+#output label.desc {
+ float: <?php echo $left; ?>;
+ width: 15em;
+}
+
+.exportoptions,
+.importoptions {
+ margin: 20px 30px 30px;
+ margin-<?php echo $left; ?>: 10px;
+}
+
+.exportoptions #buttonGo,
+.importoptions #buttonGo {
+ font-weight: bold;
+ margin-<?php echo $left; ?>: 14px;
+ border: 1px solid #aaa;
+ padding: 5px 12px;
+ color: #111;
+ text-decoration: none;
+ background: #ddd;
+
+ border-radius: 12px;
+ -webkit-border-radius: 12px;
+ -moz-border-radius: 12px;
+
+ text-shadow: 0 1px 0 #fff;
+
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
+ cursor: pointer;
+}
+#buttonGo:hover {
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
+}
+
+.format_specific_options h3 {
+ margin: 10px 0 0;
+ margin-<?php echo $left; ?>: 10px;
+ border: 0;
+}
+
+.format_specific_options {
+ border: 1px solid #999;
+ margin: 7px 0;
+ padding: 3px;
+}
+
+p.desc {
+ margin: 5px;
+}
+
+/**
+ * Export styles only
+ */
+select#db_select,
+select#table_select {
+ width: 400px;
+}
+
+.export_sub_options {
+ margin: 20px 0 0;
+ margin-<?php echo $left; ?>: 30px;
+}
+
+.export_sub_options h4 {
+ border-bottom: 1px #999 solid;
+}
+
+.export_sub_options li.subgroup {
+ display: inline-block;
+ margin-top: 0;
+}
+
+.export_sub_options li {
+ margin-bottom: 0;
+}
+
+#quick_or_custom,
+#output_quick_export {
+ display: none;
+}
+/**
+ * Import styles only
+ */
+
+.importoptions #import_notification {
+ margin: 10px 0;
+ font-style: italic;
+}
+
+input#input_import_file {
+ margin: 5px;
+}
+
+.formelementrow {
+ margin: 5px 0 5px 0;
+}
+
+#popup_background {
+ display: none;
+ position: fixed;
+ _position: absolute; /* hack for IE6 */
+ width: 100%;
+ height: 100%;
+ top: 0;
+ <?php echo $left; ?>: 0;
+ background: #000;
+ z-index: 1000;
+ overflow: hidden;
+}
+
+/**
+ * Table structure styles
+ */
+#fieldsForm ul.table-structure-actions {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+#fieldsForm ul.table-structure-actions li {
+ float: <?php echo $left; ?>;
+ margin-<?php echo $right; ?>: 0.3em; /* same as padding of "table td" */
+}
+#fieldsForm ul.table-structure-actions .submenu li {
+ padding: 0;
+ margin: 0;
+}
+#fieldsForm ul.table-structure-actions .submenu li span {
+ padding: 0.3em;
+ margin: 0.1em;
+}
+/**
+ * Indexes
+ */
+#index_frm .index_info input,
+#index_frm .index_info select {
+ width: 14em;
+ box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+}
+
+#index_frm .index_info div {
+ padding: .2em 0;
+}
+
+#index_frm .index_info .label {
+ float: <?php echo $left; ?>;
+ min-width: 12em;
+}
+
+#index_frm .slider {
+ width: 10em;
+ margin: .6em;
+ float: <?php echo $left; ?>;
+}
+
+#index_frm .add_fields {
+ float: <?php echo $left; ?>;
+}
+
+#index_frm .add_fields input {
+ margin-<?php echo $left; ?>: 1em;
+}
+
+#index_frm input {
+ margin: 0;
+}
+
+#index_frm td {
+ vertical-align: middle;
+}
+
+table#index_columns {
+ width: 100%;
+}
+
+table#index_columns select {
+ width: 100%;
+}
+
+#move_columns_dialog div {
+ padding: 1em;
+}
+
+#move_columns_dialog ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+#move_columns_dialog li {
+ background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
+ border: 1px solid #aaa;
+ color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+ font-weight: bold;
+ margin: .4em;
+ padding: .2em;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+}
+
+.margin#change_column_dialog {
+ margin: 0 .5em;
+}
+
+/* config forms */
+.config-form ul.tabs {
+ margin: 1.1em .2em 0;
+ padding: 0 0 .3em 0;
+ list-style: none;
+ font-weight: bold;
+}
+
+.config-form ul.tabs li {
+ float: <?php echo $left; ?>;
+ margin-bottom: -1px;
+}
+
+.config-form ul.tabs li a {
+ display: block;
+ margin: .1em .2em 0;
+ white-space: nowrap;
+ text-decoration: none;
+ border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
+ border-bottom: 1px solid #aaa;
+}
+
+.config-form ul.tabs li a {
+ padding: 7px 10px;
+ -webkit-border-radius: 5px 5px 0 0;
+ -moz-border-radius: 5px 5px 0 0;
+ border-radius: 5px 5px 0 0;
+ background: #f2f2f2;
+ color: #555;
+ text-shadow: 0 1px 0 #fff;
+}
+
+.config-form ul.tabs li a:hover,
+.config-form ul.tabs li a:active {
+ background: #e5e5e5;
+}
+
+.config-form ul.tabs li.active a {
+ background-color: #fff;
+ margin-top: 1px;
+ color: #000;
+ text-shadow: none;
+ border-color: #aaa;
+ border-bottom: 1px solid #fff;
+}
+
+.config-form fieldset {
+ margin-top: 0;
+ padding: 0;
+ clear: both;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+
+.config-form legend {
+ display: none;
+}
+
+.config-form fieldset p {
+ margin: 0;
+ padding: .5em;
+ background: #fff;
+ border-top: 0;
+}
+
+.config-form fieldset .errors { /* form error list */
+ margin: 0 -2px 1em;
+ padding: .5em 1.5em;
+ background: #FBEAD9;
+ border: 0 #C83838 solid;
+ border-width: 1px 0;
+ list-style: none;
+ font-family: sans-serif;
+ font-size: small;
+}
+
+.config-form fieldset .inline_errors { /* field error list */
+ margin: .3em .3em .3em;
+ margin-<?php echo $left; ?>: 0;
+ padding: 0;
+ list-style: none;
+ color: #9A0000;
+ font-size: small;
+}
+
+.config-form fieldset th {
+ padding: .3em .3em .3em;
+ padding-<?php echo $left; ?>: .5em;
+ text-align: <?php echo $left; ?>;
+ vertical-align: top;
+ width: 40%;
+ background: transparent;
+ filter: none;
+}
+
+.config-form fieldset .doc,
+.config-form fieldset .disabled-notice {
+ margin-<?php echo $left; ?>: 1em;
+}
+
+.config-form fieldset .disabled-notice {
+ font-size: 80%;
+ text-transform: uppercase;
+ color: #E00;
+ cursor: help;
+}
+
+.config-form fieldset td {
+ padding-top: .3em;
+ padding-bottom: .3em;
+ vertical-align: top;
+}
+
+.config-form fieldset th small {
+ display: block;
+ font-weight: normal;
+ font-family: sans-serif;
+ font-size: x-small;
+ color: #444;
+}
+
+.config-form fieldset th,
+.config-form fieldset td {
+ border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
+ border-<?php echo $right; ?>: none;
+}
+
+fieldset .group-header th {
+ background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
+}
+
+fieldset .group-header + tr th {
+ padding-top: .6em;
+}
+
+fieldset .group-field-1 th,
+fieldset .group-header-2 th {
+ padding-<?php echo $left; ?>: 1.5em;
+}
+
+fieldset .group-field-2 th,
+fieldset .group-header-3 th {
+ padding-<?php echo $left; ?>: 3em;
+}
+
+fieldset .group-field-3 th {
+ padding-<?php echo $left; ?>: 4.5em;
+}
+
+fieldset .disabled-field th,
+fieldset .disabled-field th small,
+fieldset .disabled-field td {
+ color: #666;
+ background-color: #ddd;
+}
+
+.config-form .lastrow {
+ border-top: 1px #000 solid;
+}
+
+.config-form .lastrow {
+ background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
+ padding: .5em;
+ text-align: center;
+}
+
+.config-form .lastrow input {
+ font-weight: bold;
+}
+
+/* form elements */
+
+.config-form span.checkbox {
+ padding: 2px;
+ display: inline-block;
+}
+
+.config-form .custom { /* customized field */
+ background: #FFC;
+}
+
+.config-form span.checkbox.custom {
+ padding: 1px;
+ border: 1px #EDEC90 solid;
+ background: #FFC;
+}
+
+.config-form .field-error {
+ border-color: #A11 !important;
+}
+
+.config-form input[type="text"],
+.config-form select,
+.config-form textarea {
+ border: 1px #A7A6AA solid;
+ height: auto;
+}
+
+.config-form input[type="text"]:focus,
+.config-form select:focus,
+.config-form textarea:focus {
+ border: 1px #6676FF solid;
+ background: #F7FBFF;
+}
+
+.config-form .field-comment-mark {
+ font-family: serif;
+ color: #007;
+ cursor: help;
+ padding: 0 .2em;
+ font-weight: bold;
+ font-style: italic;
+}
+
+.config-form .field-comment-warning {
+ color: #A00;
+}
+
+/* error list */
+.config-form dd {
+ margin-<?php echo $left; ?>: .5em;
+}
+
+.config-form dd:before {
+ content: "\25B8 ";
+}
+
+.click-hide-message {
+ cursor: pointer;
+}
+
+.prefsmanage_opts {
+ margin-<?php echo $left; ?>: 2em;
+}
+
+#prefs_autoload {
+ margin-bottom: .5em;
+}
+
+#placeholder .button {
+ position: absolute;
+ cursor: pointer;
+}
+
+#placeholder div.button {
+ font-size: smaller;
+ color: #999;
+ background-color: #eee;
+ padding: 2px;
+}
+
+.wrapper {
+ float: <?php echo $left; ?>;
+ margin-bottom: 1.5em;
+}
+.toggleButton {
+ position: relative;
+ cursor: pointer;
+ font-size: .8em;
+ text-align: center;
+ line-height: 1.4em;
+ height: 1.55em;
+ overflow: hidden;
+ border-right: .1em solid #888;
+ border-left: .1em solid #888;
+ -webkit-border-radius: .3em;
+ -moz-border-radius: .3em;
+ border-radius: .3em;
+}
+.toggleButton table,
+.toggleButton td,
+.toggleButton img {
+ padding: 0;
+ position: relative;
+}
+.toggleButton .container {
+ position: absolute;
+}
+.toggleButton .toggleOn {
+ color: #fff;
+ padding: 0 1em;
+ text-shadow: 0 0 .2em #000;
+}
+.toggleButton .toggleOff {
+ padding: 0 1em;
+}
+
+.doubleFieldset fieldset {
+ width: 48%;
+ float: <?php echo $left; ?>;
+ padding: 0;
+}
+.doubleFieldset fieldset.left {
+ margin-<?php echo $right; ?>: 1%;
+}
+.doubleFieldset fieldset.right {
+ margin-<?php echo $left; ?>: 1%;
+}
+.doubleFieldset legend {
+ margin-<?php echo $left; ?>: 1.5em;
+}
+.doubleFieldset div.wrap {
+ padding: 1.5em;
+}
+
+#table_columns input[type="text"],
+#table_columns select {
+ width: 10em;
+ box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+}
+
+#table_columns select {
+ margin: 0 6px;
+}
+
+#placeholder {
+ position: relative;
+ border: 1px solid #aaa;
+ float: <?php echo $right; ?>;
+ overflow: hidden;
+}
+
+.placeholderDrag {
+ cursor: move;
+}
+
+#placeholder .button {
+ position: absolute;
+}
+
+#left_arrow {
+ left: 8px;
+ top: 26px;
+}
+
+#right_arrow {
+ left: 26px;
+ top: 26px;
+}
+
+#up_arrow {
+ left: 17px;
+ top: 8px;
+}
+
+#down_arrow {
+ left: 17px;
+ top: 44px;
+}
+
+#zoom_in {
+ left: 17px;
+ top: 67px;
+}
+
+#zoom_world {
+ left: 17px;
+ top: 85px;
+}
+
+#zoom_out {
+ left: 17px;
+ top: 103px;
+}
+
+.colborder {
+ cursor: col-resize;
+ height: 100%;
+ margin-<?php echo $left; ?>: -6px;
+ position: absolute;
+ width: 5px;
+}
+
+.colborder_active {
+ border-<?php echo $right; ?>: 2px solid #a44;
+}
+
+.pma_table td {
+ position: static;
+}
+
+.pma_table th.draggable span,
+.pma_table tbody td span {
+ display: block;
+ overflow: hidden;
+}
+
+.modal-copy input {
+ display: block;
+ width: 100%;
+ margin-top: 1.5em;
+ padding: .3em 0;
+}
+
+.cRsz {
+ position: absolute;
+}
+
+.cCpy {
+ background: #333;
+ color: #FFF;
+ font-weight: bold;
+ margin: .1em;
+ padding: .3em;
+ position: absolute;
+ text-shadow: -1px -1px #000;
+
+ -moz-box-shadow: 0 0 .7em #000;
+ -webkit-box-shadow: 0 0 .7em #000;
+ box-shadow: 0 0 .7em #000;
+ -moz-border-radius: .3em;
+ -webkit-border-radius: .3em;
+ border-radius: .3em;
+}
+
+.cPointer {
+ background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('col_pointer.png');?>);
+ height: 20px;
+ margin-<?php echo $left; ?>: -5px; /* must be minus half of its width */
+ margin-top: -10px;
+ position: absolute;
+ width: 10px;
+}
+
+.tooltip {
+ background: #333 !important;
+ opacity: .8 !important;
+ border: 1px solid #000 !important;
+ -moz-border-radius: .3em !important;
+ -webkit-border-radius: .3em !important;
+ border-radius: .3em !important;
+ text-shadow: -1px -1px #000 !important;
+ font-size: .8em !important;
+ font-weight: bold !important;
+ padding: 1px 3px !important;
+}
+
+.tooltip * {
+ background: none !important;
+ color: #FFF !important;
+}
+
+.cDrop {
+ left: 0;
+ position: absolute;
+ top: 0;
+}
+
+.coldrop {
+ background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('col_drop.png');?>);
+ cursor: pointer;
+ height: 16px;
+ margin-<?php echo $left; ?>: .3em;
+ margin-top: .3em;
+ position: absolute;
+ width: 16px;
+}
+
+.coldrop:hover,
+.coldrop-hover {
+ background-color: #999;
+}
+
+.cList {
+ background: #EEE;
+ border: solid 1px #999;
+ position: absolute;
+ -moz-box-shadow: 0 .2em .5em #333;
+ -webkit-box-shadow: 0 .2em .5em #333;
+ box-shadow: 0 .2em .5em #333;
+}
+
+.cList .lDiv div {
+ padding: .2em .5em .2em;
+ padding-<?php echo $left; ?>: .2em;
+}
+
+.cList .lDiv div:hover {
+ background: #DDD;
+ cursor: pointer;
+}
+
+.cList .lDiv div input {
+ cursor: pointer;
+}
+
+.showAllColBtn {
+ border-bottom: solid 1px #999;
+ border-top: solid 1px #999;
+ cursor: pointer;
+ font-size: .9em;
+ font-weight: bold;
+ padding: .35em 1em;
+ text-align: center;
+}
+
+.showAllColBtn:hover {
+ background: #DDD;
+}
+
+#page_content {
+ background-color: white;
+}
+
+.navigation {
+ margin: .8em 0;
+
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('eeeeee', 'cccccc'); ?>
+}
+
+.navigation td {
+ margin: 0;
+ padding: 0;
+ vertical-align: middle;
+ white-space: nowrap;
+}
+
+.navigation_separator {
+ color: #999;
+ display: inline-block;
+ font-size: 1.5em;
+ text-align: center;
+ height: 1.4em;
+ width: 1.2em;
+ text-shadow: 1px 0 #FFF;
+}
+
+.navigation input[type=submit] {
+ background: none;
+ border: 0;
+ filter: none;
+ margin: 0;
+ padding: .8em .5em;
+
+ border-radius: 0;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+}
+
+.navigation input[type=submit]:hover,
+.navigation input.edit_mode_active {
+ color: #fff;
+ cursor: pointer;
+ text-shadow: none;
+
+ <?php echo $_SESSION['PMA_Theme']->getCssGradient('333333', '555555'); ?>
+}
+
+.navigation select {
+ margin: 0 .8em;
+}
+
+.cEdit {
+ margin: 0;
+ padding: 0;
+ position: absolute;
+}
+
+.cEdit input[type=text] {
+ background: #FFF;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+}
+
+.cEdit .edit_area {
+ background: #FFF;
+ border: 1px solid #999;
+ min-width: 10em;
+ padding: .3em .5em;
+}
+
+.cEdit .edit_area select,
+.cEdit .edit_area textarea {
+ width: 97%;
+}
+
+.cEdit .cell_edit_hint {
+ color: #555;
+ font-size: .8em;
+ margin: .3em .2em;
+}
+
+.cEdit .edit_box {
+ overflow: hidden;
+ padding: 0;
+}
+
+.cEdit .edit_box_posting {
+ background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat right center;
+ padding-<?php echo $right; ?>: 1.5em;
+}
+
+.cEdit .edit_area_loading {
+ background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat center;
+ height: 10em;
+}
+
+.cEdit .goto_link {
+ background: #EEE;
+ color: #555;
+ padding: .2em .3em;
+}
+
+.saving_edited_data {
+ background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat left;
+ padding-<?php echo $left; ?>: 20px;
+}
+
+/* css for timepicker */
+.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
+.ui-timepicker-div dl { text-align: <?php echo $left; ?>; }
+.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
+.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
+.ui-timepicker-div td { font-size: 90%; }
+.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
+.ui-timepicker-rtl { direction: rtl; }
+.ui-timepicker-rtl dl { text-align: right; }
+.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
+
+input.btn {
+ color: #333;
+ background-color: #D0DCE0;
+}
+
+body .ui-widget {
+ font-size: 1em;
+}
+
+.ui-dialog fieldset legend a {
+ color: #235A81;
+}
+
+/* over-riding jqplot-yaxis class */
+.jqplot-yaxis {
+ left:0px !important;
+ min-width:25px;
+ width:auto;
+}
+.jqplot-axis {
+ overflow:hidden;
+}
generated by cgit v1.0-28-g1787 at 2026-01-09 07:57:07 +0000