From 84973470df08a269632287e66c52aa30f515ccc1 Mon Sep 17 00:00:00 2001 From: "wurblzap%gmail.com" <> Date: Wed, 18 Oct 2006 02:58:34 +0000 Subject: Bug 321556: Prepare Bugzilla to ship with at least 2 skins. Patch by Marc Schumann ; r=myk, a=justdave --- skins/standard/IE-fixes.css | 33 +++++++ skins/standard/buglist.css | 10 ++ skins/standard/global.css | 223 +++++++++++++++++++------------------------- 3 files changed, 141 insertions(+), 125 deletions(-) create mode 100755 skins/standard/IE-fixes.css (limited to 'skins') diff --git a/skins/standard/IE-fixes.css b/skins/standard/IE-fixes.css new file mode 100755 index 000000000..b0f34141d --- /dev/null +++ b/skins/standard/IE-fixes.css @@ -0,0 +1,33 @@ +/* The contents of this file are subject to the Mozilla Public + * License Version 1.1 (the "License"); you may not use this file + * except in compliance with the License. You may obtain a copy of + * the License at http://www.mozilla.org/MPL/ + * + * Software distributed under the License is distributed on an "AS + * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or + * implied. See the License for the specific language governing + * rights and limitations under the License. + * + * The Original Code is the Bugzilla Bug Tracking System. + * + * Contributor(s): Marc Schumann + */ + +#footer #useful-links li { + padding-bottom: 0.8ex; +} + +#footer .label { + display: block; + float: left; + width: 8.2em; + padding-bottom: 0.1ex; +} + +#footer #links-actions .label { + padding-top: 0.35em; +} + +#footer .links { + display: inline; +} diff --git a/skins/standard/buglist.css b/skins/standard/buglist.css index 45e4937d9..269f7427e 100644 --- a/skins/standard/buglist.css +++ b/skins/standard/buglist.css @@ -21,6 +21,16 @@ .bz_id_column { } +.bz_row_odd { + background-color: #F7F7F7; + color: #000000; +} + +.bz_row_even { + background-color: #FFFFFF; + color: #000000; +} + /* Style bug rows according to severity. */ .bz_blocker { color: red; font-weight: bold; } .bz_critical { color: red; } diff --git a/skins/standard/global.css b/skins/standard/global.css index 5111a4a4a..a2a25c717 100644 --- a/skins/standard/global.css +++ b/skins/standard/global.css @@ -19,30 +19,34 @@ * Christian Reis * Vitaly Harisov * Svetlana Harisova + * Marc Schumann */ -body -{ - color: #000; - background-color: #fff; -} +/* global (begin) */ + body { + font-family: sans-serif; + color: #000; + background: #fff url("global/body-back.gif") repeat-x; + } +/* global (end) */ /* header (begin) */ - #header - { + #header { margin-bottom: 1em; padding-bottom: 2px; } - #header form - { + #header form { font-size: 85%; display: inline; } - #header .links - { - font-family: sans-serif; + #header .btn, + #header .txt { + font-size: 80%; + } + + #header .links { font-size: 85%; border-left: 1px solid silver; border-right: 1px solid silver; @@ -52,8 +56,7 @@ body padding: 0.5em; } - #message - { + #message { border: 1px solid red; padding: 0.3em; @@ -63,46 +66,45 @@ body /* header (end) */ /* banner (begin) */ - #banner - { + #banner { } /* banner (end) */ /* titles (begin) */ - #titles - { + #titles { width: 100%; background-color: #404D6C; color: #fff; - -moz-border-radius: 5px; - font-family: sans-serif; + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 5px; font-size: 110%; margin: 0; padding: 0.5em; vertical-align: bottom; } - #titles a - { + #titles a { color: #fff; } - #titles #title - { + #titles p { + margin: 0; + padding: 0; + } + + #titles #title { font-weight: bold; white-space: nowrap; } - #titles #subtitle - { + #titles #subtitle { font-weight: normal; width: 100%; text-align: center; } - #titles #information - { + #titles #information { font-weight: normal; text-align: right; font-size: 90%; @@ -112,101 +114,82 @@ body /* titles (end) */ /* footer (begin) */ - #footer - { - float: left; + #footer { margin-top: 5px; width: 100%; - font-family: sans-serif; background: #edf2f2; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } - #footer form - { + #footer form { display: inline; } - #footer .btn, #footer .txt - { - font-size: 0.8em; + #footer .btn, + #footer .txt { + font-size: 80%; } - #footer #useful-links - { - padding: 0.3em; - } - - /* hide from MSIE and NN4 */ - [id]#footer #useful-links - { - margin: 0.3em; + #footer #useful-links { display: table; + padding-left: 1ex; + padding-right: 1ex; } #footer #links-actions, #footer #links-edit, #footer #links-saved, - #footer #links-special - { + #footer #links-special { display: table-row; + list-style-type: none; } - #footer .label - { - width: 8.2em; - display: block; - float: left; - - vertical-align: baseline; - - padding: 0.1em 0.2em; - } - - #footer #links-actions .label - { - padding-top: 0.45em; + #footer .label { + display: table-cell; + white-space: nowrap; + vertical-align: top; } - /* hide from MSIE and NN4 */ - [id]#footer .label - { + #footer .links { display: table-cell; - float: none; - width: auto; - - padding-top: 0; + vertical-align: top; } +/* footer (end) */ - #footer .links - { - display: table-cell; +/* link lists (begin) */ + ul.links { + margin: 0; + padding: 0; + list-style-type: none; + } - padding: 0.1em 0.2em; + ul.links li { + display: inline; + white-space: nowrap; } +/* link lists (end) */ - /* hide from MSIE and NN4 */ - [id]#footer .links - { - padding-top: 0; +/* tabs (begin) */ + .tabs td { + background: #eee; + text-align: center; + border-style: solid; + border-color: black; + border-width: 0px 0px 2px 0px; + } - vertical-align: baseline; + .tabs td.selected { + background: white; + border-width: 2px 2px 0px 2px; } - /* hide from MSIE and NN4 */ - #footer+* - { - clear: both; + .tabs td.spacer { + background: white; } -/* footer (end) */ +/* tabs (end) */ /* generic (begin) */ - body - { - background: #fff url("global/body-back.gif") repeat-x; - } - :link { color: #039; } @@ -222,6 +205,10 @@ body :link:active, :link:active { color: #000; } + + .clickable_area { + cursor: pointer; + } /* generic (end) */ div#docslinks { @@ -235,60 +222,46 @@ div#docslinks { margin: 0; } -.bz_obsolete { text-decoration: line-through; } -.bz_inactive { text-decoration: line-through; } +.bz_obsolete { + text-decoration: line-through; +} +.bz_inactive { + text-decoration: line-through; +} .bz_closed, .bz_CLOSED td { text-decoration: line-through; } -.bz_private { color: darkred ; background : #f3eeee ; } -.bz_disabled { color: #a0a0a0 ; } - -.bz_row_odd -{ - background-color: #F7F7F7; - color: #000000; +.bz_private { + color: darkred; + background: #f3eeee; +} +.bz_disabled { + color: #a0a0a0; } -.bz_row_even -{ - background-color: #FFFFFF; - color: #000000; +.bz_comment { + margin-bottom: 2em; } -.bz_comment { background-color: #e0e0e0; } -.bz_comment_hilite pre -{ +.bz_comment_head { + background-color: #e0e0e0; +} +.bz_comment_hilite pre { background-color: lightgreen; margin: 0; padding: 1em 0; } -td.tab -{ - background: #eee; - text-align: center; - border-style: solid; - border-color: black; - border-width: 0px 0px 2px 0px; -} - -td.tab.selected -{ - background: white; - border-width: 2px 2px 0px 2px; -} - -td.tab.spacer -{ - background: white; -} - span.quote { color: #65379c; } -table#flags th, table#flags td { vertical-align: baseline; text-align: left; } +table#flags th, +table#flags td { + vertical-align: baseline; + text-align: left; +} .throw_error { background-color: #ff0000; -- cgit v1.2.3-24-g4f1b