From 4da53d8f712210eba8ab81f85bb64ec15720085a Mon Sep 17 00:00:00 2001 From: Ryan Wilson Date: Sat, 10 Sep 2016 11:47:41 -0400 Subject: Bug 988971 - Replace Classic with "Sandstone" skin as Standard skin r=dylan,a=dylan --- Bugzilla/Install.pm | 2 +- skins/contrib/Dusk/global.css | 44 ++ skins/standard/bug.css | 93 +++- skins/standard/buglist.css | 4 + skins/standard/global.css | 570 +++++++++++++++++++-- skins/standard/global/noise.png | Bin 0 -> 3077 bytes skins/standard/global/opensans-bold.woff | Bin 0 -> 22748 bytes skins/standard/global/opensans-semibold.woff | Bin 0 -> 22604 bytes skins/standard/global/opensans.woff | Bin 0 -> 21956 bytes skins/standard/global/search.png | Bin 0 -> 199 bytes skins/standard/index/bugzilla-magnifier.png | Bin 0 -> 7491 bytes skins/standard/index/bugzilla-papericon.png | Bin 0 -> 3800 bytes skins/standard/index/bugzilla-person-alternate.png | Bin 0 -> 8359 bytes skins/standard/index/bugzilla-questionmark2.png | Bin 0 -> 11552 bytes 14 files changed, 674 insertions(+), 39 deletions(-) create mode 100644 skins/standard/global/noise.png create mode 100644 skins/standard/global/opensans-bold.woff create mode 100644 skins/standard/global/opensans-semibold.woff create mode 100644 skins/standard/global/opensans.woff create mode 100644 skins/standard/global/search.png create mode 100644 skins/standard/index/bugzilla-magnifier.png create mode 100644 skins/standard/index/bugzilla-papericon.png create mode 100644 skins/standard/index/bugzilla-person-alternate.png create mode 100644 skins/standard/index/bugzilla-questionmark2.png diff --git a/Bugzilla/Install.pm b/Bugzilla/Install.pm index 5708333ed..b02a3a7e9 100644 --- a/Bugzilla/Install.pm +++ b/Bugzilla/Install.pm @@ -67,7 +67,7 @@ sub SETTINGS { state_addselfcc => { options => ['always', 'never', 'cc_unless_role'], default => 'cc_unless_role' }, # 2006-08-04 wurblzap@gmail.com -- Bug 322693 - skin => { subclass => 'Skin', default => 'Dusk' }, + skin => { subclass => 'Skin', default => 'Classic' }, # 2006-12-10 LpSolit@gmail.com -- Bug 297186 lang => { subclass => 'Lang', default => ${Bugzilla->languages}[0] }, diff --git a/skins/contrib/Dusk/global.css b/skins/contrib/Dusk/global.css index 7ffb91014..e0a18bbef 100644 --- a/skins/contrib/Dusk/global.css +++ b/skins/contrib/Dusk/global.css @@ -16,8 +16,20 @@ body { /* page title */ #titles { + width: 100%; + background-color: #404D6C; + color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; + padding: 0px; +} + +#header .links { + border-left: 1px solid #747E93; + border-right: 1px solid #747E93; + border-bottom: 1px solid #747E93; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } #header .links, #footer { @@ -36,8 +48,13 @@ body { text-decoration: none; } #header a:hover, #footer a:hover { + color: white; text-decoration: underline; } +#header a:visited, #footer a:visited { + color: white; + text-decoration: none; +} /* body */ @@ -53,6 +70,7 @@ body { a { color: #6070cf; } + a:hover { color: #8090ef; } @@ -70,6 +88,10 @@ hr { padding-top: 2px; } +.field_label a, .field_label b { + color: #6070cf; +} + /* attachments */ #attachment-list { @@ -140,6 +162,10 @@ hr { margin-left: 0; } +.bz_comment_user a { + color: #6070cf; +} + .bz_comment.bz_private { background-color: #f0e8e8; border-color: #f8c8ba; @@ -174,6 +200,9 @@ hr { } /* tabs */ +table.tabs { + border-collapse: collapse; +} .tabbed .tabbody { background: #f8f8f8; @@ -189,9 +218,15 @@ hr { border-collapse: collapse; } +.tabs a { + color: #6070cf; +} + .tabs td { background: #c8c8c8; + border-style: solid; border-width: 1px; + text-transform: none; } .tabs td.selected { @@ -216,6 +251,15 @@ hr { clear:both; } +.column_header { + background-color: #66f; +} + +#enter_bug { background: url(../../standard/index/file-a-bug.png) no-repeat; } +#query { background: url(../../standard/index/search.png) no-repeat; } +#account { background: url(../../standard/index/new-account.png) no-repeat; } +#help { background: url(../../standard/index/help.png) no-repeat; } + /* Rules specific for printing */ @media print { #header, diff --git a/skins/standard/bug.css b/skins/standard/bug.css index 35d169c1e..56422b51b 100644 --- a/skins/standard/bug.css +++ b/skins/standard/bug.css @@ -117,7 +117,6 @@ table#attachment_flags th, table#attachment_flags td { .bz_short_desc_container { margin: 8px 0; padding: 0.3em; - background-color: rgb(208, 208, 208); border-radius: 0.5em; font-size: 125%; font-weight: bold; @@ -134,6 +133,23 @@ table#attachment_flags th, table#attachment_flags td { width: 10em; } +.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; +} + table#flags { width: auto; } @@ -143,12 +159,13 @@ table#flags { } .related_actions { + line-height: 19px; + padding: 5px 10px; font-size: 0.85em; float: right; list-style-type: none; white-space: nowrap; margin: 0; - padding: 0; } .related_actions li { @@ -239,16 +256,24 @@ table#flags { } .bz_comment_tags { + background: #eee; + border-top: 1px solid rgba(0, 0, 0, 0.1); + padding: 5px; margin-top: 3px; } .bz_comment_tag { - border: 1px solid #c8c8ba; - padding: 1px 3px; + background: #fff; + color: #444; + border: none; + padding: 2px 6px; margin-right: 2px; border-radius: 0.5em; background-color: #eee; - color: #000; +} + +.bz_comment_tag a { + color: #0095DD; } #bz_ctag_div { @@ -256,13 +281,19 @@ table#flags { } #bz_ctag_error { - border: 1px solid #ff6666; - padding: 0px 2px; + border: none; + background-color: #faa; + color: #444; + padding: 2px 6px; border-radius: 0.5em; margin: 2px; display: inline-block; } +#bz_ctag_error a { + color: #0095DD; +} + #comment_tags_collapse_expand_container { padding-top: 1em; } @@ -417,6 +448,13 @@ table.file_table { border-bottom: 1px solid black; } +body[class*=bz_group_] { + background-color: inherit; + background-image: url(index/noise.png), -moz-linear-gradient(#d7d7ff, #f0f0ff 400px); + background-image: url(index/noise.png), -webkit-linear-gradient(#d7d7ff, #f0f0ff 400px); + background-image: url(index/noise.png), linear-gradient(#d7d7ff, #f0f0ff 400px); +} + tbody.file pre { display: inline; font-size: 0.9em; @@ -455,6 +493,40 @@ table.attachment_info td { vertical-align: top; } +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; +} + +.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; +} + /* Text displayed when the attachment is not viewable by the web browser */ #noview { text-align: left; @@ -561,7 +633,12 @@ div#update_container { #editFrame, #viewDiffFrame, #viewFrame { height: 400px; width: 95%; - margin-left: 2%; + margin-left: 0; +} + +#viewFrame { + border: 2px solid #222; + margin-bottom: 10px; } .viewall_frame_container { diff --git a/skins/standard/buglist.css b/skins/standard/buglist.css index 74a1e37d7..8f6359191 100644 --- a/skins/standard/buglist.css +++ b/skins/standard/buglist.css @@ -216,6 +216,10 @@ table.requests th { white-space: nowrap; } +#summary_field.search_field_row input { + padding-bottom: 6px; +} + #bug_id_container { display: inline-block; vertical-align: middle; diff --git a/skins/standard/global.css b/skins/standard/global.css index 90cd1743d..8f994d962 100644 --- a/skins/standard/global.css +++ b/skins/standard/global.css @@ -7,16 +7,49 @@ */ /* global (begin) */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(global/opensans.woff) format('woff'); + } + + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(global/opensans-semibold.woff) format('woff'); + } + + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(global/opensans-bold.woff) format('woff'); + } + body { font-family: sans-serif; - color: #000; - background: #fff url("global/body-back.gif") repeat-x; + color: #404040; + background: #f6f4ec; + background-image: url(global/noise.png); + background-image: url(global/noise.png), -moz-linear-gradient(#d7d3c8, #f6f4ec 400px); + background-image: url(global/noise.png), -webkit-linear-gradient(#d7d3c8, #f6f4ec 400px); + background-image: url(global/noise.png), linear-gradient(#d7d3c8, #f6f4ec 400px); + background-repeat: repeat, repeat-x; + padding: 15px 15px 2px 15px; + margin: 0; } + body, td, th, input, dt, #titles { font-family: Verdana, sans-serif; font-size: small; } + body, td, th, input, select, option, optgroup, .text_input { + font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; + } + /* header and footer are required for IE8. IE9+ support them natively. * main is required for all IE versions and KHTML-based browsers. * Other browsers support them natively already. */ @@ -30,6 +63,12 @@ } #bugzilla-body { + background: none; + border: none; + color: #404040; + margin: 10px auto 15px; + padding: 0; + width: 99% clear: both; } @@ -42,7 +81,49 @@ /* header (begin) */ #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; margin-bottom: 1em; + 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 a, #header a:visited, #footer a, #footer a:visited { + color: #0095dd; + text-decoration: none; + } + + #header a:hover, #footer a:hover { + color: #00539f; } #header form, #header form input, @@ -52,13 +133,18 @@ display: inline; } + #header .form a { + margin: 0; + } + #header .links { - border-left: 1px solid #747E93; - border-right: 1px solid #747E93; - border-bottom: 1px solid #747E93; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; + background: transparent; + border: none; + border-radius: 0; + color: #404040; + position: relative; padding: 0.5em; + width: auto; } #lang_links_container { @@ -82,6 +168,12 @@ color: green; } + #bugzilla_version { + float: right; + color: #888; + padding 5px 20px; + } + form.mini_login input.bz_login { width: 10em; } @@ -102,9 +194,10 @@ /* titles (begin) */ #titles { - width: 100%; - background-color: #404D6C; - color: #fff; + width: 95%; + background-color: transparent; + color: #000; + padding: 10px 10px 0px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0; @@ -128,6 +221,12 @@ display: table-cell; } + #title { + width: 150px; + font-size: 120%; + padding: 0px 0px 0px 5px; + } + #titles #subtitle { font-weight: normal; text-align: center; @@ -144,6 +243,16 @@ display: table-cell; } + #information { + text-align: left; + } + + #information p { + float: right; + color: #888; + padding: 5px 20px; + } + /* titles (end) */ /* footer (begin) @@ -151,10 +260,11 @@ * to both the header and footer. */ #footer { + background: #fff; + color: #bbb; + width: auto; clear: both; margin-top: 1em; - width: 100%; - background: #edf2f2; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } @@ -182,6 +292,10 @@ #footer .links { vertical-align: top; } + + #footer .links .quicksearch_form { + display: none; + } /* footer (end) */ /* link lists (begin) */ @@ -199,6 +313,8 @@ /* tabs (begin) */ table.tabs { + border-collapse: separate; + border-spacing: 1em 0; width: 100%; } @@ -207,34 +323,48 @@ } .tabs td { - background: #eee; + background: rgba(255,255,255,0.5); + padding: 1em; text-align: center; - border-style: solid; + border-style: none; + font-size: 12px; + text-transform: uppercase; border-color: black; border-width: 0px 0px 2px 0px; } .tabs td.selected { background: white; + font-weight: 700; border-width: 2px 2px 0px 2px; } .tabs td.spacer { + background: transparent; + } + + .tabs a { + color: #333; + } + + .tabbody { background: white; + padding: 1em 2em; } /* tabs (end) */ /* generic (begin) */ a { - color: #039; + color: #0095dd; + text-decoration: none; } a:visited { color: #636; } - a:hover { - color: #333; + a:hover, #header a:hover, #footer a:hover { + color: #00539f; } a:active { @@ -248,6 +378,18 @@ textarea { font-family: monospace; } + + hr { + border: none + height: 1px; + color: #ccc; + background-color: #ccc; + margin: 1em 0; + } + + #changeform hr { + display: none; + } /* generic (end) */ #login_form { @@ -292,6 +434,17 @@ div#docslinks { /**************************/ /* Bug links and statuses */ /**************************/ +.links a { + margin: 0 10px 0 10px; +} + +.links .home { + font-weight: bold; +} + +.links .separator { + display: none; +} .bz_bug_link { /* Catch-all if you want common styles for all bug links */ @@ -327,7 +480,17 @@ div#docslinks { vertical-align: top; } +.bz_comment_table .bz_comment { + width: 65em !important; +} + +.bz_comment pre, #comment { + font: 13px/1.2 "Droid Sans Mono", Menlo, Monaco, "Courier New", Courier, monospace; +} + .bz_comment { + width: 65em; + margin: 0 0 20px; margin-bottom: 2em; } @@ -338,7 +501,30 @@ pre.bz_comment_text, .uneditable_textarea, tbody.file pre { } .bz_comment_text { - width: 50em; + 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; + width: auto; +} + +.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 { @@ -349,6 +535,16 @@ pre.bz_comment_text, .uneditable_textarea, tbody.file pre { display: block; } +.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_text table { border-collapse:collapse; } @@ -373,6 +569,14 @@ pre.bz_comment_text, .uneditable_textarea, tbody.file pre { float: right; } +.bz_comment_actions { + margin: 0px 0px; +} + +.new_user { + margin-left: 10px; +} + .bz_collapse_expand_comments { padding: 0; margin: 0 0 0 1em; @@ -380,23 +584,68 @@ pre.bz_comment_text, .uneditable_textarea, tbody.file pre { } .bz_collapse_expand_comments li { margin-bottom: .5em; + white-space: nowrap; } .bz_collapse_comment { text-decoration: none; } +#add_comment { + border: 1px solid #ccc; + border-width: 1px 0; + margin-bottom: 20px; + padding: 10px 0; +} + +#add_comment > table { + border-collapse: collapse; + width: 661px; +} + .bz_private_checkbox input { margin: 0; vertical-align: middle; } .bz_comment_head, .bz_first_comment_head { + font-weight: normal; + line-height: 32px; + padding-bottom: 2px; + padding-left: 0px; + margin-left: -5px; + white-space: nowrap; + background-color: transparent; padding-top: .1em; - padding-bottom: .1em; - padding-left: .5em; background-color: #e0e0e0; } +.bz_comment_head img, .bz_first_comment_head img { + vertical-align: middle; +} + +.bz_comment_user a { + -moz-transition: all 0.25s linear 0s; + -webkit-transition: all 0.25s linear 0s; + transition: all 0.25s linear 0s; + transition: all 0.25s linear 0s; + color: #0095dd; + padding: 0px; + margin: 0px; +} + +.bz_comment_user a:hover { + -moz-transition: all 0.25s linear 0s; + -webkit-transition: all 0.25s linear 0s; + transition: all 0.25s linear 0s; + background: #fff; + border: none; + text-decoration: none; +} + +.bz_comment_user .vcard { + font-weight: bold; +} + .bz_comment_user_images img { vertical-align: bottom; } @@ -438,6 +687,10 @@ table#flags td { text-align: left; } +#flags label { + font-weight: normal; +} + #email_prefs, #saved_search_prefs, #shared_search_prefs, #bug_activity { border: 1px solid black; @@ -490,7 +743,7 @@ table#flags td { } .column_header { - background-color: #66f; + background-color: transparent; } .column_header th { @@ -509,6 +762,19 @@ input.requestee { font-size: x-large; } +#error_msg a { + color: #6070cf; + text-decoration: underline; +} + +#error_msg a:visited { + color: #636; +} + +#error_msg a:hover { + color: #8090ef; +} + #post_err_msg, form#check { clear: both; } @@ -570,8 +836,17 @@ dl dl > dt { /* Style of the attachment table and time tracking table */ #attachment_table { + background: #fff; border-collapse: collapse; - border: 1px solid #333333; + border: none; + 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 th, .bz_attach_footer, .bz_time_tracking_table th { + background: #eee; + color: #404040; } #attachment_table th, .bz_attach_footer, .bz_time_tracking_table th, @@ -580,6 +855,14 @@ dl dl > dt { color: black; } +#attachment_table .bz_attach_actions { + white-space: nowrap; +} + +#attachment_table td { + border: none; +} + #attachment_table td, .bz_time_tracking_table th, .bz_time_tracking_table td { border: 1px solid #333333; } @@ -588,6 +871,10 @@ dl dl > dt { padding: 0.3em; } +.file_table, .file-table { + background: #ffffff; +} + .bz_attach_extra_info, .bz_info { font-size: smaller; } @@ -661,15 +948,112 @@ div.user_match { } } +/* Smaller than standard 990 (devices and browsers) */ +@media only screen and (max-width: 989px) { + #header .links { + float: none; + } +} + +/* Tablet Portrait size to standard 990 */ +@media only screen and (min-width: 768px) and (max-width: 989px) { + body { + min-width: 768px; + } + + #header .wrapper, #bugzilla-body { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 768px; + } + + #footer > * { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + min-width: 768px; + } +} + +/* All Mobile Sizes */ +@media only screen and (max-width: 767px) { + table.edit_form, table.edit_form > tbody > tr > td { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + width: 100% !important; + } + + .bz_column_spacer { + width: auto; + height: 20px; + } +} + +/* Mobile Landscape Size to Tablet Portrait */ +@media only screen and (min-width: 480px) and (max-width: 767px) { + body { + min-width: 480px; + } + + #header .wrapper, #bugzilla-body, #attachment_table, + .bz_comment, #add_comment > table, #comment { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 480px !important; + } + + #footer > * { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 480px; + } +} + +/* Mobile Portrait Size to Mobile Landscape Size */ +@media only screen and (max-width: 479px) { + body { + min-width: 100%; + } + + #header .wrapper, #bugzilla-body, #attachment_table, + .bz_comment, #add_comment > table, #comment { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100% !important; + } + + #footer > * { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + } +} + /**************/ /* Bug Fields */ /**************/ .field_label { text-align: right; - vertical-align: top; + vertical-align: baseline; + font-weight: bold !important; + padding-right: 10px; + white-space: nowrap; + +} + +.field_label a, .field_label b { + color: #404040; font-weight: bold; } + .field_help_link { cursor: help; } @@ -683,7 +1067,7 @@ div.user_match { .field_value .text_input { width: 100%; - min-width: 25em; + min-width: 0; } .uneditable_textarea { @@ -702,6 +1086,34 @@ input.required, select.required, span.required_explanation { color: #000; } +select[multiple], textarea, input[type=text], input[type=password], 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; +} + /* These classes are set by YUI. */ .yui-calcontainer { display: none; @@ -749,6 +1161,7 @@ pre.field_textarea_readonly { } #comment_tabs { + margin-top: 2px; border-spacing: 0; } @@ -766,6 +1179,9 @@ pre.field_textarea_readonly { } #comment_preview { + background: white; + display: block; + clear: both; border: 1px solid silver; padding: 1px; overflow: auto; @@ -773,6 +1189,10 @@ pre.field_textarea_readonly { } #comment_preview_text { + background: transparent; + border: none; + box-shadow: none; + padding: 2px 2px 2px 1px; margin: 0px; width: auto; } @@ -786,6 +1206,9 @@ pre.field_textarea_readonly { } #comment { + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; margin: 0; } @@ -843,7 +1266,7 @@ tr.shared_search { #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 @@ -901,11 +1324,6 @@ tr.shared_search { 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; } -#help { background: url(index/help.png) no-repeat; } - #quicksearchForm { clear: both; text-align: center; @@ -921,11 +1339,32 @@ tr.shared_search { padding: 0; } +#quicksearch_top, #quicksearch_main { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + background: url(global/search.png) 5px center no-repeat, #fafafa; + background: url(global/search.png) 5px center no-repeat, -moz-linear-gradient(#fafafa, #fff); + background: url(global/search.png) 5px center no-repeat, -webkit-linear-gradient(#fafafa, #fff); + background: url(global/search.png) 5px center no-repeat, linear-gradient(#fafafa, #fff); + padding: .4em 1em .45em 26px; + width: 200px; +} + +#enter_bug { background: url(index/bugzilla-papericon.png) no-repeat; } +#query { background: url(index/bugzilla-magnifier.png) no-repeat; } +#account { background: url(index/bugzilla-person-alternate.png) no-repeat; } +#help { background: url(index/bugzilla-questionmark2.png) no-repeat; } + #page-index table { border-collapse: collapse; margin: auto; } +#page-index td:first-child { + text-align: center; +} + #welcome { font-size: x-large; font-weight: bold; @@ -943,6 +1382,20 @@ tr.shared_search { text-decoration: none; } +#quicksearch_links { + margin-top: 10px; +} + +.navigation { + background: rgba(255, 255, 255, 0.3); + padding: 5px 10px; +} + +u { + border-bottom: 1px solid #aaa; + text-decoration: none; +} + ul#quicksearch_links { margin-bottom: 1em; } @@ -963,6 +1416,63 @@ ul.additional_links li.bz_default_hidden { /* index.cgi (end) */ +/* buttons (begin) */ +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 0.25s; + -webkit-transition: all linear 0.25s; + transition: all linear 0.25s; + 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 0.25s; + -webkit-transition: all linear 0.25s; + transition: all linear 0.25s; +} + +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 0.25s; + -webkit-transition: all linear 0.25s; + transition: all linear 0.25s; +} + +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; +} + +.calendar_button, .calendar_button:hover { + box-shadow: none; + padding: 0; +} + +/* buttons (end) */ + /* page.cgi (begin) */ body.narrow_page #bugzilla-body > * { diff --git a/skins/standard/global/noise.png b/skins/standard/global/noise.png new file mode 100644 index 000000000..97407ffd2 Binary files /dev/null and b/skins/standard/global/noise.png differ diff --git a/skins/standard/global/opensans-bold.woff b/skins/standard/global/opensans-bold.woff new file mode 100644 index 000000000..27619e7ce Binary files /dev/null and b/skins/standard/global/opensans-bold.woff differ diff --git a/skins/standard/global/opensans-semibold.woff b/skins/standard/global/opensans-semibold.woff new file mode 100644 index 000000000..e83bb333d Binary files /dev/null and b/skins/standard/global/opensans-semibold.woff differ diff --git a/skins/standard/global/opensans.woff b/skins/standard/global/opensans.woff new file mode 100644 index 000000000..55b25f867 Binary files /dev/null and b/skins/standard/global/opensans.woff differ diff --git a/skins/standard/global/search.png b/skins/standard/global/search.png new file mode 100644 index 000000000..a56b5e2cd Binary files /dev/null and b/skins/standard/global/search.png differ diff --git a/skins/standard/index/bugzilla-magnifier.png b/skins/standard/index/bugzilla-magnifier.png new file mode 100644 index 000000000..b859b1668 Binary files /dev/null and b/skins/standard/index/bugzilla-magnifier.png differ diff --git a/skins/standard/index/bugzilla-papericon.png b/skins/standard/index/bugzilla-papericon.png new file mode 100644 index 000000000..677567929 Binary files /dev/null and b/skins/standard/index/bugzilla-papericon.png differ diff --git a/skins/standard/index/bugzilla-person-alternate.png b/skins/standard/index/bugzilla-person-alternate.png new file mode 100644 index 000000000..a9e9ff213 Binary files /dev/null and b/skins/standard/index/bugzilla-person-alternate.png differ diff --git a/skins/standard/index/bugzilla-questionmark2.png b/skins/standard/index/bugzilla-questionmark2.png new file mode 100644 index 000000000..441d07f93 Binary files /dev/null and b/skins/standard/index/bugzilla-questionmark2.png differ -- cgit v1.2.3-24-g4f1b