OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 #feedback-page { | 5 #feedback-page { |
6 -webkit-margin-start: 80px; | 6 -webkit-margin-start: 80px; |
7 color: rgb(48, 57, 66); | 7 color: rgb(48, 57, 66); |
8 } | 8 } |
9 | 9 |
10 #feedback-page > h1 { | 10 #feedback-page > h1 { |
11 border-bottom: 1px solid #eee; | 11 border-bottom: 1px solid #eee; |
12 font-size: 2em; | |
13 padding-bottom: 6px; | 12 padding-bottom: 6px; |
14 width: 718px; | 13 width: 718px; |
15 } | 14 } |
16 | 15 |
17 #content { | 16 #content { |
18 width: 600px; | 17 width: 600px; |
19 } | 18 } |
20 | 19 |
21 #description { | 20 #description { |
22 display: block; | 21 display: block; |
23 font-weight: 300; | 22 font-weight: 300; |
24 text-align: start; | 23 text-align: start; |
25 vertical-align: text-top; | 24 vertical-align: text-top; |
26 } | 25 } |
27 | 26 |
28 #description-text { | 27 #description-text { |
29 box-sizing: border-box; | 28 box-sizing: border-box; |
30 margin-top: 1em; | 29 margin-top: 1em; |
31 width: 100%; | 30 width: 100%; |
32 } | 31 } |
33 | 32 |
34 #page-url { | 33 #page-url { |
35 -webkit-box-align: baseline; | 34 -webkit-box-align: baseline; |
36 display: -webkit-box; | 35 display: -webkit-box; |
37 } | 36 } |
38 | 37 |
| 38 #page-url-text { |
| 39 /* Don't push checkboxes out of alignment with bulky input. */ |
| 40 margin-bottom: -0.25em; |
| 41 } |
| 42 |
39 #page-url > label { | 43 #page-url > label { |
40 -webkit-margin-end: 1em; | 44 -webkit-margin-end: 1em; |
41 } | 45 } |
42 | 46 |
43 #page-url-text { | 47 #page-url-text { |
44 -webkit-box-flex: 1; | 48 -webkit-box-flex: 1; |
45 display: block; | 49 display: block; |
46 } | 50 } |
47 | 51 |
48 .thumbnail-list { | 52 .thumbnail-list { |
49 margin-bottom: 1em; | 53 margin-bottom: 1em; |
50 margin-top: 0.5em; | 54 margin-top: 1em; |
51 min-height: 151px; | 55 min-height: 151px; |
52 } | 56 } |
53 | 57 |
54 .image-thumbnail-container { | 58 .image-thumbnail-container { |
55 border: 2px solid #ccc; | 59 border: 2px solid #ccc; |
56 border-radius: 3px; | 60 border-radius: 3px; |
57 display: inline-block; | 61 display: inline-block; |
58 } | 62 } |
59 | 63 |
60 .image-thumbnail-container-selected:not(:only-of-type) { | 64 .image-thumbnail-container-selected:not(:only-of-type) { |
61 border-color: green; | 65 border-color: green; |
62 } | 66 } |
63 | 67 |
64 .image-thumbnail-container:not(:only-of-type):not( | 68 .image-thumbnail-container:not(:only-of-type):not( |
65 .image-thumbnail-container-selected):hover { | 69 .image-thumbnail-container-selected):hover { |
66 border-color: rgb(184, 218, 176); | 70 border-color: rgb(184, 218, 176); |
67 } | 71 } |
68 | 72 |
69 .image-thumbnail { | 73 .image-thumbnail { |
70 border: 2px solid white; | 74 border: 2px solid white; |
71 } | 75 } |
72 | 76 |
73 .image-thumbnail img { | 77 .image-thumbnail img { |
74 display: block; | 78 display: block; |
75 height: 140px; | 79 height: 140px; |
76 } | 80 } |
77 | 81 |
| 82 #privacy-note { |
| 83 margin-bottom: 0.8em; |
| 84 width: 44em; |
| 85 } |
| 86 |
78 #buttons-pane { | 87 #buttons-pane { |
79 /* Linux and Mac OS X display OK/Cancel dialogs in the reverse direction. */ | 88 /* Linux and Mac OS X display OK/Cancel dialogs in the reverse direction. */ |
80 <if expr="not pp_ifdef('toolkit_views')"> | 89 <if expr="not pp_ifdef('toolkit_views')"> |
81 -webkit-box-direction: reverse; | 90 -webkit-box-direction: reverse; |
82 </if> | 91 </if> |
83 display: -webkit-box; | 92 display: -webkit-box; |
84 padding: 0; | 93 padding: 0; |
85 } | 94 } |
86 | 95 |
87 #privacy-note { | 96 #buttons-pane > input { |
88 padding-bottom: 10px; | 97 -webkit-margin-end: 0.8em; |
89 width: 44em; | 98 display: block; |
90 } | 99 } |
OLD | NEW |