Split CSS into overridable files

This commit is contained in:
Rouslan Placella 2012-05-18 22:47:36 +01:00
parent e8ef26f7fb
commit 343d3fbf71
9 changed files with 1267 additions and 1862 deletions

View File

@ -15,9 +15,6 @@ if (! defined('PHPMYADMIN')) {
* @todo add the possibility to make a theme depend on another theme
* and by default on original
* @todo make all components optional - get missing components from 'parent' theme
* @todo make css optionally replacing 'parent' css or extending it
* (by appending at the end)
* @todo add an optional global css file - which will be used for both frames
*
* @package PhpMyAdmin
*/
@ -67,10 +64,23 @@ class PMA_Theme
*/
var $filesize_info = 0;
/**
* @var array List of css files to load
* @access private
*/
private $css_files = array(
'common',
'enum_editor',
'gis',
'navigation',
'pmd',
'rte'
);
/**
* Loads theme information
*
* @return boolean whether loading them info was successful or not *
* @return boolean whether loading them info was successful or not
* @access public
*/
function loadInfo()
@ -307,14 +317,10 @@ class PMA_Theme
*/
function loadCss()
{
$success = true;
echo PMA_SQP_buildCssData();
$_css_file = $this->getPath() . '/css/style.css.php';
if (! is_readable($_css_file)) {
return false;
}
if ($GLOBALS['text_dir'] === 'ltr') {
$right = 'right';
$left = 'left';
@ -323,7 +329,20 @@ class PMA_Theme
$left = 'right';
}
include $_css_file;
foreach ($this->css_files as $file) {
$path = $this->getPath() . "/css/$file.css.php";
$fallback = PMA_Theme_Manager::FALLBACK_THEME . "/css/$file.css.php";
if (is_readable($path)) {
echo "\n/* FILE: $file.css.php */\n";
include $path;
} else if (is_readable($fallback)) {
echo "\n/* FILE: $file.css.php */\n";
include $fallback;
} else {
$success = false;
}
}
$_sprites_data_file = $this->getPath() . '/sprites.lib.php';
$_sprites_css_file = './themes/sprites.css.php';
@ -332,7 +351,7 @@ class PMA_Theme
include $_sprites_css_file;
}
return true;
return $success;
}
/**

View File

@ -1,14 +1,14 @@
<?php
/* vim: set expandtab sw=4 ts=4 sts=4: */
/**
* main css file from theme Original
* Common styles for the original theme
*
* @package PhpMyAdmin-theme
* @subpackage Original
*/
// unplanned execution path
if (!defined('PMA_MINIMUM_COMMON') && !defined('TESTSUITE')) {
if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
exit();
}
?>
@ -1659,44 +1659,6 @@ input#input_import_file {
margin: 5px 0 5px 0;
}
/**
* GIS data editor styles
*/
a.close_gis_editor {
float: right;
}
#gis_editor {
display: none;
position: fixed;
_position: absolute; /* hack for IE */
z-index: 1001;
overflow-y: auto;
overflow-x: hidden;
}
#gis_data {
min-height: 230px;
}
#gis_data_textarea {
height: 6em;
}
#gis_data_editor {
background: #D0DCE0;
padding: 15px;
min-height: 500px;
}
#gis_data_editor .choice {
display: none;
}
#gis_data_editor input[type="text"] {
width: 75px;
}
#popup_background {
display: none;
position: fixed;
@ -1710,86 +1672,6 @@ a.close_gis_editor {
overflow: hidden;
}
/**
* ENUM/SET editor styles
*/
p.enum_notice {
margin: 5px 2px;
font-size: 80%;
}
fieldset.enum_editor_no_js {
width: 40em;
padding: 1em;
}
hr.enum_editor_no_js {
background-color: #aaa;
}
#enum_editor p {
font-style:italic;
}
#enum_editor .values, #enum_editor .add, .enum_editor_no_js #values {
width: 100%;
}
#enum_editor .add td {
vertical-align: middle;
width: 50%;
padding: 0 1em;
}
#enum_editor .values td.drop {
width: 2em;
cursor: pointer;
vertical-align: middle;
}
#enum_editor .values input {
margin: 0.1em 0;
padding-right: 2.5em;
width: 100%;
}
#enum_editor .values img {
width: 2em;
vertical-align: middle;
}
#enum_editor input.add_value {
margin: 1em 0;
}
#enum_editor_output textarea,
.enum_editor_no_js input {
width: 100%;
float: right;
margin: 1em 0 0 0;
}
#enum_editor_no_js {
width: 100%;
}
.enum_editor_no_js input.submit {
margin: 1em 0;
}
/**
* ENUM/SET editor integration for the routines editor
*/
.enum_hint {
position: relative;
}
.enum_hint a {
position: absolute;
left: 81%;
bottom: 0.35em;
}
/**
* Create table styles
*/
@ -2109,34 +1991,6 @@ fieldset .disabled-field td {
margin-bottom: .5em;
}
.rte_table {
table-layout: fixed;
}
.rte_table td {
vertical-align: middle;
padding: 0.2em;
}
.rte_table tr td:nth-child(1) {
font-weight: bold;
}
.rte_table input,
.rte_table select,
.rte_table textarea {
width: 100%;
margin: 0;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.rte_table .routine_params_table {
width: 100%;
}
#placeholder .button {
position: absolute;
cursor: pointer;
@ -2258,28 +2112,6 @@ fieldset .disabled-field td {
top: 103px;
}
.gis_table td {
vertical-align: middle;
}
.gis_table select {
min-width: 151px;
}
.gis_table .save {
font-weight: bold;
vertical-align: bottom;
height: 100px;
}
.gis_table .button {
text-align: <?php echo $right; ?>;
}
.gis_table .choice {
display: none;
}
<?php echo $_SESSION['PMA_Theme']->getCssCodeMirror(true); ?>
.colborder {
@ -2535,515 +2367,6 @@ fieldset .disabled-field td {
.ui-timepicker-div dl dd { margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
/* Designer */
.input_tab {
background-color: #A6C7E1;
color: #000;
}
#canvas {
background-color: #fff;
color: #000;
}
canvas.pmd {
display: inline-block;
overflow: hidden;
text-align: left;
}
canvas.pmd * {
behavior: url(#default#VML);
}
.pmd_tab {
background-color: #fff;
color: #000;
border-collapse: collapse;
border: 1px solid #aaa;
z-index: 1;
-moz-user-select: none;
}
.tab_zag {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
background-repeat: repeat-x;
text-align: center;
cursor: move;
padding: 1px;
font-weight: bold;
}
.tab_zag_2 {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
background-repeat: repeat-x;
text-align: center;
cursor: move;
padding: 1px;
font-weight: bold;
}
.tab_field {
background: #fff;
color: #000;
cursor: default;
}
.tab_field_2 {
background-color: #CCFFCC;
color: #000;
background-repeat: repeat-x;
cursor: default;
}
.tab_field_3 {
background-color: #FFE6E6; /*#DDEEFF*/
color: #000;
cursor: default;
}
#pmd_hint {
white-space: nowrap;
position: absolute;
background-color: #99FF99;
color: #000;
left: 200px;
top: 50px;
z-index: 3;
border: #00CC66 solid 1px;
display: none;
}
.scroll_tab {
overflow: auto;
width: 100%;
height: 500px;
}
.pmd_Tabs {
cursor: default;
color: #0055bb;
white-space: nowrap;
text-decoration: none;
text-indent: 3px;
font-weight: bold;
margin-left: 2px;
text-align: left;
background-color: #fff;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/left_panel_butt.png);
border: #ccc solid 1px;
}
.pmd_Tabs2 {
cursor: default;
color: #0055bb;
background: #FFEE99;
text-indent: 3px;
font-weight: bold;
white-space: nowrap;
text-decoration: none;
border: #9999FF solid 1px;
text-align: left;
}
.owner {
font-weight: normal;
color: #888;
}
.option_tab {
padding-left: 2px;
padding-right: 2px;
width: 5px;
}
.select_all {
vertical-align: top;
padding-left: 2px;
padding-right: 2px;
cursor: default;
width: 1px;
color: #000;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
background-repeat: repeat-x;
}
.small_tab {
vertical-align: top;
background-color: #0064ea;
color: #fff;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/small_tab.png);
cursor: default;
text-align: center;
font-weight: bold;
padding-left: 2px;
padding-right: 2px;
width: 1px;
text-decoration: none;
}
.small_tab2 {
vertical-align: top;
color: #fff;
background-color: #FF9966;
cursor: default;
padding-left: 2px;
padding-right: 2px;
text-align: center;
font-weight: bold;
width: 1px;
text-decoration: none;
}
.small_tab_pref {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
background-repeat: repeat-x;
text-align: center;
width: 1px;
}
.small_tab_pref2 {
vertical-align: top;
color: #fff;
background-color: #FF9966;
cursor: default;
text-align: center;
font-weight: bold;
width: 1px;
text-decoration: none;
}
.butt {
border: #4477aa solid 1px;
font-weight: bold;
height: 19px;
width: 70px;
background-color: #fff;
color: #000;
vertical-align: baseline;
}
.L_butt2_1 {
padding: 1px;
text-decoration: none;
background-color: #fff;
color: #000;
vertical-align: middle;
cursor: default;
}
.L_butt2_2 {
padding: 0;
border: #0099CC solid 1px;
background: #FFEE99;
text-decoration: none;
color: #000;
cursor: default;
}
/* ---------------------------------------------------------------------------*/
.bor {
width: 10px;
height: 10px;
}
.frams1 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/1.png) no-repeat right bottom;
}
.frams2 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/2.png) no-repeat left bottom;
}
.frams3 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/3.png) no-repeat left top;
}
.frams4 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/4.png) no-repeat right top;
}
.frams5 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/5.png) repeat-x center bottom;
}
.frams6 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/6.png) repeat-y left;
}
.frams7 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/7.png) repeat-x top;
}
.frams8 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/8.png) repeat-y right;
}
#osn_tab {
background-color: #fff;
color: #000;
border: #A9A9A9 solid 1px;
}
.pmd_header {
background-color: #EAEEF0;
color: #000;
text-align: center;
font-weight: bold;
margin: 0;
padding: 0;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/top_panel.png);
background-position: top;
background-repeat: repeat-x;
border-right: #999 solid 1px;
border-left: #999 solid 1px;
height: 28px;
}
.pmd_header a {
display: block;
float: left;
margin: 3px 1px 4px 1px;
height: 20px;
border: 1px dotted #fff;
}
.pmd_header .M_bord {
display: block;
float: left;
margin: 4px;
height: 20px;
width: 2px;
}
.pmd_header a.first {
margin-right: 1em;
}
.pmd_header a.last {
margin-left: 1em;
}
a.M_butt_Selected_down_IE,
a.M_butt_Selected_down {
border: 1px solid #C0C0BB;
background-color: #99FF99;
color: #000;
}
a.M_butt_Selected_down_IE:hover,
a.M_butt_Selected_down:hover,
a.M_butt:hover {
border: 1px solid #0099CC;
background-color: #FFEE99;
color: #000;
}
#layer_menu {
z-index: 1000;
position: absolute;
left: 0;
background-color: #EAEEF0;
border: #999 solid 1px;
}
#layer_upd_relation {
position: absolute;
left: 637px;
top: 224px;
z-index: 1000;
}
#layer_new_relation {
position: absolute;
left: 636px;
top: 85px;
z-index: 1000;
width: 153px;
}
#pmd_optionse {
position: absolute;
left: 636px;
top: 85px;
z-index: 1000;
width: 153px;
}
#layer_menu_sizer {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/resize.png);
cursor: nw-resize;
width: 16px;
height: 16px;
}
.panel {
position: fixed;
top: 50px;
right: 0;
display: none;
background: #FFF;
border: 1px solid #F5F5F5;
width: 350 px;
height: auto;
padding: 30px 170px 30px 30px;
color: #FFF;
z-index: 99;
}
a.trigger {
position: fixed;
text-decoration: none;
top: 60px; right: 0;
color: #fff;
padding: 10px 40px 10px 15px;
background: #333 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
border: 1px solid #444;
display: block;
}
a.trigger:hover {
position: fixed;
text-decoration: none;
top: 60px; right: 0;
color: #080808;
padding: 10px 40px 10px 15px;
background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
border: 1px solid #999;
display: block;
}
a.active.trigger {
background: #222 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
z-index: 999;
}
a.active.trigger:hover {
background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
z-index: 999;
}
h2.tiger {
background-repeat: repeat-x;
padding: 1px;
font-weight: bold;
padding: 50 20 50 20px;
margin: 0 0 5px 0;
width: 250px;
float: left;
color : #333;
text-align: center;
}
h2.tiger a {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
text-align: center;
text-decoration: none;
color : #333;
display: block;
}
h2.tiger a:hover {
color: #000;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
}
h2.active {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
background-repeat: repeat-x;
padding: 1px;
background-position: left bottom;
}
.toggle_container {
margin: 0 0 5px;
padding: 0;
border-top: 1px solid #d6d6d6;
background: #FFF ;
width: 250px;
overflow: hidden;
font-size: 1.2em;
clear: both;
}
.toggle_container .block {
background-color: #DBE4E8;
padding: 40 15 40 15px; /*--Padding of Container--*/
border:1px solid #999;
color: #000;
}
.history_table {
text-align: center;
background-color: #9999CC;
}
.history_table2 {
text-align: center;
background-color: #DBE4E8;
}
#filter {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #CCA;
z-index: 10;
opacity: .5;
filter: alpha(opacity=50);
}
#box {
display: none;
position: absolute;
top: 20%;
left: 30%;
width: 500px;
height: 220px;
padding: 48px;
margin: 0;
border: 1px solid #000;
background-color: #fff;
z-index: 101;
overflow: visible;
}
#boxtitle {
position: absolute;
float: center;
top: 0;
left: 0;
width: 593px;
height: 20px;
padding: 0;
padding-top: 4px;
left-padding: 8px;
margin: 0;
border-bottom: 4px solid #3CF;
background-color: #D0DCE0;
color: black;
font-weight: bold;
padding-left: 2px;
text-align: left;
}
#tblfooter {
background-color: #D3DCE3;
float: right;
padding-top: 10px;
color: black;
font-weight: normal;
}
#foreignkeychk {
align:left;
position:absolute;
cursor:pointer;
}
input.btn {
color: #333;
background-color: #D0DCE0;
@ -3056,224 +2379,3 @@ body .ui-widget {
.ui-dialog fieldset legend a {
color: #0000FF;
}
/******************************************************************************/
/* Navigation */
body#body_leftFrame {
<?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
<?php } ?>
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
margin: 0;
padding: 0.2em 0.2em 0.2em 0.2em;
}
#body_leftFrame ul {
margin:0;
}
#body_leftFrame form {
margin: 0;
padding: 0;
display: inline;
}
#body_leftFrame select#select_server,
#body_leftFrame select#lightm_db {
width: 100%;
}
/******************************************************************************/
/* classes */
/******************************************************************************/
/* specific elements */
#body_leftFrame div#pmalogo {
<?php //better echo $GLOBALS['cfg']['logoBGC']; ?>
background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
padding:.3em;
}
#body_leftFrame div#recentTableList {
text-align: center;
margin-bottom: 0.5em;
}
#body_leftFrame div#recentTableList select {
width: 100%;
}
#body_leftFrame div#pmalogo,
#body_leftFrame div#leftframelinks,
#body_leftFrame div#databaseList {
text-align: center;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
#body_leftFrame ul#databaseList {
margin-bottom: 0.5em;
padding-bottom: 0.5em;
padding-<?php echo $left; ?>: 1.5em;
font-style: italic;
}
#body_leftFrame ul#databaseList a {
display: block;
font-style: normal;
}
#body_leftFrame div#navidbpageselector a,
#body_leftFrame ul#databaseList a {
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
}
#body_leftFrame ul#databaseList ul {
padding-left: 1em;
padding-right: 0;
}
#body_leftFrame ul#databaseList a:hover {
background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
}
#body_leftFrame ul#databaseList li.selected a {
background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
}
#body_leftFrame div#leftframelinks .icon {
padding: 0;
margin: 0;
}
#body_leftFrame div#leftframelinks a img.icon {
margin: 2px;
border: 0.1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
padding: 0;
}
#body_leftFrame div#leftframelinks a:hover img {
background-color: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
}
/* serverlist */
#body_leftFrame #list_server {
list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
list-style-position: inside;
list-style-type: none;
margin: 0;
padding: 0;
}
#body_leftFrame #list_server li {
margin: 0;
padding: 0;
font-size: 80%;
}
#body_leftFrame div#left_tableList ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
font-size: 80%;
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
}
#body_leftFrame div#left_tableList ul ul {
font-size: 100%;
}
#body_leftFrame div#left_tableList a {
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
text-decoration: none;
}
#body_leftFrame div#left_tableList a:hover {
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
text-decoration: underline;
}
#body_leftFrame div#left_tableList li {
margin: 0;
padding: 0;
white-space: nowrap;
}
<?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
/* marked items */
#body_leftFrame div#left_tableList > ul li.marked > a,
#body_leftFrame div#left_tableList > ul li.marked {
background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
}
<?php } ?>
<?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
#body_leftFrame div#left_tableList > ul li:hover > a,
#body_leftFrame div#left_tableList > ul li:hover {
background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
}
<?php } ?>
#body_leftFrame div#left_tableList img {
padding: 0;
vertical-align: middle;
}
#body_leftFrame div#left_tableList ul ul {
margin-<?php echo $left; ?>: 0;
padding-<?php echo $left; ?>: 0.1em;
border-<?php echo $left; ?>: 0.1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
padding-bottom: 0.1em;
border-bottom: 0.1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
}
/* for the servers list in navi panel */
#body_leftFrame #serverinfo .item {
white-space: nowrap;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
}
#body_leftFrame #serverinfo a:hover {
background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
}
#body_leftFrame #NavFilter {
display: none;
}
#body_leftFrame #clear_fast_filter,
#body_leftFrame #clear_fast_db_filter {
background: white;
color: black;
cursor: pointer;
padding: 0;
margin: 3px 5px 0 -23px;
position: relative;
float: right;
}
#body_leftFrame #fast_filter,
#body_leftFrame #fast_db_filter {
width: 100%;
padding: 2px 0;
margin: 0;
border: 0;
}
#body_leftFrame #fast_filter.gray,
#body_leftFrame #fast_db_fiter.gray {
color: gray;
}

