summaryrefslogtreecommitdiffstats
path: root/skins/contrib
diff options
context:
space:
mode:
authorByron Jones <glob@mozilla.com>2015-03-24 06:45:44 +0100
committerByron Jones <glob@mozilla.com>2015-03-24 06:45:44 +0100
commit3ac701266452d3509776fe58f9e1b2b8e9f33c1e (patch)
tree88124baaadb529b1c9809f6b3fa20384c1870780 /skins/contrib
parent11bd061970f8b9c98e6af43a4c8c7ca4bfff9eb3 (diff)
downloadbugzilla-3ac701266452d3509776fe58f9e1b2b8e9f33c1e.tar.gz
bugzilla-3ac701266452d3509776fe58f9e1b2b8e9f33c1e.tar.xz
Bug 1096798: prototype modal show_bug view
Diffstat (limited to 'skins/contrib')
-rw-r--r--skins/contrib/Mozilla-OpenSans/global.css134
-rw-r--r--skins/contrib/Mozilla/global.css134
2 files changed, 54 insertions, 214 deletions
diff --git a/skins/contrib/Mozilla-OpenSans/global.css b/skins/contrib/Mozilla-OpenSans/global.css
index d498ef82f..8fd7d64a7 100644
--- a/skins/contrib/Mozilla-OpenSans/global.css
+++ b/skins/contrib/Mozilla-OpenSans/global.css
@@ -81,7 +81,7 @@ a:hover, #header a:hover, #footer a:hover {
}
select[multiple], textarea, input[type=text], input[type=password],
-input[type=email], input[type=url], input:not([type]), .text_input, .yui-ac-input {
+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;
@@ -481,19 +481,19 @@ table.edit_form hr {
}
.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;
+ -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 0.25s linear 0s;
- -webkit-transition: all 0.25s linear 0s;
- transition: all 0.25s linear 0s;
+ -moz-transition: all 100ms linear 0s;
+ -webkit-transition: all 100ms linear 0s;
+ transition: all 100ms linear 0s;
background: #fff;
border: none;
text-decoration: none;
@@ -654,6 +654,16 @@ table.edit_form hr {
color: #bbb;
width: auto;
margin-bottom: 1em;
+ margin-left: 6px;
+}
+
+#links-actions {
+ margin-left: -10px;
+}
+
+#footer form input {
+ padding: 1px 2px;
+ margin-top: 3px;
}
#privacy-policy {
@@ -665,9 +675,9 @@ button, input[type=submit], input[type=button], #commit, #commit_top, #header .b
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;
+ -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);
@@ -686,18 +696,18 @@ button:hover, input[type=submit]:hover, input[type=button]:hover, #commit: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;
+ -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 0.25s;
- -webkit-transition: all linear 0.25s;
- transition: all linear 0.25s;
+ -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 {
@@ -787,93 +797,3 @@ table.tabs {
#summary_field.search_field_row input {
padding-bottom: 6px;
}
-
-/* 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%;
- }
-}
diff --git a/skins/contrib/Mozilla/global.css b/skins/contrib/Mozilla/global.css
index cd88d4dd8..be5755e95 100644
--- a/skins/contrib/Mozilla/global.css
+++ b/skins/contrib/Mozilla/global.css
@@ -124,7 +124,7 @@ a:hover, #header a:hover, #footer a:hover {
}
select[multiple], textarea, input[type=text], input[type=password],
-input[type=email], input[type=url], input:not([type]), .text_input, .yui-ac-input {
+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;
@@ -524,19 +524,19 @@ table.edit_form hr {
}
.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;
+ -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 0.25s linear 0s;
- -webkit-transition: all 0.25s linear 0s;
- transition: all 0.25s linear 0s;
+ -moz-transition: all 100ms linear 0s;
+ -webkit-transition: all 100ms linear 0s;
+ transition: all 100ms linear 0s;
background: #fff;
border: none;
text-decoration: none;
@@ -697,6 +697,16 @@ table.edit_form hr {
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 {
@@ -708,9 +718,9 @@ button, input[type=submit], input[type=button], #commit, #commit_top, #header .b
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;
+ -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);
@@ -729,18 +739,18 @@ button:hover, input[type=submit]:hover, input[type=button]:hover, #commit: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;
+ -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 0.25s;
- -webkit-transition: all linear 0.25s;
- transition: all linear 0.25s;
+ -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 {
@@ -830,93 +840,3 @@ table.tabs {
#summary_field.search_field_row input {
padding-bottom: 6px;
}
-
-/* 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%;
- }
-}