diff --git a/paradice/css/theme_left.css.php b/paradice/css/theme_left.css.php index 66c82bcd5..0ec2e6dbc 100644 --- a/paradice/css/theme_left.css.php +++ b/paradice/css/theme_left.css.php @@ -15,13 +15,20 @@ if (!defined('PMA_MINIMUM_COMMON')) { ?> /******************************************************************************/ /* general tags */ +html { + font-size: get('fontsize') ? $_SESSION['PMA_Config']->get('fontsize') : $_COOKIE['pma_fontsize']); ?>; +} + +input, select, textarea { + font-size: 1em; +} body { font-family: ; font-size: 0.8em; - background: ; + background: ; color: ; margin: 0; padding: 0.2em 0.2em 0.2em 0.2em; @@ -34,8 +41,14 @@ a img { border: 0; } +a:link, +a:visited, +a:active { + text-decoration: none; +} + ul { - margin:0; + margin:0; } form { @@ -61,11 +74,11 @@ select#lightm_db { padding-bottom: 3px; } - select { background-color: #ffffff; color: #000000; width: 100%; + border: 1px solid #3674CF; } /* buttons in some browsers (eg. Konqueror) are block elements, @@ -93,6 +106,11 @@ button { /******************************************************************************/ /* specific elements */ +div#pmalogo { + + background-color: ; + padding:.3em; +} div#pmalogo, div#leftframelinks, div#databaseList { @@ -234,6 +252,7 @@ div#left_tableList ul ul { padding-bottom: 0.1em; border-bottom: 0.1em solid ; } + /* for the servers list in navi panel */ #serverinfo .item { white-space: nowrap; diff --git a/paradice/css/theme_right.css.php b/paradice/css/theme_right.css.php index 03e0305c2..cbb1a1bde 100644 --- a/paradice/css/theme_right.css.php +++ b/paradice/css/theme_right.css.php @@ -16,8 +16,11 @@ if (!defined('PMA_MINIMUM_COMMON')) { /******************************************************************************/ /* general tags */ html { - margin: 0; - padding: 0; + font-size: get('fontsize') ? $_SESSION['PMA_Config']->get('fontsize') : $_COOKIE['pma_fontsize']);?>; +} + +input, select, textarea { + font-size: 1em; } body { @@ -27,7 +30,7 @@ body { padding: 0; margin: 0.5em; color: ; - background: ; + background: ; font-size: 1em; } @@ -36,7 +39,6 @@ textarea, tt, pre, code { font-family: ; } - h1 { font-size: 140%; font-weight: bold; @@ -163,6 +165,7 @@ a.drop:hover{ textarea { overflow: visible; + height: em; } fieldset { @@ -177,9 +180,9 @@ fieldset fieldset { } fieldset legend { - color: ; - font-weight: bold; - background-color: ; + font-weight: bold; + color: ; + background-color: ; padding: 2px; } @@ -207,7 +210,12 @@ button { /******************************************************************************/ /* classes */ +div.tools { + border: 1px solid ; + padding: 0.2em; +} +div.tools, fieldset.tblFooters { margin-top: 0; margin-bottom: 0.5em; @@ -317,6 +325,7 @@ table [class=value] { white-space: normal; } + .value { font-family: ; @@ -437,12 +446,25 @@ td .icon { } /* message boxes: warning, error, confirmation */ +.success h1, +.notice h1, +.warning h1, +div.error h1 { + border-bottom: 2px solid; + font-weight: bold; + text-align: ; + margin: 0 0 0.2em 0; +} + .notice { color: #000000; background-color: #FFFFDD; } h1.notice, -div.notice { +div.success, +div.notice, +div.warning, +div.error { margin: 0.5em 0 0.5em 0; border: 1px solid #FFD700; @@ -459,6 +481,33 @@ div.notice { padding: 0.5em; } + +.success { + color: #005E20; + background-color: #E5F7E3; +} +h1.success, +div.success { + border-color: #C5E1C8; + + background-image: url(getImgPath(); ?>s_success.png); + +} +.success h1 { + border-color: #C5E1C8; +} + +.notice { + color: #004A80; + background-color: #E8F8FE; +} +h1.notice, +div.notice { + border-color: #CFDFE5; + + background-image: url(getImgPath(); ?>s_info.png); + +} .notice h1 { border-bottom: 1px solid #FFD700; font-weight: bold; @@ -467,14 +516,14 @@ div.notice { } .warning { - color: #CC0000; - background-color: #FFFFCC; + color: #555555; + background-color: #FEFFD5; } p.warning, h1.warning, div.warning { margin: 0.5em 0 0.5em 0; - border: 1px solid #CC0000; + border: 1px solid #EEEB5B; background-image: url(getImgPath(); ?>s_warn.png); background-repeat: no-repeat; @@ -497,14 +546,14 @@ div.warning { } .error { - background-color: #FFFFCC; - color: #ff0000; + background-color: #FFEBEB; + color: #9E0B0F; } h1.error, div.error { margin: 0.5em 0 0.5em 0; - border: 1px solid #ff0000; + border: 1px solid #F5C1C2; background-image: url(getImgPath(); ?>s_error.png); background-repeat: no-repeat; @@ -570,6 +619,7 @@ fieldset.confirmation legend { background-position:top; } +div.tools, .tblFooters { font-weight: normal; color: ; @@ -582,6 +632,9 @@ fieldset.confirmation legend { .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 { @@ -590,9 +643,10 @@ fieldset.confirmation legend { } .tblHeaders a:hover, +div.tools a:hover, .tblFooters a:hover { - text-decoration: none; color: #FFFFFF; + text-decoration: none; } /* forbidden, no privilegs */ @@ -644,7 +698,7 @@ body.loginform div.container { form.login label { float: ; - width: 11em; + width: 10em; font-weight: bolder; } @@ -663,13 +717,17 @@ form.login fieldset div.item select { } .loginform .container fieldset select[name=lang] { - width: 25em; + width: 24em; } /******************************************************************************/ /* specific elements */ /* topmenu */ +div#topmenucontainer { + padding-bottom: 18px; +} + ul#topmenu { font-weight: bold; list-style-type: none; @@ -710,14 +768,14 @@ span.tab { /* disabled drop/empty tabs */ span.tabcaution { color: #FFFFFF; - background-image: url(getImgPath(); ?>tbl_header_disabled.png); + background-image: url(getImgPath(); ?>tbl_header_disabled.png); background-repeat: repeat-x; background-position: top; text-decoration: none; - padding-top: 4px; - padding-bottom: 4px; - padding-left: 4px; - padding-right: 10px; + padding-top: 4px; + padding-bottom: 4px; + padding-left: 4px; + padding-right: 10px; } /* enabled drop/empty tabs */ @@ -766,7 +824,7 @@ ul#topmenu li a.tab { ul#topmenu li a.tab:hover { color: #FFFFFF; - text-decoration: none; + text-decoration: none; } ul#topmenu li:hover { @@ -1102,7 +1160,6 @@ div#queryboxcontainer div#bookmarkoptions { background-image: url(getImgPath(); ?>logo_right.png); background-position: bottom; background-repeat: no-repeat; - border-bottom: 1px solid ; } #selflink { margin-top: 1em; @@ -1159,15 +1216,15 @@ li#li_server_info2, li#li_mysql_proto, li#li_user_info, li#li_used_php_extension, +li#li_web_server_software, li#li_mysql_client_version, -li#li_select_server, li#li_server_info, li#li_server_version { color: #888888; } #form_fontsize_selection label { - color: #1F457E; + color: #142F56; } #mysqlmaininformation { @@ -1199,13 +1256,21 @@ li#li_select_lang { li#li_select_mysql_collation, li#li_select_mysql_charset { list-style-image: url(getImgPath(); ?>s_asci.png); - color: #1F457E; + color: #1F457E; } li#li_select_theme{ list-style-image: url(getImgPath(); ?>s_theme.png); } +li#li_custom_color{ + list-style-image: url(getImgPath(); ?>s_color.png); +} + +#myRainbow { + padding-right: 4px; +} + li#li_server_info, li#li_server_info2, li#li_server_version { @@ -1299,14 +1364,22 @@ li#li_used_php_extension { margin-bottom: 2em; } +li#li_pma_version { + list-style-image: url(getImgPath(); ?>item_ltr.png); +} + +li#li_web_server_software { + list-style-image: url(getImgPath(); ?>item_ltr.png); + font-size: 80%; +} + li#li_mysql_client_version { list-style-image: url(getImgPath(); ?>item_ltr.png); font-size: 80%; } li#li_select_server { - list-style-image: url(getImgPath(); ?>item_ltr.png); - font-size: 80%; + list-style-image: url(getImgPath(); ?>s_host.png); } li#li_select_fontsize { @@ -1372,7 +1445,10 @@ li#li_select_fontsize { float: ; } -#div_table_copy { +#div_table_copy, +#div_partition_maintenance, +#div_referential_integrity, +#div_table_maintenance { min-width: 48%; float: ; } @@ -1395,3 +1471,45 @@ label.desc { width: 30em; float: ; } + +code.sql { + display: block; + padding: 0.3em; + margin-top: 0; + margin-bottom: 0; + border: #79A2DF solid 1px; + border-bottom: 0; + max-height: 10em; + overflow: auto; + background: ; +} + +#main_pane_left { + width: 60%; + float: ; + padding-top: 1em; +} + +#main_pane_right { + margin-: 60%; + padding-top: 1em; + padding-: 1em; +} + +.group { + border: 1px solid ; + margin-bottom: 1em; +} + +.group h2 { + font-size: 1em; + font-weight: bold; + background-image: url(getImgPath(); ?>tbl_header.png); + background-position:left top; + background-repeat: repeat-x; + color: #FFFFFF; + padding: 2px; + margin: 0; + display: block; + border: 1px solid #FBFBFF; +} diff --git a/paradice/img/s_color.png b/paradice/img/s_color.png new file mode 100644 index 000000000..f04024c84 Binary files /dev/null and b/paradice/img/s_color.png differ diff --git a/paradice/img/s_info.png b/paradice/img/s_info.png index 84a2c1e1f..60b3c93a9 100644 Binary files a/paradice/img/s_info.png and b/paradice/img/s_info.png differ diff --git a/paradice/img/s_theme.png b/paradice/img/s_theme.png index f04024c84..3fc6b90c7 100644 Binary files a/paradice/img/s_theme.png and b/paradice/img/s_theme.png differ diff --git a/paradice/screen.png b/paradice/screen.png index 01e57b025..c47032d88 100644 Binary files a/paradice/screen.png and b/paradice/screen.png differ