From 653994fb005a3564d95c0c0640316e89fa47c6b3 Mon Sep 17 00:00:00 2001 From: Sebastian Mendel Date: Wed, 3 May 2006 10:40:57 +0000 Subject: [PATCH] aqua_brushed updated --- aqua_brushed/css/theme_left.css.php | 365 +++---- aqua_brushed/css/theme_right.css.php | 1347 ++++++++++++++++++-------- aqua_brushed/info.inc.php | 3 +- aqua_brushed/layout.inc.php | 93 +- 4 files changed, 1157 insertions(+), 651 deletions(-) diff --git a/aqua_brushed/css/theme_left.css.php b/aqua_brushed/css/theme_left.css.php index f790a9715..21bdadec7 100644 --- a/aqua_brushed/css/theme_left.css.php +++ b/aqua_brushed/css/theme_left.css.php @@ -1,243 +1,138 @@ -/************************************************************************************ - * LEFT FRAME - ************************************************************************************/ - - /** - * Add styles for positioned layers - **/ -/* -*/ -/* No layer effects neccessary */ -div{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #ffffff; -} -.heada{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #000000; -} -.parent{ - font-family: Verdana, Arial, Helvetica, sans-serif; - color: #ffffff; - text-decoration: none; -} -.item, .tblItem, .item:active, .item:hover, .tblItem, .tblItem:active{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #333399; - text-decoration: none; -} -.tblItem:hover{ - color: #666666; - text-decoration: underline; -} -/* - tags as - // style information unless it was written with the one call - // to write(). - if (isset($js_isDOM) && $js_isDOM != '0') { -?> -*/ -/* Layer effects neccessary: capable && is_DOM is set. We found a recent CSS-Browser */ -div{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #ffffff; -} -.heada{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #000000; -} -.headaCnt{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #ffffff; -} -.parent{ - font-family: Verdana, Arial, Helvetica, sans-serif; - color: #ffffff; - text-decoration: none; - display: block; -} -bu -.child{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #ffffff; - text-decoration: none; - display: none; -} -.item, .item:active, .item:hover, .tblItem, .tblItem:active{ - font-size: 10px; - color: #333399; - text-decoration: none; -} -.tblItem:hover{ - color: #666666; - text-decoration: underline; -} -/* - -*/ -/* Layer effeccts neccessary: capable, but no is_DOM. We found an older CSS-Browser */ -div{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #000000; -} -.heada{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #000000; -} -.headaCnt{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #ffffff; -} -/* - -*/ -/* Additional effects for IE4 */ -.parent{ - font-family: Verdana, Arial, Helvetica, sans-serif; - color: #ffffff; - text-decoration: none; - display: block; -} -.child{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #ffffff; - text-decoration: none; - display: none; -} -.item, .item:active, .item:hover, .tblItem, .tblItem:active{ - font-size: 10px; - color: #333399; - text-decoration: none; -} -.tblItem:hover{ - color: #666666; - text-decoration: underline; -} -/* - - -*/ -/* Additional effects for NON-IE4 */ -.parent{ - font-family: Verdana, Arial, Helvetica, sans-serif; - color: #ffffff; - text-decoration: none; - position: absolute; /* don't edit! */ - visibility: hidden; /* don't edit! */ -} -.child{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #ffffff; - position: absolute; /* don't edit! */ - visibility: hidden; /* don't edit! */ -} -.item, .tblItem{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #333399; - text-decoration: none; -} -/* - -*/ -/* Additional effects for left frame not required or not possible because of lacking CSS-capability. */ -div{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #ffffff; -} -.heada{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #000000; -} -.headaCnt{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #ffffff; -} -.parent{ - font-family: Verdana, Arial, Helvetica, sans-serif; - color: #ffffff; - text-decoration: none; -} -.child{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #ffffff; - text-decoration: none; -} -.item, .item:active, .item:hover, .tblItem, .tblItem:active{ - font-size: 10px; - color: #333399; - text-decoration: none; -} -.tblItem:hover{ - color: #666666; - text-decoration: underline; -} -/* - -*/ -/* Always enabled stylesheets (left frame) */ -body{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - background-color: #DDDDDD; - background-image: url(../themes/aqua_brushed/img/RightBg.png); - margin: 0px; - padding: 2px 2px 2px 2px; +?> +/******************************************************************************/ +/* general tags */ + +* { + font-family: ; } -input{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; + +body, table, tbody, tr, td { + font-size: ; } -select{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - background-color: #ffffff; - color: #000000; - width: 150px; +select, input, textarea { + font-size: 0.7em; } -hr{ - color: #ffffff; - background-color: #ffffff; - border: 0; - height: 1px; + + +body { + background: ; + color: ; + margin: 0; + padding: 0.2em 0 0.2em 0.2em; } -img, input, select, button { + +a img { + border: 0; +} + +form { + margin: 0; + padding: 0; + display: inline; +} + +select { + width: 100%; +} + +/* buttons in some browsers (eg. Konqueror) are block elements, + this breaks design */ +button { + display: inline; +} + + +/******************************************************************************/ +/* classes */ + +/* leave some space between icons and text */ +.icon { + vertical-align: middle; + margin-right: 0.3em; + margin-left: 0.3em; +} + + +/******************************************************************************/ +/* specific elements */ + +div#pmalogo, +div#leftframelinks, +div#databaseList { + text-align: center; + border-bottom: 0.05em solid ; + margin-bottom: 0.5em; + padding-bottom: 0.5em; +} + +div#leftframelinks .icon { + padding: 0; + margin: 0; +} + +div#leftframelinks a img.icon { + margin: 0; + padding: 0.2em; + border: 0.05em solid ; +} + +div#leftframelinks a:hover { + background-color: ; +} + +/* leftdatabaselist */ +div#left_tableList ul { + list-style-type: none; + list-style-position: outside; + margin: 0; + padding: 0; + font-size: 80%; + background: ; + width: 100%; + overflow: hidden; +} + +div#left_tableList ul ul { + font-size: 100%; +} + +div#left_tableList a { + color: ; + text-decoration: none; +} + +div#left_tableList a:hover { + color: #FFff00; + text-decoration: underline; +} + +div#left_tableList li { + margin: 0; + padding: 0; + white-space: nowrap; +} + + +div#left_tableList li:hover { + background-color: ; + color: #3E7BB6; +} + + +div#left_tableList img { + padding: 0; vertical-align: middle; } + +div#left_tableList ul ul { + margin-left: 0; + padding-left: 0.1em; + border-left: 0.1em solid ; + padding-bottom: 0.1em; + border-bottom: 0.1em solid ; +} diff --git a/aqua_brushed/css/theme_right.css.php b/aqua_brushed/css/theme_right.css.php index e622e81c3..3e7fbe44c 100644 --- a/aqua_brushed/css/theme_right.css.php +++ b/aqua_brushed/css/theme_right.css.php @@ -1,46 +1,76 @@ -/************************************************************************************ - * RIGHT FRAME - ************************************************************************************/ -/* Always enabled stylesheets (right frame) */ -body{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #000000; - background-image: url(../themes/aqua_brushed/img/RightBg.png); - background-position: 100% 100%; - background-attachment: fixed; - background-color: #ffffff; - margin: 5px; + +/******************************************************************************/ +/* general tags */ + +* { + font-family: ; +} + +textarea { + font-family: ; +} + +body, table, tbody, tr, td { + font-size: ; +} +select, input, textarea { + font-size: 0.7em; +} + + +body { + padding: 0; + margin: 0.5em; + color: ; + background: ; } -pre, tt, code{ - font-size: 11px; +h1 { + font-size: 140%; + font-weight: bold; } -a:link, a:visited, a:active{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - text-decoration: none; - color: #333399; +h2 { + font-size: 120%; + font-weight: bold; } -a:hover{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - text-decoration: underline; - color: #cc0000; + +h3 { + font-weight: bold; } -th{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; + +a:link, +a:visited { + text-decoration: none; + color: #0000FF; +} + +a:hover { + text-decoration: underline; + color: #FF0000; +} + +dfn { + font-style: normal; +} + +dfn:hover { + font-style: normal; + cursor: help; +} + +th { font-weight: bold; color: #000000; background-color: #B5BDC7; - - background-image: url(../themes/aqua_brushed/img/tbl_th.png); + background-image: url(../getImgPath(); ?>tbl_th.png); background-repeat: repeat-x; background-position: top; - - height: 18px; } th a:link, th a:active, th a:visited{ color: #000000; @@ -51,359 +81,463 @@ th a:hover{ color: #666666; text-decoration: none; } -.tblcomment{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - font-weight: normal; - color: #000099; -} -th.td{ - font-weight: normal; - color: transparent; - background-color: transparent; - background-image: none; - -} -td{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - /* background-image:url(../themes/aqua_brushed/img/td_BG.png); */ -} -form{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - padding: 0px 0px 0px 0px; - margin: 0px 0px 0px 0px; -} -select, textarea, input { - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; -} -select, textarea{ - color: #000000; - background-color: #FFFFFF; -} -input.textfield{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #000000; - /*background-color: #FFFFFF;*/ + + +a img { + border: 0; } -h1{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 18px; - font-weight: bold; +hr { + color: ; + background-color: ; + border: 0; + height: 1px; } -h2{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 13px; - font-weight: bold; + +form { + padding: 0; + margin: 0; + display: inline; } -h3{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 12px; - font-weight: bold; -} -a.h1:link, a.h1:active, a.h1:visited{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 18px; - font-weight: bold; - color: #000000; -} -a.h1:hover{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 18px; - font-weight: bold; - color: #cc0000; -} -a.h2:link, a.h2:active, a.h2:visited{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 13px; - font-weight: bold; - color: #000000; -} -a.h2:hover{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 13px; - font-weight: bold; - color: #cc0000; -} -a.drop:link, a.drop:visited, a.drop:active{ - font-family: Verdana, Arial, Helvetica, sans-serif; - color: #cc0000; -} -a.drop:hover{ - font-family: Verdana, Arial, Helvetica, sans-serif; - color: #ffffff; - background-color: #cc0000; - text-decoration: none; -} -dfn{ - font-style: normal; -} -dfn:hover{ - font-style: normal; - cursor: help; -} -.warning{ - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - font-weight: bold; - color: #cc0000; -} -td.topline{ - font-size: 1px; + +textarea { + overflow: visible; + height: 8em; } + fieldset { - border: #666699 solid 1px; - padding: 0.5em; + margin-top: 1em; + border: solid 1px; + padding: 0.5em; + background: ; } + fieldset fieldset { - margin: 0.8em; + margin: 0.8em; } -legend { - font-family: Verdana, Arial, Helvetica, sans-serif; - size: 10px; - color: #666699; - font-weight: bold; - background-color: #ffffff; - padding: 2px 2px 2px 2px; + +fieldset legend { + background-color: transparent; } + +/* 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 */ + +fieldset.tblFooters { + margin-top: 0; + margin-bottom: 0.5em; + text-align: ; + float: none; + clear: both; +} + +fieldset .formelement { + float: ; + margin-: 0.5em; + /* IE */ + white-space: nowrap; +} + +/* revert for Gecko */ +fieldset div[class=formelement] { + white-space: normal; +} + button.mult_submit { border: none; background-color: transparent; } +/* odd table rows 1,3,5,7,... */ +table tr.odd th, +table tr.odd { + background: ; + text-align: ; +} + +/* even table rows 2,4,6,8,... */ +table tr.even th, +table tr.even { + background: ; + text-align: ; +} + +/* marked tbale 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: ; + white-space: nowrap; +} +/* IE doesnt handles 'pre' right */ +table [class=value] { + white-space: pre; +} + + + +.value { + font-family: ; +} + +.value .attention { + color: red; + font-weight: bold; +} +.value .allfine { + color: green; +} + + +img.lightbulb { + cursor: pointer; +} + .pdflayout { - overflow: hidden; - clip: inherit; - background-color: #FFFFFF; - display: none; - border: 1px solid #000000; - position: relative; + overflow: hidden; + clip: inherit; + background-color: #FFFFFF; + display: none; + border: 1px solid #000000; + position: relative; } .pdflayout_table { - background: #B5BDC7; - color: #000000; - overflow: hidden; - clip: inherit; - z-index: 2; - display: inline; - visibility: inherit; - cursor: move; - position: absolute; - font-size: 11px; - border: 1px dashed #000000; + background: ; + color: #000000; + overflow: hidden; + clip: inherit; + z-index: 2; + display: inline; + visibility: inherit; + cursor: move; + position: absolute; + font-size: 80%; + border: 1px dashed #000000; } -/* Warning showing div with right border and optional icon */ - -div.warning { - border: 1px solid #cc0000; -/* - -*/ - background-image: url(../themes/aqua_brushed/img/s_warn.png); - background-repeat: no-repeat; - background-position: 10px 10px; - padding: 10px 10px 10px 36px; - margin: 0px; -/* - -*/ - width: 90%; -} - -div.error { - width: 100%; - border: 1px solid #cc0000; - background-color: #ffffcc; - padding: 0px; -} - -div.error div.text { - padding: 5px; -} - -div.error div.head { - background-color: #cc0000; - font-weight: bold; - color: #ffffff; -/* - -*/ - background-image: url(../themes/aqua_brushed/img/s_error.png); - background-repeat: no-repeat; - background-position: 2px 50%; - padding: 2px 2px 2px 30px; -/* - -*/ - margin: 0px; -} -.print{font-family:arial;font-size:8pt;} - /* MySQL Parser */ -.syntax {font-family: sans-serif; font-size: 10px;} -.syntax_comment { padding-left: 4pt; padding-right: 4pt;} -.syntax_digit {} -.syntax_digit_hex {} -.syntax_digit_integer {} -.syntax_digit_float {} -.syntax_punct {} -.syntax_alpha {} -.syntax_alpha_columnType {text-transform: uppercase;} -.syntax_alpha_columnAttrib {text-transform: uppercase;} -.syntax_alpha_reservedWord {text-transform: uppercase; font-weight: bold;} -.syntax_alpha_functionName {text-transform: uppercase;} -.syntax_alpha_identifier {} -.syntax_alpha_charset {} -.syntax_alpha_variable {} -.syntax_quote {white-space: pre;} -.syntax_quote_backtick {} +.syntax { + font-size: 80%; +} -/* some new styles added 20047-05-05 by Michael Keck (mkkeck) */ +.syntax_comment { + padding-left: 4pt; + padding-right: 4pt; +} -/* tables */ -.tblError { - border: 1px solid #cc0000; - background-color: #ffffcc; +.syntax_digit { } -.tblWarn, div.tblWarn { - border: 1px solid #cc0000; - background-color: #ffffff; + +.syntax_digit_hex { } -div.tblWarn { - padding: 5px 5px 5px 5px; - margin: 2px 0px 2px 0px; - width: 100%; + +.syntax_digit_integer { } -.tblHeaders{ - font-weight: bold; - color: #333333; - background-color: #EEEEEE; - - background-image: url(../themes/aqua_brushed/img/tbl_header.png); - background-repeat: repeat-x; - background-position: top; - - height: 18px; + +.syntax_digit_float { } -.tblHeaders a:link, .tblHeaders a:visited, .tblHeaders a:active, .tblFooters a:link, tblFooters a:visited, tblFooters a:active{ - color: #ffffcc; - text-decoration: underline; + +.syntax_punct { } -.tblFooters{ - font-weight: normal; - color: #ffffff; - background-color: #DDDDDD; - - background-image: url(../themes/aqua_brushed/img/tbl_header.png); - background-repeat: repeat-x; - background-position: top; - + +.syntax_alpha { } -.tblHeaders a:hover, tblFooters a:hover{ - text-decoration: none; - color: #333333; + +.syntax_alpha_columnType { + text-transform: uppercase; } -.tblHeadError { - font-weight: bold; - color: #ffffff; - background-color: #cc0000; - - background-image: url(../themes/aqua_brushed/img/tbl_error.png); - background-repeat: repeat-x; - background-position: top; - - height: 18px; + +.syntax_alpha_columnAttrib { + text-transform: uppercase; } -div.errorhead { - font-weight: bold; - color: #ffffff; - text-align: left; - - background-image: url(../themes/aqua_brushed/img/s_error.png); + +.syntax_alpha_reservedWord { + text-transform: uppercase; + font-weight: bold; +} + +.syntax_alpha_functionName { + text-transform: uppercase; +} + +.syntax_alpha_identifier { +} + +.syntax_alpha_charset { +} + +.syntax_alpha_variable { +} + +.syntax_quote { + white-space: pre; +} + +.syntax_quote_backtick { +} + +/* 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; +} + +/* message boxes: warning, error, confirmation */ +.notice { + color: #000000; + background-color: #FFFFDD; +} +h1.notice, +div.notice { + margin: 0.5em 0 0.5em 0; + border: 0.1em solid #FFD700; + + background-image: url(../getImgPath(); ?>s_notice.png); background-repeat: no-repeat; - background-position: 2px 50%; - padding: 2px 2px 2px 20px; - - margin: 0px; + + background-position: 10px 50%; + padding: 10px 10px 10px 36px; + + background-position: 99% 50%; + padding: 10px 5% 10px 10px; + + + padding: 0.5em; + +} +.notice h1 { + border-bottom: 0.1em solid #FFD700; + font-weight: bold; + text-align: ; + margin: 0 0 0.2em 0; } -.tblHeadWarn { - background-color: #ffcc00; - font-weight: bold; - color: #000000; - - background-image: url(../themes/aqua_brushed/img/tbl_th.png); - background-repeat: repeat-x; - background-position: top; - - height: 18px; +.warning { + color: #CC0000; + background-color: #FFFFCC; } -div.warnhead { - font-weight: bold; - color: #ffffff; - text-align: left; - - background-image: url(../themes/aqua_brushed/img/s_warn.png); +p.warning, +h1.warning, +div.warning { + margin: 0.5em 0 0.5em 0; + border: 0.1em solid #CC0000; + + background-image: url(../getImgPath(); ?>s_warn.png); background-repeat: no-repeat; - background-position: 2px 50%; - padding: 2px 2px 2px 20px; - - margin: 0px; + + background-position: 10px 50%; + padding: 10px 10px 10px 36px; + + background-position: 99% 50%; + padding: 10px 5% 10px 10px; + + + padding: 0.5em; + +} +.warning h1 { + border-bottom: 0.1em solid #cc0000; + font-weight: bold; + text-align: ; + margin: 0 0 0.2em 0; +} + +.error { + background-color: #FFFFCC; + color: #ff0000; +} + +h1.error, +div.error { + margin: 0.5em 0 0.5em 0; + border: 0.1em solid #ff0000; + + background-image: url(../getImgPath(); ?>s_error.png); + background-repeat: no-repeat; + + background-position: 10px 50%; + padding: 10px 10px 10px 36px; + + background-position: 99% 50%; + padding: 10px 5% 10px 10px; + + + padding: 0.5em; + +} +div.error h1 { + border-bottom: 0.1em solid #ff0000; + font-weight: bold; + text-align: ; + margin: 0 0 0.2em 0; +} + +.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(../getImgPath(); ?>s_really.png); + background-repeat: no-repeat; + + background-position: 5px 50%; + padding: 0.2em 0.2em 0.2em 25px; + + background-position: 97% 50%; + padding: 0.2em 25px 0.2em 0.2em; + + +} +/* end messageboxes */ + + +.tblHeaders { + font-weight: bold; + color: ; + background: ; +} + +.tblFooters { + font-weight: normal; + color: ; + background: ; +} + +.tblHeaders a:link, +.tblHeaders a:active, +.tblHeaders a:visited, +.tblFooters a:link, +.tblFooters a:active, +.tblFooters a:visited { + color: #0000FF; +} + +.tblHeaders a:hover, +.tblFooters a:hover { + color: #FF0000; } /* forbidden, no privilegs */ -.noPrivileges{ - color: #cc0000; - font-weight: bold; +.noPrivileges { + color: #FF0000; + font-weight: bold; } -/* Heading for server links*/ -#serverinfo { - font-weight: bold; - margin-bottom: 0.5em; +/* disabled text */ +.disabled, +.disabled a:link, +.disabled a:active, +.disabled a:visited { + color: #666666; } -#serverinfo .item { - white-space: nowrap; +.disabled a:hover { + color: #666666; + text-decoration: none; } -#spam_table_comment { - font-weight: normal; - font-style: italic; - white-space: nowrap; +tr.disabled td, +td.disabled { + background-color: #cccccc; } -#serverinfo img { - margin: 0 0.1em 0 0.2em; +/** + * login form + */ +body.loginform h1, +body.loginform a.logo { + display: block; + text-align: center; } -hr{ - color: #666699; background-color: #6666cc; border: 0; height: 1px; +form.login label { + float: ; + width: 10em; + font-weight: bolder; } + +/******************************************************************************/ +/* specific elements */ + /* topmenu */ -#topmenu{ - font-family: Verdana, Arial, Helvetica, sans-serif; - color: #000000; - background-color: #DDDDDD; - - background-image: url(../themes/aqua_brushed/img/tbl_header.png); - background-repeat: repeat-x; - background-position: top; - - height: 22px; +ul#topmenu { + font-weight: bold; + list-style-type: none; + margin: 0; + padding: 0; +} + +ul#topmenu li { + float: ; + margin: 0; + padding: 0; + vertical-align: middle; +} + +#topmenu img { + vertical-align: middle; + margin-: 0.1em; } /* default tab styles */ .tab, .tabcaution, .tabactive { - margin-right: 0.1em; - margin-left: 0.1em; + display: block; + margin: 0.2em 0.2em 0 0.2em; + padding: 0.2em 0.2em 0 0.2em; + white-space: nowrap; } /* disabled tabs */ @@ -418,121 +552,540 @@ span.tabcaution { /* enabled drop/empty tabs */ a.tabcaution { - color: #ff0000; + color: #FF0000; } a.tabcaution:hover { - color: #ffffff; - background-color: #ff0000; + color: #FFFFFF; + background-color: #FF0000; } /* active tab */ a.tabactive { - border-bottom: 0.1em solid black; color: black; } #topmenu { margin-top: 0.5em; - border-bottom: 0.1em solid black; padding: 0.1em 0.3em 0.1em 0.3em; } +ul#topmenu li { + border-bottom: 1pt solid silver; +} + /* default tab styles */ .tab, .tabcaution, .tabactive { - background-color: #E5E5E5; + background-color: #E5E5E5; border: 0.1em solid silver; - border-bottom: 0.1em solid black; - border-radius-topleft: 0.5em; - border-radius-topright: 0.5em; - -moz-border-radius-topleft: 0.5em; - -moz-border-radius-topright: 0.5em; - padding: 0.1em 0.2em 0.1em 0.2em; + border-bottom: 0; + border-radius-topleft: 0.4em; + border-radius-topright: 0.4em; + -moz-border-radius-topleft: 0.4em; + -moz-border-radius-topright: 0.4em; + background-color: #B5BDC7; + background-image: url(../getImgPath(); ?>tbl_header.png); + background-repeat: repeat-x; + background-position: top; } /* enabled hover/active tabs */ -a.tab:hover, a.tabcaution:hover, .tabactive { - margin-right: 0; - margin-left: 0; - padding: 0.3em 0.3em 0.1em 0.3em; +a.tab:hover, +a.tabcaution:hover, +.tabactive, +.tabactive:hover { + margin: 0; + padding: 0.2em 0.4em 0.2em 0.4em; + text-decoration: none; + background-color: #DDDDDD; + background-image: url(../getImgPath(); ?>tbl_th.png); + background-repeat: repeat-x; + background-position: top; } -a.tab:hover, .tabactive { - background-color: #FFFFFF; + +a.tabcaution:hover { + margin: 0; + padding: 0.2em 0.4em 0.2em 0.4em; + text-decoration: none; + background-color: #ff0000; + background-image: none; +} + +a.tab:hover, +.tabactive { + font-weight: bold; + color: #FFFFFF; + background-color: #8FBDE9; } /* disabled drop/empty tabs */ -span.tab, span.tabcaution { - cursor: url(themes/original/img/error.ico), default; +span.tab, +span.tabcaution { + cursor: url(../getImgPath(); ?>error.ico), default; } /* end topmenu */ -img, input, select, button { - vertical-align: middle; +/* Calendar */ +table.calendar { + width: 100%; +} +table.calendar td { + text-align: center; +} +table.calendar td a { + display: block; } - -/* disabled text */ -.disabled, .disabled a:link, disabled a:active, .disabled a:visited { - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; - color: #666666; +table.calendar td a:hover { + background-color: #CCFFCC; } -.disabled a:hover { - text-decoration: none; + +table.calendar th { + background-color: #D3DCE3; } -tr.disabled td, td.disabled { - background-color: #cccccc; + +table.calendar td.selected { + background-color: #FFCC99; } - + +img.calendar { + border: none; +} +form.clock { + text-align: center; +} +/* end Calendar */ + + +/* table stats */ +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-: 0.5em; +} + +div#tablestatistics table caption { + margin-: 0.5em; +} +/* END table stats */ + + +/* server privileges */ +#tableuserrights td, +#tablespecificuserrights td, +#tabledatabases td { + vertical-align: middle; +} +/* END server privileges */ + + + +/* Heading */ +#serverinfo { + font-weight: bold; + margin-bottom: 0.5em; +} + +#serverinfo .item { + white-space: nowrap; +} + +#span_table_comment { + font-weight: normal; + font-style: italic; + white-space: nowrap; +} + +#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: 250px; - height: 50px; - overflow: auto; + width: 20em; + height: auto; + overflow: visible; visibility: hidden; background-color: #ffffcc; color: #006600; - border: 1px solid #000000; - padding: 5px; - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 10px; + border: 0.1em solid #000000; + padding: 0.5em; } - -/* some styles for IDs: */ -#buttonNo{ - color: #CC0000; - font-size: 10px; - font-weight: bold; - padding: 0px 10px 0px 10px; -} -#buttonYes{ - color: #006600; - font-size: 10px; - font-weight: bold; - padding: 0px 10px 0px 10px; -} -#buttonGo{ - color: #006600; - font-size: 10px; - font-weight: bold; - padding: 0px 10px 0px 10px; +/* user privileges */ +#fieldset_add_user_login div.item { + border-bottom: 1px solid silver; + padding-bottom: 0.3em; + margin-bottom: 0.3em; } -#listTable{ - width: 260px; +#fieldset_add_user_login label { + float: ; + display: block; + width: 10em; + max-width: 100%; + text-align: ; + padding-: 0.5em; } -#textSqlquery{ - width: 450px; +#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%; } -#textSQLDUMP { - width: 95%; - height: 95%; - font-family: "Courier New", Courier, mono; - font-size: 11px; + +#fieldset_add_user_login span.options { + float: ; + display: block; + width: 12em; + max-width: 100%; + padding-: 0.5em; +} + +#fieldset_add_user_login input { + width: 12em; + clear: ; + max-width: 100%; +} + +#fieldset_add_user_login span.options input { + width: auto; +} + +#fieldset_user_priv div.item { + float: ; + 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: ; +} +/* END user privileges */ + + +/* serverstatus */ +div#serverstatus table caption a.top { + float: ; +} + +div#serverstatus div#serverstatusqueriesdetails table, +div#serverstatus table#serverstatustraffic, +div#serverstatus table#serverstatusconnections { + float: ; +} + +#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 */ + +/* 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 */ + + +/* querybox */ + +div#sqlquerycontainer { + float: ; + width: 69%; + /* height: 15em; */ +} + +div#tablefieldscontainer { + float: ; + 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 */ + +/* main page */ +#maincontainer { + background-image: url(../getImgPath(); ?>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(../getImgPath(); ?>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(../getImgPath(); ?>b_newdb.png); +} + +li#li_select_lang { + list-style-image: url(../getImgPath(); ?>s_lang.png); +} + +li#li_select_mysql_collation, +li#li_select_mysql_charset { + list-style-image: url(../getImgPath(); ?>s_asci.png); +} + +li#li_select_theme{ + list-style-image: url(../getImgPath(); ?>s_theme.png); +} + +li#li_server_info{ + list-style-image: url(../getImgPath(); ?>s_host.png); +} + +li#li_user_info{ + /* list-style-image: url(../getImgPath(); ?>s_rights.png); */ +} + +li#li_mysql_status{ + list-style-image: url(../getImgPath(); ?>s_status.png); +} + +li#li_mysql_variables{ + list-style-image: url(../getImgPath(); ?>s_vars.png); +} + +li#li_mysql_processes{ + list-style-image: url(../getImgPath(); ?>s_process.png); +} + +li#li_mysql_collations{ + list-style-image: url(../getImgPath(); ?>s_asci.png); +} + +li#li_mysql_engines{ + list-style-image: url(../getImgPath(); ?>b_engine.png); +} + +li#li_mysql_binlogs { + list-style-image: url(../getImgPath(); ?>s_tbl.png); +} + +li#li_mysql_databases { + list-style-image: url(../getImgPath(); ?>s_db.png); +} + +li#li_export { + list-style-image: url(../getImgPath(); ?>b_export.png); +} + +li#li_import { + list-style-image: url(../getImgPath(); ?>b_import.png); +} + +li#li_change_password { + list-style-image: url(../getImgPath(); ?>s_passwd.png); +} + +li#li_log_out { + list-style-image: url(../getImgPath(); ?>s_loggoff.png); +} + +li#li_pma_docs { + list-style-image: url(../getImgPath(); ?>b_docs.png); +} + +li#li_phpinfo { + list-style-image: url(../getImgPath(); ?>php_sym.png); +} + +li#li_pma_homepage { + list-style-image: url(../getImgPath(); ?>b_home.png); +} + +li#li_mysql_privilegs{ + list-style-image: url(../getImgPath(); ?>s_rights.png); +} + +li#li_switch_dbstats { + list-style-image: url(../getImgPath(); ?>b_dbstatistics.png); +} + +li#li_flush_privileges { + list-style-image: url(../getImgPath(); ?>s_reload.png); +} +/* END iconic view for ul items */ + + + +#body_browse_foreigners { + background: ; + margin: 0.5em 0.5em 0 0.5em; +} + +#bodyquerywindow { + background: ; +} + +#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: ; +} + +#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: ; +} + +label.desc { + width: 30em; + float: ; } - diff --git a/aqua_brushed/info.inc.php b/aqua_brushed/info.inc.php index 997a5450b..916df7642 100644 --- a/aqua_brushed/info.inc.php +++ b/aqua_brushed/info.inc.php @@ -3,6 +3,5 @@ /* made By Luigi Saraullo */ /* Theme information */ $theme_name = 'Aqua Brushed'; -$theme_version = 1; -$theme_generation = 2; +$theme_full_version = '2.8'; ?> diff --git a/aqua_brushed/layout.inc.php b/aqua_brushed/layout.inc.php index 32f00e363..ec07be5bb 100644 --- a/aqua_brushed/layout.inc.php +++ b/aqua_brushed/layout.inc.php @@ -1,27 +1,86 @@ getImgPath() . 'RightBg.png)'; + +// color of the pointer in navi frame +$GLOBALS['cfg']['NaviPointerColor'] = '#9999CC'; + +/** + * main frame + */ +// foreground (text) color for the main frame +$GLOBALS['cfg']['MainColor'] = '#000000'; + +// background for the main frame +$GLOBALS['cfg']['MainBackground'] = '#ffffff fixed url(../' . $_SESSION['PMA_Theme']->getImgPath() . 'RightBg.png)'; + +// color of the pointer in browse mode +$GLOBALS['cfg']['BrowsePointerColor'] = '#BDC5CC'; + +// color of the marker (visually marks row by clicking on it) in browse mode +$GLOBALS['cfg']['BrowseMarkerColor'] = '#CCCCCC'; + +/** + * fonts + */ +/** + * the font family as a valid css font family value, + * if not set the browser default will be used + * (depending on browser, DTD and system settings) + */ +$GLOBALS['cfg']['FontFamily'] = ''; +/** + * fixed width font family, used in textarea + */ +$GLOBALS['cfg']['FontFamilyFixed'] = 'monospace'; +/** + * font size as a valid css font size value, + * if not set the browser default will be used + * (depending on browser, DTD and system settings) + */ +$GLOBALS['cfg']['FontSize'] = '8pt'; + +/** + * tables + */ +// border +$GLOBALS['cfg']['Border'] = 0; +// table header and footer color +$GLOBALS['cfg']['ThBackground'] = '#B5BDC7 repeat-x top url(../' . $_SESSION['PMA_Theme']->getImgPath() . 'tbl_header.png)'; +// table header and footer background +$GLOBALS['cfg']['ThColor'] = '#000000'; +// table data row background +$GLOBALS['cfg']['BgOne'] = '#EFEFEF'; +// table data row background, alternate +$GLOBALS['cfg']['BgTwo'] = '#E5E5E5'; + +/** + * query window + */ +// Width of Query window +$GLOBALS['cfg']['QueryWindowWidth'] = 550; +// Height of Query window +$GLOBALS['cfg']['QueryWindowHeight'] = 310; /** * SQL Parser Settings + * Syntax colouring data */ -$cfg['SQP']['fmtColor'] = array( // Syntax colouring data +$GLOBALS['cfg']['SQP']['fmtColor'] = array( 'comment' => '#808000', 'comment_mysql' => '', 'comment_ansi' => '',