diff --git a/htdocs/sql/phpmyadmin.css.php b/htdocs/sql/phpmyadmin.css.php new file mode 100755 --- /dev/null +++ b/htdocs/sql/phpmyadmin.css.php @@ -0,0 +1,801 @@ + +html { + font-size: get('fontsize') ? $_SESSION['PMA_Config']->get('fontsize') : $_COOKIE['pma_fontsize']); ?>; +} + +input, select, textarea { + font-size: 1em; +} + +div.item label { + white-space: nowrap; +} + +/* @deprecated */ +.nowrap { + white-space: nowrap; +} +div.nowrap { + margin: 0; + padding: 0; +} + +checkVersion('2.7.0')) { + ?> + +form { + margin: 0; + padding: 0; + display: inline; +} + +a img { + border: 0; +} + + +/* server privileges */ +#tableuserrights td, +#tablespecificuserrights td, +#tabledatabases td { + vertical-align: middle; +} +/* END server privileges */ + + +/* leave some space between icons and text */ +.icon { + vertical-align: middle; + margin-right: 0.3em; + margin-left: 0.3em; +} +/* no extra space in table cells */ +td .icon { + margin: 0; +} + +.selectallarrow { + margin-: 0.3em; + margin-: 0.6em; +} + +div#tablestatistics { + border-bottom: 0.1em solid #669999; + margin-bottom: 0.5em; + padding-bottom: 0.5em; +} + +div#tablestatistics table { + float: ; + margin-bottom: 0.5em; + margin-right: 0.5em; +} + +div#tablestatistics table caption { + margin-right: 0.5em; +} + + +/* left frame content */ +body#body_leftFrame { + background-color: ; +} + +div#pmalogo, +div#leftframelinks, +div#databaseList { + text-align: center; + border-bottom: 0.1em solid #669999; + margin-bottom: 0.5em; + padding-bottom: 0.5em; +} + +div#leftframelinks .icon { + vertical-align: middle; + padding: 0; + margin: 0; +} + +div#leftframelinks a:hover { + background-color: #669999; +} + +/* leftdatabaselist */ +div#left_tableList ul { + list-style-type: none; + list-style-position: outside; + margin: 0; + padding: 0; + background-color: ; +} + +div#left_tableList li { + margin: 0; + padding: 0; + white-space: nowrap; +} + + +div#left_tableList li:hover { + background-color: ; +} + + +div#left_tableList img { + padding: 0; + vertical-align: middle; +} + +div#left_tableList ul ul { + margin-left: 0em; + padding-left: 0.1em; + border-left: 0.1em solid #669999; + padding-bottom: 0.1em; + border-bottom: 0.1em solid #669999; +} +/* END left frame content */ + + +/* querywindow */ +body#bodyquerywindow { + margin: 0; + padding: 0; +} + +div#querywindowcontainer { + margin: 0; + padding: 0; + width: 100%; +} + +div#querywindowcontainer fieldset { + margin-top: 0; +} +/* END querywindow */ + + +/* querybox */ + +/* Gecko bug */ +div[class=formelementrow], +div[id=queryfieldscontainer] { + border: 1px solid transparent; +} + +div#sqlquerycontainer { + float: left; + width: 69%; + /* height: 15em; */ +} + +div#tablefieldscontainer { + float: right; + width: 29%; + /* height: 15em; */ +} + +div#tablefieldscontainer select { + width: 100%; + /* height: 12em; */ +} + +textarea#sqlquery { + width: 100%; + /* height: 100%; */ +} + +div#queryboxcontainer div#bookmarkoptions { + margin-top: 0.5em; +} +/* end querybox */ + + +fieldset .formelement { + line-height: 2.4em; + float: left; + margin-right: 0.5em; + /* IE */ + white-space: nowrap; +} +/* revert for Gecko */ +fieldset div[class=formelement] { + white-space: normal; +} + +/* IE */ +fieldset .formelement input, +fieldset .formelement select { + margin-top: 0.5em; + margin-bottom: 0.5em; +} +/* revert for Gecko */ +fieldset div[class=formelement] input, +fieldset div[class=formelement] select { + margin-top: auto; + margin-bottom: auto; + height: auto; +} + +/* Calendar */ +table.calendar { width: 100%; } +table.calendar td { text-align: center; } +table.calendar td a { display: block; } + +table.calendar td a:hover { + background-color: ; +} + +table.calendar th { + background-color: ; +} + +table.calendar td.selected { + background-color: ; +} + +img.calendar { border: none; } +form.clock { text-align: center; } +/* end Calendar */ + + +/* Options, eg. on import page */ +fieldset { + background-color: ; +} +fieldset legend { + background-color: transparent; +} + +/* buttons in some browsers (eg. Konqueror) are block elements, this breaks design */ +button { display: inline; } + +/* Textarea */ +textarea { overflow: auto; } + + +/* topmenu */ + +/* Gecko 1.7 bug (FF 1.0) */ +#topmenucontainer { + border: 1px solid ; +} + +ul#topmenu { + font-weight: bold; + list-style-type: none; + margin: 0; + padding: 0; +} + +ul#topmenu li { + float: left; + margin: 0; + padding: 0; + vertical-align: middle; +} + +#topmenu img { + vertical-align: middle; + margin-right: 0.1em; +} + +/* default tab styles */ +.tab, .tabcaution, .tabactive { + display: block; + margin: 0.2em 0.2em 0 0.2em; + padding: 0.2em 0.2em 0 0.2em; + white-space: nowrap; +} + +/* disabled tabs */ +span.tab { + color: #666666; +} + +/* disabled drop/empty tabs */ +span.tabcaution { + color: #ff6666; +} + +/* enabled drop/empty tabs */ +a.tabcaution { + color: #FF0000; +} +a.tabcaution:hover { + color: #FFFFFF; + background-color: #FF0000; +} + + +/* active tab */ +a.tabactive { + color: black; +} + +#topmenu { + margin-top: 0.5em; + padding: 0.1em 0.3em 0.1em 0.3em; +} + +ul#topmenu li { + border-bottom: 1pt solid black; +} + +/* default tab styles */ +.tab, .tabcaution, .tabactive { + background-color: ; + border: 1pt solid ; + border-bottom: 0; + border-top-left-radius: 0.4em; + border-top-right-radius: 0.4em; +} + +/* enabled hover/active tabs */ +a.tab:hover, a.tabcaution:hover, .tabactive, .tabactive:hover { + margin: 0; + padding: 0.2em 0.4em 0.2em 0.4em; + text-decoration: none; +} + +a.tab:hover, .tabactive { + background-color: ; +} + +/* disabled drop/empty tabs */ +span.tab, span.tabcaution { + cursor: url(/original/img/error.ico), default; +} + +/* end topmenu */ + + + +/* data tables */ +table caption, +table th, +table td { + padding: 0.1em 0.5em 0.1em 0.5em; + margin: 0; + margin: 0.1em; + vertical-align: top; +} + +/* odd table rows 1,3,5,7,... */ +table tr.odd th, +table tr.odd { + background-color: ; +} + +/* even table rows 2,4,6,8,... */ +table tr.even th, +table tr.even { + background-color: ; +} + +/* marked table rows */ +table tr.marked th, +table tr.marked { + background-color: ; +} + +/* hovered table rows */ +table tr.odd:hover, +table tr.even:hover, +table tr.odd:hover th, +table tr.even:hover th, +table tr.hover th, +table tr.hover { + background-color: ; +} + +table .value { + text-align: right; + white-space: nowrap; +} +/* IE doesnt handles 'pre' right */ +table [class=value] { + white-space: pre; +} + +.value { + font-family: "Courier New", Courier, monospace; +} +.value .attention { + color: red; + font-weight: bold; +} +.value .allfine { + color: green; +} + + +/* serverstatus */ +div#serverstatus table caption a.top { + float: right; +} + +div#serverstatus div#serverstatusqueriesdetails table, +div#serverstatus table#serverstatustraffic, +div#serverstatus table#serverstatusconnections { + float: left; +} + +#serverstatussection, +.clearfloat { + clear: both; +} +div#serverstatussection table { + width: 100%; + margin-bottom: 1em; +} +div#serverstatussection table .name { + width: 18em; +} +div#serverstatussection table .value { + width: 6em; +} + +div#serverstatus table tbody td.descr a, +div#serverstatus table .tblFooters a { + white-space: nowrap; +} +div#serverstatus div#statuslinks a:before, +div#serverstatus div#sectionlinks a:before, +div#serverstatus table tbody td.descr a:before, +div#serverstatus table .tblFooters a:before { + content: '['; +} +div#serverstatus div#statuslinks a:after, +div#serverstatus div#sectionlinks a:after, +div#serverstatus table tbody td.descr a:after, +div#serverstatus table .tblFooters a:after { + content: ']'; +} +/* end serverstatus */ + +img.lightbulb { + cursor: pointer; +} + + checkVersion('2.7.1')) { + ?> + +/********************/ +/* NEW in PMA 2.7.1 */ +/********************/ + +body.loginform h1, +body.loginform a.logo { + display: block; + text-align: center; +} + +form.login label { + float: left; + width: 10em; + font-weight: bolder; +} + + +/* main page */ +#maincontainer { + background-image: url(/original/img/logo_right.png); + background-position: bottom; + background-repeat: no-repeat; + border-bottom: 1px solid silver; +} + +#mysqlmaininformation, +#pmamaininformation { + float: ; + width: 49%; +} + +#maincontainer ul { + list-style-image: url(/original/img/item_.png); + vertical-align: middle; +} + +#maincontainer li { + margin-bottom: 0.3em; +} +/* END main page */ + + + +/* iconic view for ul items */ +li#li_create_database { + list-style-image: url(/original/img/b_newdb.png); +} + +li#li_select_lang { + list-style-image: url(/original/img/s_lang.png); +} + +li#li_select_mysql_collation, +li#li_select_mysql_charset { + list-style-image: url(/original/img/s_asci.png); +} + +li#li_select_theme{ + list-style-image: url(/original/img/s_theme.png); +} + +li#li_server_info{ + list-style-image: url(/original/img/s_host.png); +} + +li#li_user_info{ + /* list-style-image: url(/original/img/s_rights.png); */ +} + +li#li_mysql_status{ + list-style-image: url(/original/img/s_status.png); +} + +li#li_mysql_variables{ + list-style-image: url(/original/img/s_vars.png); +} + +li#li_mysql_processes{ + list-style-image: url(/original/img/s_process.png); +} + +li#li_mysql_collations{ + list-style-image: url(/original/img/s_asci.png); +} + +li#li_mysql_engines{ + list-style-image: url(/original/img/b_engine.png); +} + +li#li_mysql_binlogs { + list-style-image: url(/original/img/s_tbl.png); +} + +li#li_mysql_databases { + list-style-image: url(/original/img/s_db.png); +} + +li#li_export { + list-style-image: url(/original/img/b_export.png); +} + +li#li_import { + list-style-image: url(/original/img/b_import.png); +} + +li#li_change_password { + list-style-image: url(/original/img/s_passwd.png); +} + +li#li_log_out { + list-style-image: url(/original/img/s_loggoff.png); +} + +li#li_pma_docs { + list-style-image: url(/original/img/b_docs.png); +} + +li#li_phpinfo { + list-style-image: url(/original/img/php_sym.png); +} + +li#li_pma_homepage { + list-style-image: url(/original/img/b_home.png); +} + +li#li_mysql_privilegs{ + list-style-image: url(/original/img/s_rights.png); +} + +li#li_switch_dbstats { + list-style-image: url(/original/img/b_dbstatistics.png); +} + +li#li_flush_privileges { + list-style-image: url(/original/img/s_reload.png); +} +/* END iconic view for ul items */ + + + +#body_browse_foreigners { + background-color: ; + margin: 5px 5px 0 5px; +} + +#bodyquerywindow { + background-color: ; +} + +#bodythemes { + width: 500px; + margin: auto; + text-align: center; +} + +#bodythemes img { + border: 0.1em solid black; +} + +#bodythemes a:hover img { + border: 0.1em solid red; +} + +#fieldset_select_fields { + float: left; +} + +#selflink { + clear: both; + display: block; + margin-top: 1em; + margin-bottom: 1em; + width: 100%; + border-top: 0.1em solid silver; + text-align: ; +} + +#table_innodb_bufferpool_usage, +#table_innodb_bufferpool_activity { + float: ; +} + +#div_mysql_charset_collations table { + float: ; +} + +#div_table_order { + min-width: 48%; + float: ; +} + +#div_table_rename { + min-width: 48%; + float: ; +} + +#div_table_copy { + min-width: 48%; + float: ; +} + +#div_table_options { + clear: both; + min-width: 48%; + float: ; +} + +#qbe_div_table_list { + float: ; +} + +#qbe_div_sql_query { + float: ; +} + checkVersion('2.9')) { + ?> + +/********************/ +/* NEW in PMA 2.9 */ +/********************/ + + +/* marked items */ +.marked a, +.marked { + background: ; + color: ; +} + + +/* odd items 1,3,5,7,... */ +.odd { + background: ; +} + +/* even items 2,4,6,8,... */ +.even { + background: ; +} + +/* hovered items */ +.odd:hover, +.even:hover, +.hover { + background: ; + color: ; +} + +/** + * marks table rows/cells if the db field is in a where condition + */ +tr.condition th, +tr.condition td, +td.condition, +th.condition { + border: 1px solid ; +} + +label.desc { + width: 30em; + float: ; +} + +body.loginform { + text-align: center; +} + +body.loginform div.container { + text-align: ; + width: 30em; + margin: 0 auto; +} + +#body_leftFrame #list_server { + list-style-image: url(/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%; +} + printCss(PMA_FRAME); +?>