From 3ac701266452d3509776fe58f9e1b2b8e9f33c1e Mon Sep 17 00:00:00 2001 From: Byron Jones Date: Tue, 24 Mar 2015 13:45:44 +0800 Subject: Bug 1096798: prototype modal show_bug view --- skins/contrib/Mozilla-OpenSans/global.css | 134 ++++++------------------------ skins/contrib/Mozilla/global.css | 134 ++++++------------------------ 2 files changed, 54 insertions(+), 214 deletions(-) (limited to 'skins') 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%; - } -} -- cgit v1.2.3-24-g4f1b