View File

@ -0,0 +1,231 @@
<?php
/* vim: set expandtab sw=4 ts=4 sts=4: */
/**
* Navigation styles for the original theme
*
* @package PhpMyAdmin-theme
* @subpackage Original
*/
// unplanned execution path
if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
exit();
}
?>
/******************************************************************************/
/* Navigation */
body#body_leftFrame {
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
margin: 0;
padding: 0.2em;
}
#body_leftFrame ul {
margin: 0;
}
#body_leftFrame form {
margin: 0;
padding: 0;
display: inline;
}
#body_leftFrame select#select_server,
#body_leftFrame select#lightm_db {
width: 100%;
}
/******************************************************************************/
/* classes */
/******************************************************************************/
/* specific elements */
#body_leftFrame div#pmalogo {
<?php //better echo $GLOBALS['cfg']['logoBGC']; ?>
background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
padding:.3em;
}
#body_leftFrame div#recentTableList {
text-align: center;
margin-bottom: 0.5em;
}
#body_leftFrame div#recentTableList select {
width: 100%;
}
#body_leftFrame div#pmalogo,
#body_leftFrame div#leftframelinks,
#body_leftFrame div#databaseList {
text-align: center;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
#body_leftFrame ul#databaseList {
margin-bottom: 0.5em;
padding-bottom: 0.5em;
padding-<?php echo $left; ?>: 1.5em;
font-style: italic;
}
#body_leftFrame ul#databaseList a {
display: block;
font-style: normal;
}
#body_leftFrame div#navidbpageselector a,
#body_leftFrame ul#databaseList a {
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
}
#body_leftFrame ul#databaseList ul {
padding-left: 1em;
padding-right: 0;
}
#body_leftFrame ul#databaseList a:hover {
background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
}
#body_leftFrame ul#databaseList li.selected a {
background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
}
#body_leftFrame div#leftframelinks .icon {
padding: 0;
margin: 0;
}
#body_leftFrame div#leftframelinks a img.icon {
margin: 2px;
border: 0.1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
padding: 0;
}
#body_leftFrame div#leftframelinks a:hover img {
background-color: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
}
/* serverlist */
#body_leftFrame #list_server {
list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
list-style-position: inside;
list-style-type: none;
margin: 0;
padding: 0;
}
#body_leftFrame #list_server li {
margin: 0;
padding: 0;
font-size: 80%;
}
#body_leftFrame div#left_tableList ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
font-size: 80%;
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
}
#body_leftFrame div#left_tableList ul ul {
font-size: 100%;
}
#body_leftFrame div#left_tableList a {
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
text-decoration: none;
}
#body_leftFrame div#left_tableList a:hover {
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
text-decoration: underline;
}
#body_leftFrame div#left_tableList li {
margin: 0;
padding: 0;
white-space: nowrap;
}
<?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
/* marked items */
#body_leftFrame div#left_tableList > ul li.marked > a,
#body_leftFrame div#left_tableList > ul li.marked {
background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
}
<?php } ?>
<?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
#body_leftFrame div#left_tableList > ul li:hover > a,
#body_leftFrame div#left_tableList > ul li:hover {
background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
}
<?php } ?>
#body_leftFrame div#left_tableList img {
padding: 0;
vertical-align: middle;
}
#body_leftFrame div#left_tableList ul ul {
margin-<?php echo $left; ?>: 0;
padding-<?php echo $left; ?>: .1em;
border-<?php echo $left; ?>: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
padding-bottom: .1em;
border-bottom: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
}
/* for the servers list in navi panel */
#body_leftFrame #serverinfo .item {
white-space: nowrap;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
}
#body_leftFrame #serverinfo a:hover {
background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
}
#body_leftFrame #NavFilter {
display: none;
}
#body_leftFrame #clear_fast_filter,
#body_leftFrame #clear_fast_db_filter {
background: white;
color: black;
cursor: pointer;
padding: 0;
margin: 3px 5px 0 -23px;
position: relative;
float: right;
}
#body_leftFrame #fast_filter,
#body_leftFrame #fast_db_filter {
width: 100%;
padding: 2px 0;
margin: 0;
border: 0;
}
#body_leftFrame #fast_filter.gray,
#body_leftFrame #fast_db_fiter.gray {
color: gray;
}

