Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(71)

Side by Side Diff: chrome/browser/resources/feedback.css

Issue 9958101: [WebUI] Fix rest of CSS style nits in misc. dirs so I can turn on CSS checker. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: removing .py files Created 8 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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 */
Evan Stade 2012/04/03 02:59:48 boop
Dan Beam 2012/04/03 04:15:06 Done.
5 5
6 .feedback-label { 6 .feedback-label {
7 font-weight: 300;
7 text-align: start; 8 text-align: start;
8 vertical-align: text-top; 9 vertical-align: text-top;
9 font-weight: 300;
10 } 10 }
11 11
12 .feedback-text { 12 .feedback-text {
13 width: 40em; 13 width: 40em;
14 } 14 }
15 15
16 .feedback-table { 16 .feedback-table {
17 border-spacing: 0;
17 width: 40em; 18 width: 40em;
18 border-spacing: 0;
19 } 19 }
20 20
21 .feedback-field { 21 .feedback-field {
22 width: 22em;
23 border-style: solid; 22 border-style: solid;
24 border-width: 1px; 23 border-width: 1px;
24 width: 22em;
25 } 25 }
26 26
27 .feedback-fieldlabel { 27 .feedback-fieldlabel {
28 font-weight: 300;
28 width: 13em; 29 width: 13em;
29 font-weight: 300;
30 }
31
32 .feedback-button {
33 } 30 }
34 31
35 hr { 32 hr {
33 background: #ccc;
36 border: none; 34 border: none;
37 height: 1px; 35 height: 1px;
38 background: #cccccc; 36 margin-bottom: 10px;
39 margin-top: 10px; 37 margin-top: 10px;
40 margin-bottom: 10px;
41 width: 40em; 38 width: 40em;
42 } 39 }
43 40
44 .thumbnail-list { 41 .thumbnail-list {
45 -webkit-margin-start: 1em; 42 -webkit-margin-start: 1em;
43 margin-bottom: 1em;
44 margin-top: 0.5em;
46 width: 33.5em; 45 width: 33.5em;
47 margin-top: 0.5em;
48 margin-bottom: 1em;
49 } 46 }
50 47
51 .image-thumbnail-container { 48 .image-thumbnail-container {
52 display: inline-block;
53 border: 2px solid white; 49 border: 2px solid white;
54 border-radius: 3px; 50 border-radius: 3px;
51 display: inline-block;
55 z-index: 0; 52 z-index: 0;
56 } 53 }
57 54
58 .image-thumbnail-container-selected { 55 .image-thumbnail-container-selected {
59 display: inline-block;
60 border: 2px solid green; 56 border: 2px solid green;
61 border-radius: 3px; 57 border-radius: 3px;
58 display: inline-block;
62 z-index: 0; 59 z-index: 0;
63 } 60 }
64 61
65 .image-thumbnail-container:hover { 62 .image-thumbnail-container:hover {
66 border: 2px solid #B8DAB0; 63 border: 2px solid rgb(184, 218, 176);
67 z-index: 0; 64 z-index: 0;
68 } 65 }
69 66
70 .image-popup { 67 .image-popup {
71 width: 50%; 68 width: 50%;
72 } 69 }
73 70
74 .image-thumbnail { 71 .image-thumbnail {
72 border: 2px solid white;
73 display: inline-block;
74 padding: 0;
75 position: relative; 75 position: relative;
76 z-index: 1; 76 z-index: 1;
77 display: inline-block;
78 padding: 0;
79 border: 2px solid white;
80 } 77 }
81 78
82 .image-thumbnail:hover { 79 .image-thumbnail:hover {
83 z-index: 2; 80 z-index: 2;
84 } 81 }
85 82
86 .image-thumbnail div { 83 .image-thumbnail div {
87 display: none; 84 display: none;
88 } 85 }
89 86
90 .image-thumbnail img { 87 .image-thumbnail img {
91 display: block; 88 display: block;
92 width: 200px; 89 width: 200px;
93 } 90 }
94 91
95 .image-thumbnail:hover div { 92 .image-thumbnail:hover div {
93 background-color: transparent;
94 border: 1px dashed blue;
96 display: block; 95 display: block;
97 position: absolute;
98 top: 130%;
99 left: 0; 96 left: 0;
100 padding: 1px; 97 padding: 1px;
101 border: 1px dashed blue; 98 position: absolute;
102 background-color: transparent;
103 text-align: center 99 text-align: center
100 top: 130%;
104 } 101 }
105 102
106 .image-thumbnail:hover div img { 103 .image-thumbnail:hover div img {
107 position: absolute; 104 position: absolute;
108 width: 400px; 105 width: 400px;
109 } 106 }
110 107
111 .image-thumbnail-current { 108 .image-thumbnail-current {
109 border: 2px solid white;
110 display: inline-block;
111 padding: 0;
112 position: relative; 112 position: relative;
113 z-index: 1; 113 z-index: 1;
114 display: inline-block;
115 padding: 0;
116 border: 2px solid white;
117 } 114 }
118 115
119 .image-thumbnail-current:hover { 116 .image-thumbnail-current:hover {
120 z-index: 2; 117 z-index: 2;
121 } 118 }
122 119
123 .image-thumbnail-current div { 120 .image-thumbnail-current div {
124 display: none; 121 display: none;
125 } 122 }
126 123
127 .image-thumbnail-current img { 124 .image-thumbnail-current img {
128 display: block; 125 display: block;
129 width: 200px; 126 width: 200px;
130 } 127 }
131 128
132 .image-thumbnail-current:hover div { 129 .image-thumbnail-current:hover div {
130 background-color: transparent;
131 border: 1px dashed blue;
133 display: block; 132 display: block;
134 position: absolute;
135 top: 130%;
136 left: 0; 133 left: 0;
137 padding: 1px; 134 padding: 1px;
138 border: 1px dashed blue; 135 position: absolute;
139 background-color: transparent;
140 text-align: center 136 text-align: center
137 top: 130%;
141 } 138 }
142 139
143 .image-thumbnail-current:hover div img { 140 .image-thumbnail-current:hover div img {
141 border: 1px dashed blue;
142 padding: 2px;
144 position: absolute; 143 position: absolute;
145 width: 400px; 144 width: 400px;
146 padding: 2px;
147 border: 1px dashed blue;
148 } 145 }
149 146
150 th { 147 th {
148 font-weight: normal;
151 padding-top: 10px; 149 padding-top: 10px;
152 font-weight: normal;
153 } 150 }
154 151
155 .formpane { 152 .formpane {
156 margin-right: 20px; 153 margin-right: 20px;
157 } 154 }
158 155
159 .feedback-input { 156 .feedback-input {
160 border-style: solid; 157 border-style: solid;
161 border-width: 1px; 158 border-width: 1px;
162 } 159 }
163 160
164 #user-email-text { 161 #user-email-text {
165 border: none; 162 border: none;
166 } 163 }
167 164
168 #buttons-pane { 165 #buttons-pane {
169 padding: 0; 166 padding: 0;
170 } 167 }
171 168
172 #privacy-note { 169 #privacy-note {
173 padding-top: 24px;
174 padding-bottom: 10px;
175 text-align: start;
176 font-size: 90%; 170 font-size: 90%;
177 font-weight: normal; 171 font-weight: normal;
178 margin: 0; 172 margin: 0;
173 padding-bottom: 10px;
174 padding-top: 24px;
175 text-align: start;
179 width: 44em; 176 width: 44em;
180 } 177 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698