Viewing file: common.css.php (50.31 KB) -rw-rw-rw- Select action/file-type: (+) | (+) | (+) | Code (+) | Session (+) | (+) | SDB (+) | (+) | (+) | (+) | (+) | (+) |
<?php /* vim: set expandtab sw=4 ts=4 sts=4: */ /** * Common styles for the original theme * * @package PhpMyAdmin-theme * @subpackage Original */
// 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: <?php echo $GLOBALS['cfg']['MainColor']; ?>; background: <?php echo $GLOBALS['cfg']['MainBackground']; ?>; }
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: 120%; font-weight: bold; }
h3 { font-weight: bold; }
a, a:link, a:visited, a:active, button.mult_submit, .checkall_box+label { text-decoration: none; color: #0000FF; cursor: pointer; }
a:hover, button.mult_submit:hover, button.mult_submit:focus, .checkall_box+label:hover { text-decoration: underline; color: #FF0000; }
dfn { font-style: normal; }
dfn:hover { font-style: normal; cursor: help; }
th { font-weight: bold; color: <?php echo $GLOBALS['cfg']['ThColor']; ?>; background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>; }
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; }
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: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px; padding: 0.5em; background: <?php echo $GLOBALS['cfg']['BgOne']; ?>; }
fieldset fieldset { margin: 0.8em; }
fieldset legend { font-weight: bold; color: #444444; background-color: <?php echo 'OPERA' != PMA_USR_BROWSER_AGENT ? 'transparent' : $GLOBALS['cfg']['BgOne']; ?>; }
.some-margin { margin: .5em; margin-top: 1em; }
/* buttons in some browsers (eg. Konqueror) are block elements, this breaks design */ button { display: inline; }
table caption, table th, table td { padding: 0.1em 0.5em 0.1em 0.5em; margin: 0.1em; vertical-align: top; }
img, input, select, button { vertical-align: middle; }
/******************************************************************************/ /* classes */ .clearfloat { clear: both; }
.floatleft { float: <?php echo $left; ?>; margin-<?php echo $right; ?>: 1em; }
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.vtop, td.vtop { vertical-align: top; }
tr.vmiddle, th.vmiddle, td.vmiddle { vertical-align: middle; }
tr.vbottom, th.vbottom, td.vbottom { vertical-align: bottom; }
.paddingtop { padding-top: 1em; }
div.tools { border: 1px solid #000000; padding: 0.2em; }
div.tools, fieldset.tblFooters { margin-top: 0; margin-bottom: 0.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; }
div.null_div { height: 20px; text-align: center; font-style:normal; min-width:50px; }
fieldset .formelement { float: <?php echo $left; ?>; margin-<?php echo $right; ?>: 0.5em; /* IE */ white-space: nowrap; }
@media all and (min-width: 1600px) { fieldset .formelement { clear: none; } #relationalTable td:first-child + td { width: 25%; } #relationalTable td:first-child + td select { width: 32%; margin-right: 1%; } #relationalTable { width: 100%; }
}
/* 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: <?php echo $GLOBALS['cfg']['BgOne']; ?>; }
/* even items 2,4,6,8,... */ table tr.even th, .even { background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>; }
/* 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 { background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>; color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>; } <?php } ?>
<?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?> /* hovered items */ .odd:hover, .even:hover, .hover { background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>; color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>; }
/* hovered table rows */ table tr.odd:hover th, table tr.even:hover th, table tr.hover th { background: <?php echo $GLOBALS['cfg']['BrowsePointerBackground']; ?>; color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>; } <?php } ?>
/** * marks table rows/cells if the db field is in a where condition */ td.condition, th.condition { border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>; }
/** * 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: #FFFFFF; display: none; border: 1px solid #000000; position: relative; }
.pdflayout_table { background: #D3DCE3; color: #000000; overflow: hidden; clip: inherit; z-index: 2; display: inline; visibility: inherit; cursor: move; position: absolute; font-size: 80%; border: 1px dashed #000000; }
/* Doc links in SQL */ .cm-sql-doc { text-decoration: none; border-bottom: 1px dotted #000; color: inherit !important; }
/* leave some space between icons and text */ .icon { vertical-align: middle; margin-<?php echo $left; ?>: 0.3em; }
/* no extra space in table cells */ td .icon { margin: 0; }
.selectallarrow { margin-<?php echo $right; ?>: 0.3em; margin-<?php echo $left; ?>: 0.6em; }
/* message boxes: error, confirmation */ #pma_errors, #pma_demo { 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 0.2em 0; }
div.success, div.notice, div.error { margin: 0.3em 0 0 0; border: 2px solid; background-repeat: no-repeat; <?php if ($GLOBALS['text_dir'] === 'ltr') { ?> background-position: 10px 50%; padding: 0.1em 0.1em 0.1em 36px; <?php } else { ?> background-position: 99% 50%; padding: 0.1em 46px 0.1em 0.1em; <?php } ?> }
.success { color: #000000; background-color: #f0fff0; } h1.success, div.success { border-color: #00FF00; } .success h1 { border-color: #00FF00; }
.notice { color: #000000; background-color: #FFFFDD; } h1.notice, div.notice { border-color: #FFD700; } .notice h1 { border-color: #FFD700; }
.error { background-color: #FFFFCC; color: #ff0000; }
h1.error, div.error { border-color: #ff0000; } div.error h1 { border-color: #ff0000; }
.confirmation { background-color: #FFFFCC; } fieldset.confirmation { border: 0.1em solid #FF0000; } fieldset.confirmation legend { border-left: 0.1em solid #FF0000; border-right: 0.1em solid #FF0000; font-weight: bold; background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('s_really.png');?>); background-repeat: no-repeat; <?php if ($GLOBALS['text_dir'] === 'ltr') { ?> background-position: 5px 50%; padding: 0.2em 0.2em 0.2em 25px; <?php } else { ?> background-position: 97% 50%; padding: 0.2em 25px 0.2em 0.2em; <?php } ?> } /* 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 privilegs */ .noPrivileges { color: #FF0000; font-weight: bold; }
/* disabled text */ .disabled, .disabled a:link, .disabled a:active, .disabled a:visited { color: #666666; }
.disabled a:hover { color: #666666; text-decoration: none; }
tr.disabled td, td.disabled { background-color: #cccccc; }
.nowrap { white-space: nowrap; }
/** * zoom search */ div#resizer { width: 600px; height: 400px; } div#querychart { float: left; width: 600px; }
/** * 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 black; }
.column_attribute { font-size: 70%; }
/******************************************************************************/ /* specific elements */
/* topmenu */ ul#topmenu, ul#topmenu2, ul.tabs { font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#topmenu2 { margin: 0.25em 0.5em 0; height: 2em; clear: both; }
ul#topmenu li, ul#topmenu2 li { float: <?php echo $left; ?>; margin: 0; padding: 0; vertical-align: middle; }
#topmenu img, #topmenu2 img { vertical-align: middle; margin-<?php echo $right; ?>: 0.1em; }
/* default tab styles */ ul#topmenu a, ul#topmenu span { display: block; margin: 2px 2px 0; padding: 2px 2px 0; white-space: nowrap; }
ul#topmenu2 a { display: block; margin: 0.1em; padding: 0.2em; white-space: nowrap; }
fieldset.caution a { color: #FF0000; } fieldset.caution a:hover { color: #ffffff; background-color: #FF0000; }
#topmenu { margin-top: 0.5em; padding: 0.1em 0.3em 0.1em 0.3em; }
ul#topmenu ul { -moz-box-shadow: 2px 2px 3px #666; -webkit-box-shadow: 2px 2px 3px #666; box-shadow: 2px 2px 3px #666; }
ul#topmenu > li { border-bottom: 1pt solid black; }
/* default tab styles */ ul#topmenu a, ul#topmenu span { background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>; border: 0 solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>; border-width: 1pt 1pt 0 1pt; -moz-border-radius: 0.4em 0.4em 0 0; border-radius: 0.4em 0.4em 0 0; }
ul#topmenu ul a { border-width: 1pt 0 0 0; -moz-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 { margin: 0; padding: 2px 4px; 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']; ?>; -moz-border-radius: 0.3em; border-radius: 0.3em; text-decoration: none; }
/* to be able to cancel the bottom border, use <li class="active"> */ ul#topmenu > li.active { border-bottom: 1pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; } /* end topmenu */
/* zoom search */ div#dataDisplay input, div#dataDisplay select { margin: 0; margin-<?php echo $right; ?>: 0.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-top: 0.5em; margin-bottom: 0.5em; margin-<?php echo $right; ?>: 0.5em; min-width: 16em; } /* end table stats */
/* server privileges */ #tableuserrights td, #tablespecificuserrights td, #tabledatabases td { vertical-align: middle; } /* end server privileges */
/* Heading */ #topmenucontainer { background: white; padding-<?php echo $right; ?>: 1em; width: 100%; }
#serverinfo { background: white; font-weight: bold; padding-bottom: 0.5em; width: 10000px; overflow: hidden; }
#serverinfo .item { white-space: nowrap; }
#goto_pagetop { position: fixed; padding: .1em .3em; top: 0; <?php echo $right; ?>: 0; z-index: 900; background: white; }
#span_table_comment { font-weight: bold; font-style: italic; white-space: nowrap; margin-left: 10px; color: #D6D6D6; text-shadow: none; }
#serverinfo img { margin: 0 0.1em 0 0.2em; }
#textSQLDUMP { width: 95%; height: 95%; font-family: "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: 0.1em solid #000000; padding: 0.5em; }
/* user privileges */ #fieldset_add_user_login div.item { border-bottom: 1px solid silver; padding-bottom: 0.3em; margin-bottom: 0.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; ?>: 0.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; ?>: 0.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; ?>; }
#fieldset_user_group_rights fieldset { float: <?php echo $left; ?>; }
#fieldset_user_global_rights legend input { margin-<?php echo $left; ?>: 2em; } /* end user privileges */
/* serverstatus */
.linkElem:hover { text-decoration: underline; color: #235a81; cursor: pointer; }
h3#serverstatusqueries span { font-size:60%; display:inline; }
img.sortableIcon { float: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; }
div#serverstatus table#serverstatusqueriesdetails { float: <?php echo $left; ?>; }
table#serverstatustraffic { float: <?php echo $left; ?>; } table#serverstatusconnections { float: <?php echo $left; ?>; margin-<?php echo $left; ?>: 30px; }
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 td { padding: 3px; margin: 0; }
table#chartGrid div.monitorChart { background: #EBEBEB; overflow: hidden; border: none; }
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: 1px 1px 6px #ddd; -webkit-box-shadow: 2px 2px 3px #666; box-shadow: 2px 2px 3px #666; background-color:white; z-index: 2; }
div#logTable { padding-top: 10px; clear: both; }
div#logTable table { width:100%; }
.smallIndent { padding-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 { font-weight: bold; color: <?php echo $GLOBALS['cfg']['ThColor']; ?>; background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>; } #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; ?>; }
/* 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 */
/* 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: 850px; height: 370px; float: left; }
#profilingchart .jqplot-highlighter-tooltip{ top: auto !important; left: 11px; bottom:24px; }
#profilesummarytable th.header, #profiletable th.header{ cursor: pointer; }
#profilesummarytable th.header .sorticon, #profiletable th.header .sorticon{ width: 16px; height: 16px; background-repeat: no-repeat; background-position: right center; display: inline-block; vertical-align: middle; float: right; }
#profilesummarytable th.headerSortUp .sorticon, #profiletable th.headerSortUp .sorticon{ background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('s_desc.png');?>); }
#profilesummarytable th.headerSortDown .sorticon, #profiletable th.headerSortDown .sorticon{ background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('s_asc.png');?>); }
/* end profiling */
/* querybox */
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%; /* height: 12em; */ }
textarea#sqlquery { width: 100%; /* height: 100%; */ } 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: 0.2em 0em; }
#full_name_layer { position: absolute; padding: 2px; margin-top: -3px; z-index: 801;
border: solid 1px #888; background: #fff;
} /* 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-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; ?>; }
#div_mysql_charset_collations table th, #div_mysql_charset_collations table td { padding: 0.4em; }
#div_mysql_charset_collations table th#collationHeader { width: 35%; }
.operations_half_width { width: 48%; float: <?php echo $left; ?>; } .operations_half_width input[type=text], .operations_half_width input[type=password], .operations_half_width input[type=number], .operations_half_width select { width: 95%; } .operations_half_width input[type=text].halfWidth, .operations_half_width input[type=password].halfWidth, .operations_half_width input[type=number].halfWidth, .operations_half_width select.halfWidth { width: 40%; } .operations_half_width ul { list-style-type: none; padding: 0; } .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: 0.3em; margin-top: 0; margin-bottom: 0; max-height: 10em; overflow: auto; }
#result_query div.sqlOuter, div.sqlvalidate { border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px; border-top: 0; border-bottom: 0; background: <?php echo $GLOBALS['cfg']['BgOne']; ?>; }
#PMA_slidingMessage code.sql { border: <?php echo $GLOBALS['cfg']['MainColor']; ?> solid 1px; border-top: 0; background: <?php echo $GLOBALS['cfg']['BgOne']; ?>; }
#main_pane_left { width: 60%; min-width: 260px; float: <?php echo $left; ?>; padding-top: 1em; }
#main_pane_right { overflow: hidden; min-width: 160px; padding-top: 1em; padding-<?php echo $left; ?>: 1em; }
.group { border-<?php echo $left; ?>: 0.3em solid <?php echo $GLOBALS['cfg']['ThBackground']; ?>; margin-bottom: 1em; }
.group h2 { background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>; padding: 0.1em 0.3em; margin-top: 0; }
.group-cnt { padding: 0 0 0 0.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-type: none; padding: 0; }
/** * 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; left: 0; width: 202px; }
div.upload_progress_bar_inner div.percentage { top: -1px; left: -1px; }
div#statustext { margin-top: .5em; }
table#serverconnection_src_remote, table#serverconnection_trg_remote, table#serverconnection_src_local, table#serverconnection_trg_local { float: left; } /** * Validation error message styles */ input[type=text].invalid_value, input[type=password].invalid_value, input[type=number].invalid_value, input[type=date].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-left: auto; padding: 3px 5px; /** Keep a little space on the sides of the text */ width: 350px; background-color: #FFD700; 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: block; left: 0; right: 0; background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>); background-repeat: no-repeat; background-position: 2%; }
#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 #999999 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: left; width: 15em; }
.exportoptions, .importoptions { margin: 20px 30px 30px 10px }
.format_specific_options h3 { margin: 10px 0 0 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 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; }
#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; left: 0; background: #000; z-index: 1000; overflow: hidden; }
/** * Create table styles */ #create_table_form table.table-name td { vertical-align: middle; }
/** * 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.5em; /* same as padding of "table td" */ } #fieldsForm ul.table-structure-actions .submenu li { padding: 0.3em; margin: 0.1em; } #structure-action-links a { margin-<?php echo $right; ?>: 1em; } #addColumns input[type="radio"] { margin: 0; margin-<?php echo $left; ?>: 1em; } #addColumns input[type="submit"] { margin-<?php echo $left; ?>: 1em; } .margin#change_column_dialog { margin: 0 .5em; }
/** * Indexes */ #index_frm .index_info input, #index_frm .index_info select { width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#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; }
/* config forms */ .config-form ul.tabs { margin: 1.1em 0.2em 0; padding: 0 0 0.3em 0; list-style: none; font-weight: bold; }
.config-form ul.tabs li { float: <?php echo $left; ?>; }
.config-form ul.tabs li a { display: block; margin: 0.1em 0.2em 0; padding: 0.1em 0.4em; white-space: nowrap; text-decoration: none; border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>; border-bottom: none; }
.config-form ul.tabs li a:hover, .config-form ul.tabs li a:active, .config-form ul.tabs li a.active { margin: 0; padding: 0.1em 0.6em 0.2em; }
.config-form ul.tabs li.active a { background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>; }
.config-form fieldset { margin-top: 0; padding: 0; clear: both; /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/ }
.config-form legend { display: none; }
.config-form fieldset p { margin: 0; padding: 0.5em; background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>; }
.config-form fieldset .errors { /* form error list */ margin: 0 -2px 1em -2px; 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 0; padding: 0; list-style: none; color: #9A0000; font-size: small; }
.config-form fieldset th { padding: .3em .3em .3em .5em; text-align: left; vertical-align: top; width: 40%; background: transparent; }
.config-form fieldset .doc, .config-form fieldset .disabled-notice { margin-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; }
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-left: 1.5em; }
fieldset .group-field-2 th, fieldset .group-header-3 th { padding-left: 3em; }
fieldset .group-field-3 th { padding-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 input[type="password"], .config-form input[type="number"], .config-form select, .config-form textarea { border: 1px #A7A6AA solid; height: auto; }
.config-form input[type="text"]:focus, .config-form input[type="password"]:focus, .config-form input[type="number"]: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 0.2em; font-weight: bold; font-style: italic; }
.config-form .field-comment-warning { color: #A00; }
/* error list */ .config-form dd { margin-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: 0.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; } .toggleButton table, .toggleButton td, .toggleButton img { padding: 0; position: relative; } .toggleButton .container { position: absolute; } .toggleButton .toggleOn { color: #fff; padding: 0 1em; } .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; ?>: 0.5em; } .doubleFieldset div.wrap { padding: 0.5em; }
#table_columns input[type="text"], #table_columns input[type="password"], #table_columns input[type="number"], #table_columns input[type="date"], #table_columns select { width: 10em; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#placeholder { position: relative; border: 1px solid #aaa; float: 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-left: -5px; position: absolute; width: 5px; }
.colborder_active { border-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; }
.draggable { cursor: move; }
.cCpy { background: #000; color: #FFF; font-weight: bold; margin: 0.1em; padding: 0.3em; position: absolute; }
.cPointer { background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('col_pointer.png');?>); height: 20px; margin-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; }
.data_full_width { width: 100%; }
.cDrop { left: 0; position: absolute; top: 0; }
.coldrop { background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('col_drop.png');?>); cursor: pointer; height: 16px; margin-left: 0.5em; margin-top: 0.3em; position: absolute; width: 16px; }
.coldrop:hover, .coldrop-hover { background-color: #999; }
.cList { background: #EEE; border: solid 1px #999; position: absolute; }
.cList .lDiv div { padding: .2em .5em .2em .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; }
.navigation { background: #E5E5E5; border: 1px solid black; margin: 0.8em 0; }
.navigation td { margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; }
.navigation_separator { color: #555; display: inline-block; text-align: center; width: 1.2em; text-shadow: 1px 0 #FFF; }
.navigation input[type=submit] { background: none; border: 0; margin: 0; padding: 0.3em 0.5em; min-width: 1.5em; font-weight: bold; }
.navigation input[type=submit]:hover, .navigation input.edit_mode_active { background: #333; color: white; cursor: pointer; }
.navigation select { margin: 0 .8em; }
.cEdit { margin: 0; padding: 0; position: absolute; }
.cEdit input[type=text], .cEdit input[type=password], .cEdit input[type=number] { 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-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 .edit_area_right { position: absolute; right: 0; }
.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-left: 20px; }
/* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; } .ui-timepicker-div dl dd { margin: -25px 0 10px 85px; } .ui-timepicker-div td { font-size: 90%; }
input.btn { color: #333; background-color: #D0DCE0; }
body .ui-widget { font-size: 1em; }
.ui-dialog fieldset legend a { color: #0000FF; }
/* jqPlot */
/*rules for the plot target div. These will be cascaded down to all plot elements according to css rules*/ .jqplot-target { position: relative; color: #222222; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; /* height: 300px; width: 400px;*/ }
/*rules applied to all axes*/ .jqplot-axis { font-size: 0.75em; }
.jqplot-xaxis { margin-top: 10px; }
.jqplot-x2axis { margin-bottom: 10px; }
.jqplot-yaxis { margin-right: 10px; }
.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis { margin-left: 10px; margin-right: 10px; }
/*rules applied to all axis tick divs*/ .jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick { position: absolute; white-space: pre; }
.jqplot-xaxis-tick { top: 0px; /* initial position untill tick is drawn in proper place */ left: 15px; /* padding-top: 10px;*/ vertical-align: top; }
.jqplot-x2axis-tick { bottom: 0px; /* initial position untill tick is drawn in proper place */ left: 15px; /* padding-bottom: 10px;*/ vertical-align: bottom; }
.jqplot-yaxis-tick { right: 0px; /* initial position untill tick is drawn in proper place */ top: 15px; /* padding-right: 10px;*/ text-align: right; }
.jqplot-yaxis-tick.jqplot-breakTick { right: -20px; margin-right: 0px; padding:1px 5px 1px 5px; /* background-color: white;*/ z-index: 2; font-size: 1.5em; }
.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick { left: 0px; /* initial position untill tick is drawn in proper place */ top: 15px; /* padding-left: 10px;*/ /* padding-right: 15px;*/ text-align: left; }
.jqplot-yMidAxis-tick { text-align: center; white-space: nowrap; }
.jqplot-xaxis-label { margin-top: 10px; font-size: 11pt; position: absolute; }
.jqplot-x2axis-label { margin-bottom: 10px; font-size: 11pt; position: absolute; }
.jqplot-yaxis-label { margin-right: 10px; /* text-align: center;*/ font-size: 11pt; position: absolute; }
.jqplot-yMidAxis-label { font-size: 11pt; position: absolute; }
.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label { /* text-align: center;*/ font-size: 11pt; margin-left: 10px; position: absolute; }
.jqplot-meterGauge-tick { font-size: 0.75em; color: #999999; }
.jqplot-meterGauge-label { font-size: 1em; color: #999999; }
table.jqplot-table-legend { margin-top: 12px; margin-bottom: 12px; margin-left: 12px; margin-right: 12px; }
table.jqplot-table-legend, table.jqplot-cursor-legend { background-color: rgba(255,255,255,0.6); border: 1px solid #cccccc; position: absolute; font-size: 0.75em; }
td.jqplot-table-legend { vertical-align:middle; }
/* These rules could be used instead of assigning element styles and relying on js object properties. */
/* td.jqplot-table-legend-swatch { padding-top: 0.5em; text-align: center; }
tr.jqplot-table-legend:first td.jqplot-table-legend-swatch { padding-top: 0px; } */
td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active { cursor: pointer; }
.jqplot-table-legend .jqplot-series-hidden { text-decoration: line-through; }
div.jqplot-table-legend-swatch-outline { border: 1px solid #cccccc; padding:1px; }
div.jqplot-table-legend-swatch { width:0px; height:0px; border-top-width: 5px; border-bottom-width: 5px; border-left-width: 6px; border-right-width: 6px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; }
.jqplot-title { top: 0px; left: 0px; padding-bottom: 0.5em; font-size: 1.2em; }
table.jqplot-cursor-tooltip { border: 1px solid #cccccc; font-size: 0.75em; }
.jqplot-cursor-tooltip { border: 1px solid #cccccc; font-size: 0.75em; white-space: nowrap; background: rgba(208,208,208,0.5); padding: 1px; }
.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip { border: 1px solid #cccccc; font-size: 0.75em; white-space: nowrap; background: rgba(208,208,208,0.5); padding: 1px; }
.jqplot-point-label { font-size: 0.75em; z-index: 2; }
td.jqplot-cursor-legend-swatch { vertical-align: middle; text-align: center; }
div.jqplot-cursor-legend-swatch { width: 1.2em; height: 0.7em; }
.jqplot-error { /* Styles added to the plot target container when there is an error go here.*/ text-align: center; }
.jqplot-error-message { /* Styling of the custom error message div goes here.*/ position: relative; top: 46%; display: inline-block; }
div.jqplot-bubble-label { font-size: 0.8em; /* background: rgba(90%, 90%, 90%, 0.15);*/ padding-left: 2px; padding-right: 2px; color: rgb(20%, 20%, 20%); }
div.jqplot-bubble-label.jqplot-bubble-label-highlight { background: rgba(90%, 90%, 90%, 0.7); }
div.jqplot-noData-container { text-align: center; background-color: rgba(96%, 96%, 96%, 0.3); }
#relationalTable select { width: 125px; margin-right: 5px; }
.report-data { height:13em; overflow:scroll; width:570px; border: solid 1px; background: white; padding: 2px; }
.report-description { height:10em; width:570px; }
div#page_content div#tableslistcontainer table.data { border-top: 0.1px solid #EEEEEE; }
div#page_content form#db_search_form.ajax fieldset { margin-top: -0.3em; }
div#page_content div#tableslistcontainer, div#page_content div.notice, div#page_content div#result_query { margin-top: 1em; }
|