View File

@ -1,14 +1,14 @@
<?php
/* vim: set expandtab sw=4 ts=4 sts=4: */
/**
* main css file from theme pmahomme
* Common styles for the pmahomme theme
*
* @package PhpMyAdmin-theme
* @subpackage PMAHomme
*/
// unplanned execution path
if (!defined('PMA_MINIMUM_COMMON')) {
if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
exit();
}
?>
@ -2102,44 +2102,6 @@ input#input_import_file {
margin: 5px 0 5px 0;
}
/**
* GIS data editor styles
*/
a.close_gis_editor {
float: right;
}
#gis_editor {
display: none;
position: fixed;
_position: absolute; /* hack for IE */
z-index: 1001;
overflow-y: auto;
overflow-x: hidden;
}
#gis_data {
min-height: 230px;
}
#gis_data_textarea {
height: 6em;
}
#gis_data_editor {
background: #D0DCE0;
padding: 15px;
min-height: 500px;
}
#gis_data_editor .choice {
display: none;
}
#gis_data_editor input[type="text"] {
width: 75px;
}
#popup_background {
display: none;
position: fixed;
@ -2153,89 +2115,6 @@ a.close_gis_editor {
overflow: hidden;
}
/**
* ENUM/SET editor styles
*/
p.enum_notice {
margin: 5px 2px;
font-size: 80%;
}
.enum_editor_no_js fieldset {
width: 40em;
}
hr.enum_editor_no_js {
background-color: #aaa;
}
#enum_editor p {
margin-top: 0;
font-style: italic;
}
#enum_editor .values,
#enum_editor .add,
.enum_editor_no_js #values {
width: 100%;
}
#enum_editor .add td {
vertical-align: middle;
width: 50%;
padding: 0 0 0 1em;
}
#enum_editor .values td.drop {
width: 1.8em;
cursor: pointer;
vertical-align: middle;
}
#enum_editor .values input {
margin: .1em 0;
padding-right: 2em;
width: 100%;
}
#enum_editor .values img {
width: 1.8em;
vertical-align: middle;
}
#enum_editor input.add_value {
margin: 0 .4em 0 0;
}
#enum_editor_output textarea,
.enum_editor_no_js input {
width: 100%;
float: right;
margin: 1em 0 0 0;
}
.enum_editor_no_js {
width: 40em;
}
.enum_editor_no_js input.submit {
float: left;
margin: 1em 0;
}
/**
* ENUM/SET editor integration for the routines editor
*/
.enum_hint {
position: relative;
}
.enum_hint a {
position: absolute;
left: 81%;
bottom: .35em;
}
/**
* Table structure styles
*/
@ -2580,34 +2459,6 @@ fieldset .disabled-field td {
margin-bottom: .5em;
}
.rte_table {
table-layout: fixed;
}
.rte_table td {
vertical-align: middle;
padding: 0.2em;
}
.rte_table tr td:nth-child(1) {
font-weight: bold;
}
.rte_table input,
.rte_table select,
.rte_table textarea {
width: 100%;
margin: 0;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.rte_table .routine_params_table {
width: 100%;
}
#placeholder .button {
position: absolute;
cursor: pointer;
@ -2737,30 +2588,6 @@ fieldset .disabled-field td {
top: 103px;
}
.gis_table td {
vertical-align: middle;
}
.gis_table select {
min-width: 160px;
margin: 6px;
}
.gis_table .save {
color: #111;
font-weight: bold;
vertical-align: bottom;
height: 100px;
}
.gis_table .button {
text-align: <?php echo $right; ?>;
}
.gis_table .choice {
display: none;
}
<?php echo $_SESSION['PMA_Theme']->getCssCodeMirror(true); ?>
.colborder {
@ -3031,515 +2858,6 @@ fieldset .disabled-field td {
.ui-timepicker-div dl dd { margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
/* Designer */
.input_tab {
background-color: #A6C7E1;
color: #000;
}
#canvas {
background-color: #fff;
color: #000;
}
canvas.pmd {
display: inline-block;
overflow: hidden;
text-align: left;
}
canvas.pmd * {
behavior: url(#default#VML);
}
.pmd_tab {
background-color: #fff;
color: #000;
border-collapse: collapse;
border: 1px solid #aaa;
z-index: 1;
-moz-user-select: none;
}
.tab_zag {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
background-repeat: repeat-x;
text-align: center;
cursor: move;
padding: 1px;
font-weight: bold;
}
.tab_zag_2 {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
background-repeat: repeat-x;
text-align: center;
cursor: move;
padding: 1px;
font-weight: bold;
}
.tab_field {
background: #fff;
color: #000;
cursor: default;
}
.tab_field_2 {
background-color: #CCFFCC;
color: #000;
background-repeat: repeat-x;
cursor: default;
}
.tab_field_3 {
background-color: #FFE6E6; /*#DDEEFF*/
color: #000;
cursor: default;
}
#pmd_hint {
white-space: nowrap;
position: absolute;
background-color: #99FF99;
color: #000;
left: 200px;
top: 50px;
z-index: 3;
border: #00CC66 solid 1px;
display: none;
}
.scroll_tab {
overflow: auto;
width: 100%;
height: 500px;
}
.pmd_Tabs {
cursor: default;
color: #0055bb;
white-space: nowrap;
text-decoration: none;
text-indent: 3px;
font-weight: bold;
margin-left: 2px;
text-align: left;
background-color: #fff;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/left_panel_butt.png);
border: #ccc solid 1px;
}
.pmd_Tabs2 {
cursor: default;
color: #0055bb;
background: #FFEE99;
text-indent: 3px;
font-weight: bold;
white-space: nowrap;
text-decoration: none;
border: #9999FF solid 1px;
text-align: left;
}
.owner {
font-weight: normal;
color: #888;
}
.option_tab {
padding-left: 2px;
padding-right: 2px;
width: 5px;
}
.select_all {
vertical-align: top;
padding-left: 2px;
padding-right: 2px;
cursor: default;
width: 1px;
color: #000;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
background-repeat: repeat-x;
}
.small_tab {
vertical-align: top;
background-color: #0064ea;
color: #fff;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/small_tab.png);
cursor: default;
text-align: center;
font-weight: bold;
padding-left: 2px;
padding-right: 2px;
width: 1px;
text-decoration: none;
}
.small_tab2 {
vertical-align: top;
color: #fff;
background-color: #FF9966;
cursor: default;
padding-left: 2px;
padding-right: 2px;
text-align: center;
font-weight: bold;
width: 1px;
text-decoration: none;
}
.small_tab_pref {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
background-repeat: repeat-x;
text-align: center;
width: 1px;
}
.small_tab_pref2 {
vertical-align: top;
color: #fff;
background-color: #FF9966;
cursor: default;
text-align: center;
font-weight: bold;
width: 1px;
text-decoration: none;
}
.butt {
border: #4477aa solid 1px;
font-weight: bold;
height: 19px;
width: 70px;
background-color: #fff;
color: #000;
vertical-align: baseline;
}
.L_butt2_1 {
padding: 1px;
text-decoration: none;
background-color: #fff;
color: #000;
vertical-align: middle;
cursor: default;
}
.L_butt2_2 {
padding: 0;
border: #0099CC solid 1px;
background: #FFEE99;
text-decoration: none;
color: #000;
cursor: default;
}
/* ---------------------------------------------------------------------------*/
.bor {
width: 10px;
height: 10px;
}
.frams1 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/1.png) no-repeat right bottom;
}
.frams2 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/2.png) no-repeat left bottom;
}
.frams3 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/3.png) no-repeat left top;
}
.frams4 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/4.png) no-repeat right top;
}
.frams5 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/5.png) repeat-x center bottom;
}
.frams6 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/6.png) repeat-y left;
}
.frams7 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/7.png) repeat-x top;
}
.frams8 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/8.png) repeat-y right;
}
#osn_tab {
background-color: #fff;
color: #000;
border: #A9A9A9 solid 1px;
}
.pmd_header {
background-color: #EAEEF0;
color: #000;
text-align: center;
font-weight: bold;
margin: 0;
padding: 0;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/top_panel.png);
background-position: top;
background-repeat: repeat-x;
border-right: #999 solid 1px;
border-left: #999 solid 1px;
height: 28px;
}
.pmd_header a {
display: block;
float: left;
margin: 3px 1px 4px 1px;
height: 20px;
border: 1px dotted #fff;
}
.pmd_header .M_bord {
display: block;
float: left;
margin: 4px;
height: 20px;
width: 2px;
}
.pmd_header a.first {
margin-right: 1em;
}
.pmd_header a.last {
margin-left: 1em;
}
a.M_butt_Selected_down_IE,
a.M_butt_Selected_down {
border: 1px solid #C0C0BB;
background-color: #99FF99;
color: #000;
}
a.M_butt_Selected_down_IE:hover,
a.M_butt_Selected_down:hover,
a.M_butt:hover {
border: 1px solid #0099CC;
background-color: #FFEE99;
color: #000;
}
#layer_menu {
z-index: 1000;
position: absolute;
left: 0;
background-color: #EAEEF0;
border: #999 solid 1px;
}
#layer_upd_relation {
position: absolute;
left: 637px;
top: 224px;
z-index: 1000;
}
#layer_new_relation {
position: absolute;
left: 636px;
top: 85px;
z-index: 1000;
width: 153px;
}
#pmd_optionse {
position: absolute;
left: 636px;
top: 85px;
z-index: 1000;
width: 153px;
}
#layer_menu_sizer {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/resize.png);
cursor: nw-resize;
width: 16px;
height: 16px;
}
.panel {
position: fixed;
top: 50px;
right: 0;
display: none;
background: #FFF;
border: 1px solid #F5F5F5;
width: 350 px;
height: auto;
padding: 30px 170px 30px 30px;
color: #FFF;
z-index: 99;
}
a.trigger {
position: fixed;
text-decoration: none;
top: 60px; right: 0;
color: #fff;
padding: 10px 40px 10px 15px;
background: #333 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
border: 1px solid #444;
display: block;
}
a.trigger:hover {
position: fixed;
text-decoration: none;
top: 60px; right: 0;
color: #080808;
padding: 10px 40px 10px 15px;
background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
border: 1px solid #999;
display: block;
}
a.active.trigger {
background: #222 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
z-index: 999;
}
a.active.trigger:hover {
background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
z-index: 999;
}
h2.tiger {
background-repeat: repeat-x;
padding: 1px;
font-weight: bold;
padding: 50 20 50 20px;
margin: 0 0 5px 0;
width: 250px;
float: left;
color : #333;
text-align: center;
}
h2.tiger a {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
text-align: center;
text-decoration: none;
color : #333;
display: block;
}
h2.tiger a:hover {
color: #000;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
}
h2.active {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
background-repeat: repeat-x;
padding: 1px;
background-position: left bottom;
}
.toggle_container {
margin: 0 0 5px;
padding: 0;
border-top: 1px solid #d6d6d6;
background: #FFF ;
width: 250px;
overflow: hidden;
font-size: 1.2em;
clear: both;
}
.toggle_container .block {
background-color: #DBE4E8;
padding: 40 15 40 15px; /*--Padding of Container--*/
border:1px solid #999;
color: #000;
}
.history_table {
text-align: center;
background-color: #9999CC;
}
.history_table2 {
text-align: center;
background-color: #DBE4E8;
}
#filter {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #CCA;
z-index: 10;
opacity: .5;
filter: alpha(opacity=50);
}
#box {
display: none;
position: absolute;
top: 20%;
left: 30%;
width: 500px;
height: 220px;
padding: 48px;
margin: 0;
border: 1px solid #000;
background-color: #fff;
z-index: 101;
overflow: visible;
}
#boxtitle {
position: absolute;
float: center;
top: 0;
left: 0;
width: 593px;
height: 20px;
padding: 0;
padding-top: 4px;
left-padding: 8px;
margin: 0;
border-bottom: 4px solid #3CF;
background-color: #D0DCE0;
color: black;
font-weight: bold;
padding-left: 2px;
text-align: left;
}
#tblfooter {
background-color: #D3DCE3;
float: right;
padding-top: 10px;
color: black;
font-weight: normal;
}
#foreignkeychk {
align:left;
position:absolute;
cursor:pointer;
}
input.btn {
color: #333;
background-color: #D0DCE0;
@ -3553,269 +2871,3 @@ body .ui-widget {
color: #235A81;
}
/******************************************************************************/
/* Navigation */
body#body_leftFrame {
background: url(./themes/pmahomme/img/left_nav_bg.png) repeat-y right 0% #f3f3f3;
border-right: 1px solid #aaa;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
margin: 0;
padding: 0;
}
#body_leftFrame ul {
margin: 0;
}
#body_leftFrame form {
margin: 0;
padding: 0;
display: inline;
}
#body_leftFrame select#select_server,
#body_leftFrame select#lightm_db {
width: 100%;
}
/******************************************************************************/
/* classes */
#body_leftFrame .navi_dbName {
font-weight: bold;
color: <?php echo $GLOBALS['cfg']['NaviDatabaseNameColor']; ?>;
}
/******************************************************************************/
/* specific elements */
#body_leftFrame div#pmalogo {
<?php //better echo $GLOBALS['cfg']['logoBGC']; ?>
}
#body_leftFrame div#recentTableList {
text-align: center;
margin: 20px 10px 0px 10px;
}
#body_leftFrame div#recentTableList select {
width: 100%;
}
#body_leftFrame div#pmalogo,
#body_leftFrame div#leftframelinks,
#body_leftFrame div#databaseList {
text-align: center;
margin: 5px 10px 0px 10px;
}
#body_leftFrame ul#databaseList {
margin: .8em 0px;
padding-bottom: .5em;
padding-<?php echo $left; ?>: .3em;
font-style: italic;
}
#body_leftFrame ul#databaseList span {
padding: 5px;
}
#body_leftFrame ul#databaseList a {
color: #333;
background: url(./themes/pmahomme/img/database.png) no-repeat 0 5px transparent;
display: block;
text-indent: 0;
padding: 5px 5px 5px 25px;
font-style: normal;
}
#body_leftFrame div#navidbpageselector {
margin: .1em;
text-align: center;
}
#body_leftFrame div#navidbpageselector a,
#body_leftFrame div#navidbpageselector select{
color: #333;
margin: .2em;
}
#body_leftFrame ul#databaseList ul {
margin: 0;
padding: 0;
}
#body_leftFrame ul#databaseList li {
list-style: none;
text-indent: 20px;
margin: 0;
padding: 0;
}
#body_leftFrame ul#databaseList a:hover {
background-color: #e4e4e4;
}
#body_leftFrame ul#databaseList li.selected a {
background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
}
#body_leftFrame div#leftframelinks .icon {
padding: 0;
margin: 0;
}
#body_leftFrame div#reloadlink a img,
#body_leftFrame div#leftframelinks a img.icon {
margin: .3em;
margin-top: .7em;
border: 0;
}
#body_leftFrame div#leftframelinks a:hover img {
}
/* serverlist */
#body_leftFrame #list_server {
list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
list-style-position: inside;
list-style-type: none;
margin: 0;
padding: 0;
}
#body_leftFrame #list_server li {
margin: 0;
padding: 0;
}
#body_leftFrame div#left_tableList {margin:10px 10px 0 10px;}
#body_leftFrame div#left_tableList ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}
#body_leftFrame div#left_tableList ul ul {
font-size: 100%;
}
#body_leftFrame div#left_tableList a {
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
text-decoration: none;
}
#body_leftFrame div#left_tableList a:hover {
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
text-decoration: underline;
}
#body_leftFrame div#left_tableList li {
margin: 0;
padding: 2px 0;
white-space: nowrap;
}
#body_leftFrame #newtable {
margin-top: 15px !important;
}
#body_leftFrame #newtable a {
display: block;
padding: 1px;
<?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
border: 1px solid #aaa;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
#body_leftFrame #newtable li:hover {
background: transparent !important;
}
#body_leftFrame #newtable a:hover {
<?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
}
#body_leftFrame #newtable li a:hover {
text-decoration: none;
}
<?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
/* marked items */
#body_leftFrame div#left_tableList > ul li.marked > a,
#body_leftFrame div#left_tableList > ul li.marked {
background: #e4e4e4;
color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
}
<?php } ?>
<?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
#body_leftFrame div#left_tableList > ul li:hover > a,
#body_leftFrame div#left_tableList > ul li:hover {
background: #e4e4e4;
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
}
<?php } ?>
#body_leftFrame div#left_tableList img {
padding: 0;
vertical-align: middle;
}
#body_leftFrame div#left_tableList ul ul {
margin-<?php echo $left; ?>: 0;
padding-<?php echo $left; ?>: .1em;
border-<?php echo $left; ?>: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
padding-bottom: .1em;
border-bottom: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
}
/* for the servers list in navi panel */
#body_leftFrame #serverinfo .item {
white-space: nowrap;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
}
#body_leftFrame #serverinfo a:hover {
background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
}
#body_leftFrame #reloadlink {
clear: both;
float: <?php echo $right; ?>;
display: block;
padding: 1em;
}
#body_leftFrame #NavFilter {
display: none;
}
#body_leftFrame #clear_fast_filter,
#body_leftFrame #clear_fast_db_filter {
background: white;
color: black;
cursor: pointer;
padding: 0;
margin: 0;
position: relative;
right: 3ex;
}
#body_leftFrame #fast_filter,
#body_leftFrame #fast_db_filter {
width: 85%;
padding: .1em;
}
#body_leftFrame #fast_filter.gray,
#body_leftFrame #fast_db_filter.gray {
color: gray;
}

