diff options
Diffstat (limited to 'skins/standard')
-rw-r--r-- | skins/standard/IE-fixes.css | 4 | ||||
-rw-r--r-- | skins/standard/bug_groups.css | 31 | ||||
-rw-r--r-- | skins/standard/buglist.css | 44 | ||||
-rw-r--r-- | skins/standard/create_bug.css | 71 | ||||
-rw-r--r-- | skins/standard/fira/FiraMono-Bold.woff | bin | 0 -> 94732 bytes | |||
-rw-r--r-- | skins/standard/fira/FiraMono-Regular.woff | bin | 0 -> 86572 bytes | |||
-rw-r--r-- | skins/standard/fira/FiraSans-Bold.woff | bin | 0 -> 198080 bytes | |||
-rw-r--r-- | skins/standard/fira/FiraSans-BoldItalic.woff | bin | 0 -> 209004 bytes | |||
-rw-r--r-- | skins/standard/fira/FiraSans-Italic.woff | bin | 0 -> 192184 bytes | |||
-rw-r--r-- | skins/standard/fira/FiraSans-Regular.woff | bin | 0 -> 183268 bytes | |||
-rw-r--r-- | skins/standard/fira/FiraSans-SemiBold.woff | bin | 0 -> 198128 bytes | |||
-rw-r--r-- | skins/standard/fira/FiraSans-SemiBoldItalic.woff | bin | 0 -> 208040 bytes | |||
-rw-r--r-- | skins/standard/global.css | 929 | ||||
-rw-r--r-- | skins/standard/index.css | 77 | ||||
-rw-r--r-- | skins/standard/search.png | bin | 0 -> 199 bytes | |||
-rw-r--r-- | skins/standard/search_form.css | 6 | ||||
-rw-r--r-- | skins/standard/show_bug.css | 85 | ||||
-rw-r--r-- | skins/standard/throbber.gif | bin | 723 -> 0 bytes |
18 files changed, 1219 insertions, 28 deletions
diff --git a/skins/standard/IE-fixes.css b/skins/standard/IE-fixes.css index 7ef30e501..0e326286d 100644 --- a/skins/standard/IE-fixes.css +++ b/skins/standard/IE-fixes.css @@ -61,3 +61,7 @@ form#Create #comp_desc { } +.bz_short_desc_column a, .bz_short_short_desc_column a { + /* color:inherit */ + color: expression(this.parentNode.currentStyle['color']); +} diff --git a/skins/standard/bug_groups.css b/skins/standard/bug_groups.css new file mode 100644 index 000000000..86d64153c --- /dev/null +++ b/skins/standard/bug_groups.css @@ -0,0 +1,31 @@ +/* colorize bugs in various groups */ +/* these are also defined in skins/contrib/Mozilla/global.css */ + +body[class*=bz_group_] { + background-color: #e0e0ff; + border-left: solid red 2px; + padding-left: 13px; +} + +body[class*=bz_group_] #bugzilla-body { + background-color: inherit; +} + +body.bz_group_infrasec { + background-color: #ffcc99; +} + +body.bz_group_webtools-security, +body.bz_group_websites-security, +body.bz_group_bugzilla-security { + background-color: #ffeeee; +} + +body.bz_group_client-services-security, +body.bz_group_cloud-services-security { + background-color: #ffff80; +} + +body[class*=core-security] { + background-color: #ffe0b0; +} diff --git a/skins/standard/buglist.css b/skins/standard/buglist.css index e6460a48b..e0298b0aa 100644 --- a/skins/standard/buglist.css +++ b/skins/standard/buglist.css @@ -84,12 +84,12 @@ /* Align columns in the "change multiple bugs" form to the right. */ table#form tr th { text-align: right; } -table.bz_buglist td, table.bz_buglist th { +table.bz_buglist td, table.bz_buglist th { } /* we use a first-child class and not the pseudo-class because IE * doesn't support it :-( */ -tr.bz_secure td.first-child, a.bz_secure { +tr.bz_secure td.first-child, a.bz_secure { background-image: url("../../images/padlock.png"); background-position: center left; background-repeat: no-repeat; @@ -150,3 +150,43 @@ td.bz_total { table.requests th { text-align: left; } +/* For the JS-sorting buglist. */ + +th.sorttable_sorted, +th.sorttable_sorted_reverse, +th.sorted_0 { + background-color: #aaa; +} + +th.sorted_1 { + background-color: #bbb; +} + +th.sorted_2 { + background-color: #ccc; +} + +th.sorted_3 { + background-color: #ddd; +} + +th.sorted_4 { + background-color: #eee; +} + +th.sorted_5 { + background-color: #fff; +} + +.bz_short_desc_column a, .bz_short_short_desc_column a { + text-decoration: none; + color: inherit; +} + +.bz_short_desc_column a:hover, .bz_short_short_desc_column a:hover { + text-decoration: underline; +} + +#request_form #filtering th { + padding-left: 0.5em; +} diff --git a/skins/standard/create_bug.css b/skins/standard/create_bug.css new file mode 100644 index 000000000..333aff48f --- /dev/null +++ b/skins/standard/create_bug.css @@ -0,0 +1,71 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this file, + * You can obtain one at http://mozilla.org/MPL/2.0/. + * + * This Source Code Form is "Incompatible With Secondary Licenses", as + * defined by the Mozilla Public License, v. 2.0. */ + + +.tracking_flags .field_label a { + font-weight: normal !important; + color: #000; +} + +#guided { + margin-top: 30px; +} + +#component { + width: 25em; +} + +.hidden_text { + opacity: 0; + filter: alpha(opacity=0); +} + +#bug_create_warning { + border: 1px solid #dddddd; + background: #fff9db; + color: #666458; + padding: 5px; +} + +#bug_create_warning_image { + float: left; + padding: 5px; +} + +#bug_create_warning_text { + margin-left: 42px; +} + +#keyword_container, +#bug_mentors_autocomplete, +#container_see_also { + width: 25em +} + +#custom_form_list { + font-weight: bold; + border: 1px solid #dddddd; + background: #fff9db; + color: #666458; + padding: 5px 5px 10px 5px; + min-height: 48px; + border-radius: 5px; +} + +#custom_form_list_image { + float: left; +} + +#custom_form_list_text { + margin-left: 55px; +} + +#custom_form_list ul { + margin-top: 0.5em; + margin-bottom: 0; + padding-left: 20px; +} diff --git a/skins/standard/fira/FiraMono-Bold.woff b/skins/standard/fira/FiraMono-Bold.woff Binary files differnew file mode 100644 index 000000000..735352fb9 --- /dev/null +++ b/skins/standard/fira/FiraMono-Bold.woff diff --git a/skins/standard/fira/FiraMono-Regular.woff b/skins/standard/fira/FiraMono-Regular.woff Binary files differnew file mode 100644 index 000000000..b38ee144d --- /dev/null +++ b/skins/standard/fira/FiraMono-Regular.woff diff --git a/skins/standard/fira/FiraSans-Bold.woff b/skins/standard/fira/FiraSans-Bold.woff Binary files differnew file mode 100644 index 000000000..a8dba6487 --- /dev/null +++ b/skins/standard/fira/FiraSans-Bold.woff diff --git a/skins/standard/fira/FiraSans-BoldItalic.woff b/skins/standard/fira/FiraSans-BoldItalic.woff Binary files differnew file mode 100644 index 000000000..54895de69 --- /dev/null +++ b/skins/standard/fira/FiraSans-BoldItalic.woff diff --git a/skins/standard/fira/FiraSans-Italic.woff b/skins/standard/fira/FiraSans-Italic.woff Binary files differnew file mode 100644 index 000000000..298019498 --- /dev/null +++ b/skins/standard/fira/FiraSans-Italic.woff diff --git a/skins/standard/fira/FiraSans-Regular.woff b/skins/standard/fira/FiraSans-Regular.woff Binary files differnew file mode 100644 index 000000000..d8e0363f4 --- /dev/null +++ b/skins/standard/fira/FiraSans-Regular.woff diff --git a/skins/standard/fira/FiraSans-SemiBold.woff b/skins/standard/fira/FiraSans-SemiBold.woff Binary files differnew file mode 100644 index 000000000..8b408d4d0 --- /dev/null +++ b/skins/standard/fira/FiraSans-SemiBold.woff diff --git a/skins/standard/fira/FiraSans-SemiBoldItalic.woff b/skins/standard/fira/FiraSans-SemiBoldItalic.woff Binary files differnew file mode 100644 index 000000000..2592e4fcf --- /dev/null +++ b/skins/standard/fira/FiraSans-SemiBoldItalic.woff diff --git a/skins/standard/global.css b/skins/standard/global.css index 17ce5ed7b..ccf62dc74 100644 --- a/skins/standard/global.css +++ b/skins/standard/global.css @@ -144,7 +144,7 @@ /* footer (begin) * See also the "header" section for styles that apply - * to both the header and footer. + * to both the header and footer. */ #footer { clear: both; @@ -201,7 +201,7 @@ border-color: black; border-width: 0px 0px 2px 0px; } - + .tabs td.selected { background: white; border-width: 2px 2px 0px 2px; @@ -312,7 +312,7 @@ div#docslinks { width: 50em; } -.bz_comment_user, .bz_comment_time, .bz_comment_number, +.bz_comment_user, .bz_comment_time, .bz_comment_number, .bz_private_checkbox, .bz_comment_actions { margin: 0 .5em; @@ -334,7 +334,7 @@ div#docslinks { text-decoration: none; } -.bz_private_checkbox input { +.bz_private_checkbox input { margin: 0; vertical-align: middle; } @@ -585,8 +585,8 @@ input.required, select.required, span.required_explanation { .calendar_button span { display: none } /* These classes are set by YUI. */ .yui-calcontainer { - display: none; - background-color: white; + display: none; + background-color: white; padding: 10px; border: 1px solid #404D6C; } @@ -721,7 +721,7 @@ input.required, select.required, span.required_explanation { } .autocomplete-running { - background-image: url("throbber.gif") !important; + background-image: url(../../images/throbber.gif) !important; background-repeat: no-repeat !important; background-position: right 8px center !important; } @@ -743,3 +743,918 @@ input.required, select.required, span.required_explanation { #login .field-restrict, #login .field-remember { margin-left: 7em; } + +@font-face{ + font-family: 'Fira Sans'; + src: local('Fira Sans'), local('FiraSans'), + url('fira/FiraSans-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face{ + font-family: 'Fira Sans'; + src: local('Fira Sans Italic'), local('FiraSansItalic'), + url('fira/FiraSans-Italic.woff') format('woff'); + font-weight: 400; + font-style: italic; +} + +@font-face{ + font-family: 'Fira Sans'; + src: local('Fira Sans SemiBold'), local('FiraSansSemiBold'), + url('fira/FiraSans-SemiBold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face{ + font-family: 'Fira Sans'; + src: local('Fira Sans SemiBold Italic'), local('FiraSansSemiBoldItalic'), + url('fira/FiraSans-SemiBoldItalic.woff') format('woff'); + font-weight: 600; + font-style: italic; +} + +@font-face{ + font-family: 'Fira Sans'; + src: local('Fira Sans Bold'), local('FiraSansBold'), + url('fira/FiraSans-Bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face{ + font-family: 'Fira Sans'; + src: local('Fira Sans Bold Italic'), local('FiraSansBoldItalic'), + url('fira/FiraSans-BoldItalic.woff') format('woff'); + font-weight: 700; + font-style: italic; +} + +@font-face{ + font-family: 'Fira Mono'; + src: local('Fira Mono'), local('FiraMono'), + url('fira/FiraMono-Regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face{ + font-family: 'Fira Mono'; + src: local('Fira Mono Bold'), local('FiraMonoBold'), + url('fira/FiraMono-Bold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +body { + background: #f6f4ec; + background-image: url(../../images/noise.png); + background-image: url(../../images/noise.png), -moz-linear-gradient(#d7d3c8, #f6f4ec 400px); + background-image: url(../../images/noise.png), -webkit-linear-gradient(#d7d3c8, #f6f4ec 400px); + background-image: url(../../images/noise.png), linear-gradient(#d7d3c8, #f6f4ec 400px); + background-repeat: repeat, repeat-x; + color: #404040; +} + +body, td, th, input, select, option, optgroup, .text_input { + font-family: "Fira Sans", "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; +} + +/* security group colouring */ +/* these are also defined in skins/standard/bug_groups.css */ + +body[class*=bz_group_] { + background-color: inherit; + background-image: url(../../images/noise.png), -moz-linear-gradient(#d7d7ff, #f0f0ff 400px); + background-image: url(../../images/noise.png), -webkit-linear-gradient(#d7d7ff, #f0f0ff 400px); + background-image: url(../../images/noise.png), linear-gradient(#d7d7ff, #f0f0ff 400px); +} + +body[class*=core-security], +body.bz_group_infrasec { + background-image: url(../../images/noise.png), -moz-linear-gradient(#ffe0b0, #fff4e3 400px); + background-image: url(../../images/noise.png), -webkit-linear-gradient(#ffe0b0, #fff4e3 400px); + background-image: url(../../images/noise.png), linear-gradient(#ffe0b0, #fff4e3 400px); +} + +body.bz_group_webtools-security, +body.bz_group_websites-security, +body.bz_group_bugzilla-security { + background-image: url(../../images/noise.png), -moz-linear-gradient(#ffcccc, #fff0f0 400px); + background-image: url(../../images/noise.png), -webkit-linear-gradient(#ffcccc, #fff0f0 400px); + background-image: url(../../images/noise.png), linear-gradient(#ffcccc, #fff0f0 400px); +} + +body.bz_group_client-services-security, +body.bz_group_cloud-services-security { + background-image: url(../../images/noise.png), -moz-linear-gradient(#ffffa3, #ffffe3 400px); + background-image: url(../../images/noise.png), -webkit-linear-gradient(#ffffa3, #ffffe3 400px); + background-image: url(../../images/noise.png), linear-gradient(#ffffa3, #ffffe3 400px); +} + +a, #header a, #header a:visited, #footer a, #footer a:visited { + color: #0095dd; +} + +a:hover, #header a:hover, #footer a:hover { + color: #00539f; +} + +select[multiple], textarea, input[type=text], input[type=password], +input[type=email], input[type=url], input[type=number], input:not([type]), .text_input, .yui-ac-input { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #b2b2b2; + border-radius: .25em; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); + background: white; + padding: 4px 3px 5px; + color: #404040; + vertical-align: top; +} + +select[multiple], .text_input, .yui-ac-input, input { + font-size: 1em; +} + +select[multiple]:focus, textarea:focus, .text-input:focus, -yui-ac-input:focus, input:focus { + border-color: #42a4e0; + -webkit-box-shadow: 0 0 0 2px rgba(73,173,227,0.4); + -moz-box-shadow: 0 0 0 2px rgba(73,173,227,0.4); + box-shadow: 0 0 0 2px rgba(73,173,227,0.4); +} + +select, select[multiple] { + font-size: 12px; +} + +hr { + border: none; + height: 1px; + color: #ccc; + background-color: #ccc; + margin: 1em 0; +} + +#changeform hr { + display: none; +} + +#header { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: #e5e3dc; + background: -moz-linear-gradient(#e5e3dc, #ecebe5); + background: -webkit-linear-gradient(#e5e3dc, #ecebe5); + background: linear-gradient(#e5e3dc, #ecebe5); + border-radius: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + border-top: 2px solid rgb(255, 255, 255); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + margin: -15px -15px 0 -15px; + color: transparent; +} + +#header .subheader { + text-align: left; + padding-left: 10px; +} + +#header .wrapper { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + margin: -1px auto 0px; + width: 99%; +} + +#header .wrapper:after { + clear: both; + content: "."; + display: block; + height: 0; + visibility: hidden; +} + +#header #bugzilla_version { + float: right; + color: #888; + padding: 5px 20px; +} + +#titles { + width: 100%; + background-color: transparent; + padding: 0 1em 0 1em; +} + +#information { + text-align: left; + padding-left: 2em; +} + +#title { + width: 150px; + font-size: 120%; +} + +#moz_tab { + width: 100px; + vertical-align: top; +} + +#moz_login { + text-align: right; + padding-right: 2em; + color: #404040; +} + +#header .links { + background: transparent; + border: none; + border-radius: 0; + color: #404040; + position: relative; + width: 50%; +} + +#header .links { + width: auto; +} + +.login-links ul { +} + +.login-links li { + display: inline; +} + +.links a { + margin: 0 10px 0 10px; +} + +.links .home { + font-weight: bold; +} + +.links .separator { + display: none; +} + +#quicksearch_top, #quicksearch_main { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: url(search.png) 5px center no-repeat, #fafafa; + background: url(search.png) 5px center no-repeat, -moz-linear-gradient(#fafafa, #fff); + background: url(search.png) 5px center no-repeat, -webkit-linear-gradient(#fafafa, #fff); + background: url(search.png) 5px center no-repeat, linear-gradient(#fafafa, #fff); + padding: .4em 1em .45em 26px; + width: 200px; +} + +#footer .links .quicksearch_form { + display: none; +} + +#header .form a { + margin: 0; +} + +.links .dropdown { + background: rgba(0, 0, 0, 0.05); + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: .25em; + display: inline-block; + padding: 4px 8px; + position: relative; + cursor: default; +} + +.links .dropdown .anchor { + background-image: url(../../images/dropdown.png); + background-position: right center; + background-repeat: no-repeat; + display: inline-block; + min-width: 110px; + padding-right: 15px; +} + +.links .dropdown ul { + background: #fafafa; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0 0 .25em .25em; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + display: none; + padding: 4px; + position: absolute; + right: -1px; + margin-top: 4px; + z-index: 2; + text-align: left; +} + +.links .dropdown:hover ul { + display: block; +} + +.links .dropdown li { + display: block; +} + +.links .dropdown:hover { + border-bottom-right-radius: 0; +} + +.links .dropdown li { + display: block; +} + +#bugzilla-body { + background: none; + border: none; + color: #404040; + margin: 10px auto 15px; + padding: 0; + width: 99%; +} + +#bugzilla-body th { + white-space: nowrap; +} + +/* Home */ + +/*#page-index { + max-width: none; +}*/ + +#page-index td:first-child { + text-align: center; +} + +#quicksearch_links { + margin-top: 10px; +} + +/* Bugs */ + +.navigation { + background: rgba(255, 255, 255, 0.3); + padding: 5px 10px; +} + +u { + border-bottom: 1px solid #aaa; + text-decoration: none; +} + +#field_container_see_also br { + margin-bottom: 10px; +} + +.bz_alias_short_desc_container { + background: none; + font-size: 20px; + font-weight: normal; + line-height: 30px; + padding: 5px 0; + text-shadow: 0 1px rgba(255, 255, 255, 0.2); +} + +.bz_alias_short_desc_container b { + font-weight: normal; +} + +.bz_alias_short_desc_container .editme { + font-weight: normal; +} + +.last_comment_link { + font-size: 18px; +} + +.last_comment_link b { + border-bottom: 1px solid #aaa; + font-weight: normal; +} + +table.edit_form { + background: #fff; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + margin-bottom: 20px; + padding: 10px 10px 80px; + position: relative; +} + +table.edit_form tbody { + width: 100%; +} + +table.edit_form hr { + display: none; +} + +.field_label { + font-weight: bold !important; + padding-right: 10px; + vertical-align: baseline; + white-space: nowrap; +} + +.field_label a, .field_label b { + color: #404040; + font-weight: bold; +} + +.field_value .text_input { + min-width: 0; +} + +#product, #component { + width: 235px; +} + +#bz_show_bug_column_1 tr:last-child span { + position: absolute; + left: 20px; + bottom: 20px; +} + +#commit_top { + position: absolute; + bottom: 20px; + right: 10px; +} + +.cc_list_display { + background: #fff; + float: none; + font-size: 11px; + margin-top: 3px; + max-width: none; + padding: 5px; +} + +#project-flags, #custom-flags { + border-collapse: collapse; +} + +#project-flags label, #custom-flags label { + margin-right: 10px; +} + +#cf_crash_signature { + width: 100%; +} + +#attachment_table { + background: #fff; + border: none; + border-collapse: collapse; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + margin-bottom: 40px; +} + +#attachment_table td { + border: none; +} + +#attachment_table th, .bz_attach_footer, .bz_time_tracking_table th { + background: #eee; + color: #404040; +} + +#attachment_table .bz_attach_actions { + white-space: nowrap; +} + +#attachment_table .bz_private .bz_attach_desc { + border-left: 4px solid darkred; +} + +/* background for diff views */ +.file_table, .file-table { + background: #ffffff; +} + +.bz_comment { + width: 65em !important; + margin: 0 0 20px; +} + +.bz_comment pre, #comment, #comment-preview { + font: 13px/1.2 "Droid Sans Mono", Menlo, Monaco, "Courier New", Courier, monospace; +} + +.bz_first_comment_head, .bz_comment_head { + font-weight: normal; + line-height: 32px; + padding-bottom: 2px; + padding-left: 0px; + margin-left: -5px; + white-space: nowrap; + background-color: transparent; +} + +.bz_comment_head img, .bz_first_comment_head img { + vertical-align: middle; +} + +.bz_comment_user a { + -moz-transition: all 100ms linear 0s; + -webkit-transition: all 100ms linear 0s; + transition: all 100ms linear 0s; + transition: all 100ms linear 0s; + color: #0095dd; + padding: 0px; + margin: 0px; +} + +.bz_comment_user a:hover { + -moz-transition: all 100ms linear 0s; + -webkit-transition: all 100ms linear 0s; + transition: all 100ms linear 0s; + background: #fff; + border: none; + text-decoration: none; +} + +.bz_comment_user .vcard { + font-weight: bold; +} + +.bz_comment_actions { + margin: 0px 0px; +} + +.new_user { + margin-left: 10px; +} + +.ih_history { + padding: 0 !important; +} + +.ih_history .bz_comment_head { + padding-bottom: 3px; +} + +.ih_history_item:not(.ih_hidden) ~ .ih_history_item:not(.ih_hidden) { + margin-top: 20px; +} + +.ih_history_change { + background: #eee; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + padding: 10px; + position: relative; +} + +.bz_comment_text { + background: #fff; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + margin: 1px 0 0 0; + overflow: auto; + padding: 10px; + position: relative; +} + +.bz_comment_text:after, .bz_comment_text:before { + bottom: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.bz_comment_text:after { + border-bottom-color: #fff; + border-width: 8px; + left: 16px; +} + +.bz_comment_text span.quote, .bz_comment_text span.quote_wrapped { + background: #eee !important; + color: #444 !important; + display: block !important; + margin-top: 5px !important; + margin-bottom: -10px !important; + overflow: auto; + padding: 5px !important; +} + +.bz_comment_tags { + background: #eee; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + border-top: 1px solid rgba(0, 0, 0, 0.1); + padding: 5px; +} + +.bz_comment_tag { + background: #fff; + color: #444; + border: none; + padding: 2px 6px; +} + +.bz_comment_tag a { + color: #0095DD; +} + +#bz_ctag_error { + border: none; + background-color: #faa; + color: #444; + padding: 2px 6px; +} + +#bz_ctag_error a { + color: #0095DD; +} + +.ih_inlinehistory { + background: #eee; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); + padding: 10px; + position: relative; + top: -1px; +} + +.bz_collapse_expand_comments li { + white-space: nowrap; +} + +#add_comment { + border: 1px solid #ccc; + border-width: 1px 0; + margin-bottom: 20px; + padding: 10px 0; +} + +#add_comment > table { + border-collapse: collapse; + width: 661px; +} + +#comment { + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +#comment_tabs { + margin-top: 2px; +} + +#comment_preview { + background: white; + display: block; + clear: both; +} + +#comment_preview_text { + background: transparent; + border: none; + box-shadow: none; + padding: 2px 2px 2px 1px; +} + +#footer { + background: #fff; + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 0; + color: #bbb; + width: auto; + margin-bottom: 1em; + margin-left: 6px; +} + +#links-actions, #links-saved { + margin-left: -10px; +} + +#footer form input { + padding: 1px 2px; + margin-top: 3px; +} + +#privacy-policy { + margin-bottom: 1em; +} + +button, input[type=submit], input[type=button], #commit, #commit_top, #header .btn, #header input[type=submit] { + background-color: #43a6e2; + background-image: -moz-linear-gradient(#43a6e2,#277ac1); + background-image: -webkit-linear-gradient(#43a6e2,#277ac1); + background-image: linear-gradient(#43a6e2,#277ac1); + -moz-transition: all linear 100ms; + -webkit-transition: all linear 100ms; + transition: all linear 100ms; + border-radius: .25em; + border: 0px none; + box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3); + color: rgb(255, 255, 255); + cursor: pointer; + display: inline-block; + font-size: 12px; + font-weight: 600; + text-align: center; + text-decoration: none; + text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); + padding: .425em 1em .5em; +} + +button:hover, input[type=submit]:hover, input[type=button]:hover, #commit:hover, #commit_top:hover, #header .btn:hover, #header input[type=submit]:hover { + -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed; + -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed; + box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed; + -moz-transition: all linear 100ms; + -webkit-transition: all linear 100ms; + transition: all linear 100ms; +} + +button:active, input[type=submit]:active, input[type=button]:active, #commit:active, #commit_top:active, #header .btn:active, #header input[type=submit]:active { + -webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2); + -moz-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2); + box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2); + -moz-transition: all linear 100ms; + -webkit-transition: all linear 100ms; + transition: all linear 100ms; +} + +button[disabled], input[type=submit][disabled], input[type=button][disabled], button[disabled]:hover, input[type=submit][disabled]:hover, input[type=button][disabled]:hover, button[disabled]:active, input[type=submit][disabled]:active, input[type=button][disabled]:active { + background-color: #bfc7cd; + background-image: -moz-linear-gradient(#bfc7cd,#9ca3aa); + background-image: -webkit-linear-gradient(#bfc7cd,#9ca3aa); + background-image: linear-gradient(#bfc7cd,#9ca3aa); + box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3); + cursor: pointer; +} + +.notransition { + -webkit-transition: none !important; + -moz-transition: none !important; + -o-transition: none !important; + -ms-transition: none !important; + transition: none !important; +} + +.calendar_button, .calendar_button:hover { + box-shadow: none; + padding: 0; +} + +.related_actions { + line-height: 19px; + padding: 5px 10px; +} + +/* Attachments */ + +#viewFrame { + border: 2px solid #222; + margin-bottom: 10px; +} + +#editFrame, #viewDiffFrame, #viewFrame { + margin-left: 0; +} + +#flags label { + font-weight: normal; +} + +/* tabs */ + +table.tabs { + border-collapse: separate; + border-spacing: 1em 0; +} + +.tabs td { + background: rgba(255,255,255,0.5); + padding: 1em; + text-align: center; + border-style: none; + font-size: 12px; + text-transform: uppercase; +} + +.tabs td.selected { + background: white; + font-weight: 700; +} + +.tabs td.spacer { + background: transparent; +} + +.tabs a { + color: #333; +} + +.tabbody { + background: white; + padding: 1em 2em; +} + +/* splinter */ + +#splinter-files .new-line, #splinter-files .old-line { + font-size: 90%; +} + +/* search */ + +#summary_field.search_field_row input { + padding-bottom: 6px; +} + +body { + margin: 0; + padding: 15px 15px 2px 15px; +} + +#header .btn, #header .txt { + font-size: 100%; +} + +#header #information { + color: #dddddd; + font-size: small; +} + +pre { + font-size: medium; +} + +#attachment_table { + width: 50em; +} + +#page-index #quicksearchForm { + padding-top: 20px; +} + +/* createaccount styling */ +.support_div { + width: 40%; + font-size: 80%; +} + +.support_div > img { + padding: 5px 20px; +} + +a { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +a.controller { + font-size: 100%; + border: 1px solid #c0c0c0; + padding: 3px; +} + +.group_secure > th > a { + background-image: url("../../images/padlock.png"); + background-position: center left; + background-repeat: no-repeat; + padding-left: 18px; +} + +#policy_links { + padding-right: 5px; + text-align: right; +} + +#policy_links li { + display: inline; +} + +.highlighted { + background: lightyellow; +} + +/* user dropdown menu down-arrow */ +.vcard a .fn:after, .vcard a .ln:after { + content: ' \25BE'; +} diff --git a/skins/standard/index.css b/skins/standard/index.css index 1e440cb99..f7533c6c4 100644 --- a/skins/standard/index.css +++ b/skins/standard/index.css @@ -11,7 +11,7 @@ * The Original Code is the Bugzilla Bug Tracking System. * * Contributor(s): Vitaly Harisov <vitaly@rathedg.com> - * Guy Pyrzak <guy.pyrzak@gmail.com> + * Guy Pyrzak <guy.pyrzak@gmail.com> */ /* index page (begin) */ @@ -19,7 +19,7 @@ #page-index { padding: 0.2em 0.2em 0.15em 0.2em; - max-width: 1000px; + max-width: none; } /* By default these contain nothing, but these CSS rules make things @@ -76,36 +76,30 @@ .bz_common_actions a:hover { text-decoration: none; } - #enter_bug { background: url(index/file-a-bug.png) no-repeat; } - #query { background: url(index/search.png) no-repeat; } - #account { - background: url(index/new-account.png) no-repeat; - margin-right: 0; - } - + #quicksearchForm { clear: both; text-align: center; margin-bottom: 2em; } - + #quicksearchForm #quicksearch_main { width: 27em; } - + #quicksearchForm { margin: 0; padding: 0; } - + #page-index table{ border-collapse: collapse; margin: auto; } - + #welcome { font-size: x-large; @@ -114,30 +108,75 @@ margin: 0 0 0.8em 0; padding: 0; } - - ul.additional_links + + ul.additional_links { list-style: none; margin: 0; padding: 0; } - + ul#quicksearch_links{ margin-bottom: 1em; } - + ul.additional_links li { display: inline; } - + ul.additional_links li.bz_default_hidden { display: none; } - + input.quicksearch_help_text { color: #ccc; } /* index page (end) */ + + + #enter_bug + { + background: url(../../images/bugzilla-papericon.png) no-repeat; + } + #query + { + background: url(../../images/bugzilla-magnifier.png) no-repeat; + } + #account + { + background: url(../../images/bugzilla-person-alternate.png) no-repeat; + margin-right: 0; + } + #docs + { + background: url(../../images/bugzilla-questionmark2.png) no-repeat !important; + } + + #page-index .intro { display: inline; } + + #docs { background: url(../standard/index/help.png) no-repeat; } + + .bz_common_actions + { + display: block; + height: 170px; + width: 145px; + float: left; + margin: 0 2ex 2em 0; + text-align: center; + } + .bz_common_actions span + { + position: relative; + top: 95%; + font-weight: bold; + } + .bz_common_actions, + .bz_common_actions:visited, + .bz_common_actions:hover + { + text-decoration: none; + } diff --git a/skins/standard/search.png b/skins/standard/search.png Binary files differnew file mode 100644 index 000000000..a56b5e2cd --- /dev/null +++ b/skins/standard/search.png diff --git a/skins/standard/search_form.css b/skins/standard/search_form.css index 509d87f66..71ce22484 100644 --- a/skins/standard/search_form.css +++ b/skins/standard/search_form.css @@ -204,3 +204,9 @@ div.bz_section_title span { .bz_simple_search_form th { text-align: right; } + +/* let the browser choose the select height from the "size" param */ +.search_field_grid select { + height: auto; +} + diff --git a/skins/standard/show_bug.css b/skins/standard/show_bug.css index d266419c5..0ef6722f9 100644 --- a/skins/standard/show_bug.css +++ b/skins/standard/show_bug.css @@ -159,3 +159,88 @@ table#flags { float: right; } + +.last_comment_link { + float: right; + font-size: 80%; + font-weight: normal; + margin-left: 1em; +} + +#legal_disclaimer { + width: 40em; + padding: 1em; + margin: 0 1em 1em 1em; + font-weight: bold; + border: 1px red solid; + background-color: lightyellow; +} + +.bz_patch { + background: #ffffcc; +} + +.cc_list_display { + list-style: none; + margin:0px; + padding:5px; + padding-right:20px; + overflow:auto; + float:left; + max-width:465px; + max-height:100px; + border:1px solid #CCC; +} + +.cc_list_display li { + margin:0px; + padding:0px; + white-space:nowrap; +} + +#wave_wand { + margin-top: 0px; +} + +/* put the width on the TD rather than the PRE to stop the col resizing + when comments are hidden */ +.bz_comment { + width: 55em; +} +.bz_comment_text { + width: auto; +} + +.bz_comment_number { + float: right; +} + +/* style all field labels the same */ + +.field_label, .field_label a { + color: #000; + font-weight: bold; +} + +.field_label a { + cursor: help; +} + +.edit_form table th:first-child { + width: 0px; +} + +#bz_show_bug_column_1, #bz_show_bug_column_2 { + width: 50%; +} + +/* fix flag table's vertical alignment */ + +table#flags { + border-collapse: collapse; + border-spacing: 0px; +} + +div[class="bz_comment"]:target { + border: 2px solid #0095DD; +} diff --git a/skins/standard/throbber.gif b/skins/standard/throbber.gif Binary files differdeleted file mode 100644 index bc4fa6561..000000000 --- a/skins/standard/throbber.gif +++ /dev/null |