summaryrefslogtreecommitdiffstats
path: root/skins
diff options
context:
space:
mode:
Diffstat (limited to 'skins')
-rw-r--r--skins/contrib/Dusk/global.css44
-rw-r--r--skins/standard/bug.css93
-rw-r--r--skins/standard/buglist.css4
-rw-r--r--skins/standard/global.css570
-rw-r--r--skins/standard/global/noise.pngbin0 -> 3077 bytes
-rw-r--r--skins/standard/global/opensans-bold.woffbin0 -> 22748 bytes
-rw-r--r--skins/standard/global/opensans-semibold.woffbin0 -> 22604 bytes
-rw-r--r--skins/standard/global/opensans.woffbin0 -> 21956 bytes
-rw-r--r--skins/standard/global/search.pngbin0 -> 199 bytes
-rw-r--r--skins/standard/index/bugzilla-magnifier.pngbin0 -> 7491 bytes
-rw-r--r--skins/standard/index/bugzilla-papericon.pngbin0 -> 3800 bytes
-rw-r--r--skins/standard/index/bugzilla-person-alternate.pngbin0 -> 8359 bytes
-rw-r--r--skins/standard/index/bugzilla-questionmark2.pngbin0 -> 11552 bytes
13 files changed, 673 insertions, 38 deletions
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
--- /dev/null
+++ b/skins/standard/global/noise.png
Binary files differ
diff --git a/skins/standard/global/opensans-bold.woff b/skins/standard/global/opensans-bold.woff
new file mode 100644
index 000000000..27619e7ce
--- /dev/null
+++ b/skins/standard/global/opensans-bold.woff
Binary files differ
diff --git a/skins/standard/global/opensans-semibold.woff b/skins/standard/global/opensans-semibold.woff
new file mode 100644
index 000000000..e83bb333d
--- /dev/null
+++ b/skins/standard/global/opensans-semibold.woff
Binary files differ
diff --git a/skins/standard/global/opensans.woff b/skins/standard/global/opensans.woff
new file mode 100644
index 000000000..55b25f867
--- /dev/null
+++ b/skins/standard/global/opensans.woff
Binary files differ
diff --git a/skins/standard/global/search.png b/skins/standard/global/search.png
new file mode 100644
index 000000000..a56b5e2cd
--- /dev/null
+++ b/skins/standard/global/search.png
Binary files differ
diff --git a/skins/standard/index/bugzilla-magnifier.png b/skins/standard/index/bugzilla-magnifier.png
new file mode 100644
index 000000000..b859b1668
--- /dev/null
+++ b/skins/standard/index/bugzilla-magnifier.png
Binary files differ
diff --git a/skins/standard/index/bugzilla-papericon.png b/skins/standard/index/bugzilla-papericon.png
new file mode 100644
index 000000000..677567929
--- /dev/null
+++ b/skins/standard/index/bugzilla-papericon.png
Binary files 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
--- /dev/null
+++ b/skins/standard/index/bugzilla-person-alternate.png
Binary files differ
diff --git a/skins/standard/index/bugzilla-questionmark2.png b/skins/standard/index/bugzilla-questionmark2.png
new file mode 100644
index 000000000..441d07f93
--- /dev/null
+++ b/skins/standard/index/bugzilla-questionmark2.png
Binary files differ