View File

@ -0,0 +1,78 @@
<?php
/* vim: set expandtab sw=4 ts=4 sts=4: */
/**
* ENUM editor styles for the pmahomme theme
*
* @package PhpMyAdmin-theme
* @subpackage PMAHomme
*/
// unplanned execution path
if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
exit();
}
?>
/**
* ENUM/SET editor styles
*/
p.enum_notice {
margin: 5px 2px;
font-size: 80%;
}
#enum_editor p {
margin-top: 0;
font-style: italic;
}
#enum_editor .values,
#enum_editor .add {
width: 100%;
}
#enum_editor .add td {
vertical-align: middle;
width: 50%;
padding: 0 0 0 1em;
}
#enum_editor .values td.drop {
width: 1.8em;
cursor: pointer;
vertical-align: middle;
}
#enum_editor .values input {
margin: .1em 0;
padding-right: 2em;
width: 100%;
}
#enum_editor .values img {
width: 1.8em;
vertical-align: middle;
}
#enum_editor input.add_value {
margin: 0 .4em 0 0;
}
#enum_editor_output textarea {
width: 100%;
float: right;
margin: 1em 0 0 0;
}
/**
* ENUM/SET editor integration for the routines editor
*/
.enum_hint {
position: relative;
}
.enum_hint a {
position: absolute;
left: 81%;
bottom: .35em;
}

View File

@ -0,0 +1,76 @@
<?php
/* vim: set expandtab sw=4 ts=4 sts=4: */
/**
* GIS styles for the pmahomme theme
*
* @package PhpMyAdmin-theme
* @subpackage PMAHomme
*/
// unplanned execution path
if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
exit();
}
?>
.gis_table td {
vertical-align: middle;
}
.gis_table select {
min-width: 151px;
margin: 6px;
}
.gis_table .save {
color: #111;
font-weight: bold;
vertical-align: bottom;
height: 100px;
}
.gis_table .button {
text-align: <?php echo $right; ?>;
}
.gis_table .choice {
display: none;
}
/**
* GIS data editor styles
*/
a.close_gis_editor {
float: <?php echo $right; ?>;
}
#gis_editor {
display: none;
position: fixed;
_position: absolute; /* hack for IE */
z-index: 1001;
overflow-y: auto;
overflow-x: hidden;
}
#gis_data {
min-height: 230px;
}
#gis_data_textarea {
height: 6em;
}
#gis_data_editor {
background: #D0DCE0;
padding: 15px;
min-height: 500px;
}
#gis_data_editor .choice {
display: none;
}
#gis_data_editor input[type="text"] {
width: 75px;
}

View File

@ -0,0 +1,281 @@
<?php
/* vim: set expandtab sw=4 ts=4 sts=4: */
/**
* Navigation styles for the pmahomme theme
*
* @package PhpMyAdmin-theme
* @subpackage PMAHomme
*/
// unplanned execution path
if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
exit();
}
?>
/******************************************************************************/
/* Navigation */
body#body_leftFrame {
background: url(./themes/pmahomme/img/left_nav_bg.png) repeat-y right 0% #f3f3f3;
border-right: 1px solid #aaa;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
margin: 0;
padding: 0;
}
#body_leftFrame ul {
margin: 0;
}
#body_leftFrame form {
margin: 0;
padding: 0;
display: inline;
}
#body_leftFrame select#select_server,
#body_leftFrame select#lightm_db {
width: 100%;
}
/******************************************************************************/
/* classes */
#body_leftFrame .navi_dbName {
font-weight: bold;
color: <?php echo $GLOBALS['cfg']['NaviDatabaseNameColor']; ?>;
}
/******************************************************************************/
/* specific elements */
#body_leftFrame div#pmalogo {
<?php //better echo $GLOBALS['cfg']['logoBGC']; ?>
}
#body_leftFrame div#recentTableList {
text-align: center;
margin: 20px 10px 0px 10px;
}
#body_leftFrame div#recentTableList select {
width: 100%;
}
#body_leftFrame div#pmalogo,
#body_leftFrame div#leftframelinks,
#body_leftFrame div#databaseList {
text-align: center;
margin: 5px 10px 0px 10px;
}
#body_leftFrame ul#databaseList {
margin: .8em 0px;
padding-bottom: .5em;
padding-<?php echo $left; ?>: .3em;
font-style: italic;
}
#body_leftFrame ul#databaseList span {
padding: 5px;
}
#body_leftFrame ul#databaseList a {
color: #333;
background: url(./themes/pmahomme/img/database.png) no-repeat 0 5px transparent;
display: block;
text-indent: 0;
padding: 5px 5px 5px 25px;
font-style: normal;
}
#body_leftFrame div#navidbpageselector {
margin: .1em;
text-align: center;
}
#body_leftFrame div#navidbpageselector a,
#body_leftFrame div#navidbpageselector select{
color: #333;
margin: .2em;
}
#body_leftFrame ul#databaseList ul {
margin: 0;
padding: 0;
}
#body_leftFrame ul#databaseList li {
list-style: none;
text-indent: 20px;
margin: 0;
padding: 0;
}
#body_leftFrame ul#databaseList a:hover {
background-color: #e4e4e4;
}
#body_leftFrame ul#databaseList li.selected a {
background: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
}
#body_leftFrame div#leftframelinks .icon {
padding: 0;
margin: 0;
}
#body_leftFrame div#reloadlink a img,
#body_leftFrame div#leftframelinks a img.icon {
margin: .3em;
margin-top: .7em;
border: 0;
}
#body_leftFrame div#leftframelinks a:hover img {
}
/* serverlist */
#body_leftFrame #list_server {
list-style-image: url(<?php echo $GLOBALS['cfg']['ThemePath']; ?>/original/img/s_host.png);
list-style-position: inside;
list-style-type: none;
margin: 0;
padding: 0;
}
#body_leftFrame #list_server li {
margin: 0;
padding: 0;
}
#body_leftFrame div#left_tableList {margin:10px 10px 0 10px;}
#body_leftFrame div#left_tableList ul {
list-style-type: none;
list-style-position: outside;
margin: 0;
padding: 0;
}
#body_leftFrame div#left_tableList ul ul {
font-size: 100%;
}
#body_leftFrame div#left_tableList a {
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
text-decoration: none;
}
#body_leftFrame div#left_tableList a:hover {
background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
text-decoration: underline;
}
#body_leftFrame div#left_tableList li {
margin: 0;
padding: 2px 0;
white-space: nowrap;
}
#body_leftFrame #newtable {
margin-top: 15px !important;
}
#body_leftFrame #newtable a {
display: block;
padding: 1px;
<?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
border: 1px solid #aaa;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
#body_leftFrame #newtable li:hover {
background: transparent !important;
}
#body_leftFrame #newtable a:hover {
<?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
}
#body_leftFrame #newtable li a:hover {
text-decoration: none;
}
<?php if ($GLOBALS['cfg']['BrowseMarkerColor']) { ?>
/* marked items */
#body_leftFrame div#left_tableList > ul li.marked > a,
#body_leftFrame div#left_tableList > ul li.marked {
background: #e4e4e4;
color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
}
<?php } ?>
<?php if ($GLOBALS['cfg']['LeftPointerEnable']) { ?>
#body_leftFrame div#left_tableList > ul li:hover > a,
#body_leftFrame div#left_tableList > ul li:hover {
background: #e4e4e4;
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
}
<?php } ?>
#body_leftFrame div#left_tableList img {
padding: 0;
vertical-align: middle;
}
#body_leftFrame div#left_tableList ul ul {
margin-<?php echo $left; ?>: 0;
padding-<?php echo $left; ?>: .1em;
border-<?php echo $left; ?>: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
padding-bottom: .1em;
border-bottom: .1em solid <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
}
/* for the servers list in navi panel */
#body_leftFrame #serverinfo .item {
white-space: nowrap;
color: <?php echo $GLOBALS['cfg']['NaviColor']; ?>;
}
#body_leftFrame #serverinfo a:hover {
background: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
color: <?php echo $GLOBALS['cfg']['NaviPointerColor']; ?>;
}
#body_leftFrame #reloadlink {
clear: both;
float: <?php echo $right; ?>;
display: block;
padding: 1em;
}
#body_leftFrame #NavFilter {
display: none;
}
#body_leftFrame #clear_fast_filter,
#body_leftFrame #clear_fast_db_filter {
background: white;
color: black;
cursor: pointer;
padding: 0;
margin: 0;
position: relative;
right: 3ex;
}
#body_leftFrame #fast_filter,
#body_leftFrame #fast_db_filter {
width: 85%;
padding: .1em;
}
#body_leftFrame #fast_filter.gray,
#body_leftFrame #fast_db_filter.gray {
color: gray;
}

View File

@ -0,0 +1,523 @@
<?php
/* vim: set expandtab sw=4 ts=4 sts=4: */
/**
* Designer styles for the pmahomme theme
*
* @package PhpMyAdmin-theme
* @subpackage PMAHomme
*/
// unplanned execution path
if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
exit();
}
?>
/* Designer */
.input_tab {
background-color: #A6C7E1;
color: #000;
}
#canvas {
background-color: #fff;
color: #000;
}
canvas.pmd {
display: inline-block;
overflow: hidden;
text-align: left;
}
canvas.pmd * {
behavior: url(#default#VML);
}
.pmd_tab {
background-color: #fff;
color: #000;
border-collapse: collapse;
border: 1px solid #aaa;
z-index: 1;
-moz-user-select: none;
}
.tab_zag {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
background-repeat: repeat-x;
text-align: center;
cursor: move;
padding: 1px;
font-weight: bold;
}
.tab_zag_2 {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
background-repeat: repeat-x;
text-align: center;
cursor: move;
padding: 1px;
font-weight: bold;
}
.tab_field {
background: #fff;
color: #000;
cursor: default;
}
.tab_field_2 {
background-color: #CCFFCC;
color: #000;
background-repeat: repeat-x;
cursor: default;
}
.tab_field_3 {
background-color: #FFE6E6; /*#DDEEFF*/
color: #000;
cursor: default;
}
#pmd_hint {
white-space: nowrap;
position: absolute;
background-color: #99FF99;
color: #000;
left: 200px;
top: 50px;
z-index: 3;
border: #00CC66 solid 1px;
display: none;
}
.scroll_tab {
overflow: auto;
width: 100%;
height: 500px;
}
.pmd_Tabs {
cursor: default;
color: #0055bb;
white-space: nowrap;
text-decoration: none;
text-indent: 3px;
font-weight: bold;
margin-left: 2px;
text-align: left;
background-color: #fff;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/left_panel_butt.png);
border: #ccc solid 1px;
}
.pmd_Tabs2 {
cursor: default;
color: #0055bb;
background: #FFEE99;
text-indent: 3px;
font-weight: bold;
white-space: nowrap;
text-decoration: none;
border: #9999FF solid 1px;
text-align: left;
}
.owner {
font-weight: normal;
color: #888;
}
.option_tab {
padding-left: 2px;
padding-right: 2px;
width: 5px;
}
.select_all {
vertical-align: top;
padding-left: 2px;
padding-right: 2px;
cursor: default;
width: 1px;
color: #000;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
background-repeat: repeat-x;
}
.small_tab {
vertical-align: top;
background-color: #0064ea;
color: #fff;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/small_tab.png);
cursor: default;
text-align: center;
font-weight: bold;
padding-left: 2px;
padding-right: 2px;
width: 1px;
text-decoration: none;
}
.small_tab2 {
vertical-align: top;
color: #fff;
background-color: #FF9966;
cursor: default;
padding-left: 2px;
padding-right: 2px;
text-align: center;
font-weight: bold;
width: 1px;
text-decoration: none;
}
.small_tab_pref {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
background-repeat: repeat-x;
text-align: center;
width: 1px;
}
.small_tab_pref2 {
vertical-align: top;
color: #fff;
background-color: #FF9966;
cursor: default;
text-align: center;
font-weight: bold;
width: 1px;
text-decoration: none;
}
.butt {
border: #4477aa solid 1px;
font-weight: bold;
height: 19px;
width: 70px;
background-color: #fff;
color: #000;
vertical-align: baseline;
}
.L_butt2_1 {
padding: 1px;
text-decoration: none;
background-color: #fff;
color: #000;
vertical-align: middle;
cursor: default;
}
.L_butt2_2 {
padding: 0;
border: #0099CC solid 1px;
background: #FFEE99;
text-decoration: none;
color: #000;
cursor: default;
}
/* ---------------------------------------------------------------------------*/
.bor {
width: 10px;
height: 10px;
}
.frams1 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/1.png) no-repeat right bottom;
}
.frams2 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/2.png) no-repeat left bottom;
}
.frams3 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/3.png) no-repeat left top;
}
.frams4 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/4.png) no-repeat right top;
}
.frams5 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/5.png) repeat-x center bottom;
}
.frams6 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/6.png) repeat-y left;
}
.frams7 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/7.png) repeat-x top;
}
.frams8 {
background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/8.png) repeat-y right;
}
#osn_tab {
background-color: #fff;
color: #000;
border: #A9A9A9 solid 1px;
}
.pmd_header {
background-color: #EAEEF0;
color: #000;
text-align: center;
font-weight: bold;
margin: 0;
padding: 0;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/top_panel.png);
background-position: top;
background-repeat: repeat-x;
border-right: #999 solid 1px;
border-left: #999 solid 1px;
height: 28px;
}
.pmd_header a {
display: block;
float: left;
margin: 3px 1px 4px 1px;
height: 20px;
border: 1px dotted #fff;
}
.pmd_header .M_bord {
display: block;
float: left;
margin: 4px;
height: 20px;
width: 2px;
}
.pmd_header a.first {
margin-right: 1em;
}
.pmd_header a.last {
margin-left: 1em;
}
a.M_butt_Selected_down_IE,
a.M_butt_Selected_down {
border: 1px solid #C0C0BB;
background-color: #99FF99;
color: #000;
}
a.M_butt_Selected_down_IE:hover,
a.M_butt_Selected_down:hover,
a.M_butt:hover {
border: 1px solid #0099CC;
background-color: #FFEE99;
color: #000;
}
#layer_menu {
z-index: 1000;
position: absolute;
left: 0;
background-color: #EAEEF0;
border: #999 solid 1px;
}
#layer_upd_relation {
position: absolute;
left: 637px;
top: 224px;
z-index: 1000;
}
#layer_new_relation {
position: absolute;
left: 636px;
top: 85px;
z-index: 1000;
width: 153px;
}
#pmd_optionse {
position: absolute;
left: 636px;
top: 85px;
z-index: 1000;
width: 153px;
}
#layer_menu_sizer {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/resize.png);
cursor: nw-resize;
width: 16px;
height: 16px;
}
.panel {
position: fixed;
top: 50px;
right: 0;
display: none;
background: #FFF;
border: 1px solid #F5F5F5;
width: 350 px;
height: auto;
padding: 30px 170px 30px 30px;
color: #FFF;
z-index: 99;
}
a.trigger {
position: fixed;
text-decoration: none;
top: 60px; right: 0;
color: #fff;
padding: 10px 40px 10px 15px;
background: #333 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
border: 1px solid #444;
display: block;
}
a.trigger:hover {
position: fixed;
text-decoration: none;
top: 60px; right: 0;
color: #080808;
padding: 10px 40px 10px 15px;
background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/plus.png) 85% 55% no-repeat;
border: 1px solid #999;
display: block;
}
a.active.trigger {
background: #222 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
z-index: 999;
}
a.active.trigger:hover {
background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/minus.png) 85% 55% no-repeat;
z-index: 999;
}
h2.tiger {
background-repeat: repeat-x;
padding: 1px;
font-weight: bold;
padding: 50 20 50 20px;
margin: 0 0 5px 0;
width: 250px;
float: left;
color : #333;
text-align: center;
}
h2.tiger a {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
text-align: center;
text-decoration: none;
color : #333;
display: block;
}
h2.tiger a:hover {
color: #000;
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header_Linked.png);
}
h2.active {
background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>pmd/Header.png);
background-repeat: repeat-x;
padding: 1px;
background-position: left bottom;
}
.toggle_container {
margin: 0 0 5px;
padding: 0;
border-top: 1px solid #d6d6d6;
background: #FFF ;
width: 250px;
overflow: hidden;
font-size: 1.2em;
clear: both;
}
.toggle_container .block {
background-color: #DBE4E8;
padding: 40 15 40 15px; /*--Padding of Container--*/
border:1px solid #999;
color: #000;
}
.history_table {
text-align: center;
background-color: #9999CC;
}
.history_table2 {
text-align: center;
background-color: #DBE4E8;
}
#filter {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #CCA;
z-index: 10;
opacity: .5;
filter: alpha(opacity=50);
}
#box {
display: none;
position: absolute;
top: 20%;
left: 30%;
width: 500px;
height: 220px;
padding: 48px;
margin: 0;
border: 1px solid #000;
background-color: #fff;
z-index: 101;
overflow: visible;
}
#boxtitle {
position: absolute;
float: center;
top: 0;
left: 0;
width: 593px;
height: 20px;
padding: 0;
padding-top: 4px;
left-padding: 8px;
margin: 0;
border-bottom: 4px solid #3CF;
background-color: #D0DCE0;
color: black;
font-weight: bold;
padding-left: 2px;
text-align: left;
}
#tblfooter {
background-color: #D3DCE3;
float: right;
padding-top: 10px;
color: black;
font-weight: normal;
}
#foreignkeychk {
align:left;
position:absolute;
cursor:pointer;
}

View File

@ -0,0 +1,43 @@
<?php
/* vim: set expandtab sw=4 ts=4 sts=4: */
/**
* Styles for management of Routines, Triggers and Events
* for the pmahomme theme
*
* @package PhpMyAdmin-theme
* @subpackage PMAHomme
*/
// unplanned execution path
if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
exit();
}
?>
.rte_table {
table-layout: fixed;
}
.rte_table td {
vertical-align: middle;
padding: 0.2em;
}
.rte_table tr td:nth-child(1) {
font-weight: bold;
}
.rte_table input,
.rte_table select,
.rte_table textarea {
width: 100%;
margin: 0;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.rte_table .routine_params_table {
width: 100%;
}