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

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: rebase 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 */
5 4
6 .feedback-label { 5 .feedback-label {
6 font-weight: 300;
7 text-align: start; 7 text-align: start;
8 vertical-align: text-top; 8 vertical-align: text-top;
9 font-weight: 300;
10 } 9 }
11 10
12 .feedback-text { 11 .feedback-text {
13 width: 40em; 12 width: 40em;
14 } 13 }
15 14
16 .feedback-table { 15 .feedback-table {
16 border-spacing: 0;
17 width: 40em; 17 width: 40em;
18 border-spacing: 0;
19 } 18 }
20 19
21 .feedback-field { 20 .feedback-field {
22 width: 22em;
23 border-style: solid; 21 border-style: solid;
24 border-width: 1px; 22 border-width: 1px;
23 width: 22em;
25 } 24 }
26 25
27 .feedback-fieldlabel { 26 .feedback-fieldlabel {
27 font-weight: 300;
28 width: 13em; 28 width: 13em;
29 font-weight: 300;
30 }
31
32 .feedback-button {
33 } 29 }
34 30
35 hr { 31 hr {
32 background: #ccc;
36 border: none; 33 border: none;
37 height: 1px; 34 height: 1px;
38 background: #cccccc; 35 margin-bottom: 10px;
39 margin-top: 10px; 36 margin-top: 10px;
40 margin-bottom: 10px;
41 width: 40em; 37 width: 40em;
42 } 38 }
43 39
44 .thumbnail-list { 40 .thumbnail-list {
45 -webkit-margin-start: 1em; 41 -webkit-margin-start: 1em;
42 margin-bottom: 1em;
43 margin-top: 0.5em;
46 width: 33.5em; 44 width: 33.5em;
47 margin-top: 0.5em;
48 margin-bottom: 1em;
49 } 45 }
50 46
51 .image-thumbnail-container { 47 .image-thumbnail-container {
52 display: inline-block;
53 border: 2px solid white; 48 border: 2px solid white;
54 border-radius: 3px; 49 border-radius: 3px;
50 display: inline-block;
55 z-index: 0; 51 z-index: 0;
56 } 52 }
57 53
58 .image-thumbnail-container-selected { 54 .image-thumbnail-container-selected {
59 display: inline-block;
60 border: 2px solid green; 55 border: 2px solid green;
61 border-radius: 3px; 56 border-radius: 3px;
57 display: inline-block;
62 z-index: 0; 58 z-index: 0;
63 } 59 }
64 60
65 .image-thumbnail-container:hover { 61 .image-thumbnail-container:hover {
66 border: 2px solid #B8DAB0; 62 border: 2px solid rgb(184, 218, 176);
67 z-index: 0; 63 z-index: 0;
68 } 64 }
69 65
70 .image-popup { 66 .image-popup {
71 width: 50%; 67 width: 50%;
72 } 68 }
73 69
74 .image-thumbnail { 70 .image-thumbnail {
71 border: 2px solid white;
72 display: inline-block;
73 padding: 0;
75 position: relative; 74 position: relative;
76 z-index: 1; 75 z-index: 1;
77 display: inline-block;
78 padding: 0;
79 border: 2px solid white;
80 } 76 }
81 77
82 .image-thumbnail:hover { 78 .image-thumbnail:hover {
83 z-index: 2; 79 z-index: 2;
84 } 80 }
85 81
86 .image-thumbnail div { 82 .image-thumbnail div {
87 display: none; 83 display: none;
88 } 84 }
89 85
90 .image-thumbnail img { 86 .image-thumbnail img {
91 display: block; 87 display: block;
92 width: 200px; 88 width: 200px;
93 } 89 }
94 90
95 .image-thumbnail:hover div { 91 .image-thumbnail:hover div {
92 background-color: transparent;
93 border: 1px dashed blue;
96 display: block; 94 display: block;
97 position: absolute;
98 top: 130%;
99 left: 0; 95 left: 0;
100 padding: 1px; 96 padding: 1px;
101 border: 1px dashed blue; 97 position: absolute;
102 background-color: transparent;
103 text-align: center 98 text-align: center
99 top: 130%;
104 } 100 }
105 101
106 .image-thumbnail:hover div img { 102 .image-thumbnail:hover div img {
107 position: absolute; 103 position: absolute;
108 width: 400px; 104 width: 400px;
109 } 105 }
110 106
111 .image-thumbnail-current { 107 .image-thumbnail-current {
108 border: 2px solid white;
109 display: inline-block;
110 padding: 0;
112 position: relative; 111 position: relative;
113 z-index: 1; 112 z-index: 1;
114 display: inline-block;
115 padding: 0;
116 border: 2px solid white;
117 } 113 }
118 114
119 .image-thumbnail-current:hover { 115 .image-thumbnail-current:hover {
120 z-index: 2; 116 z-index: 2;
121 } 117 }
122 118
123 .image-thumbnail-current div { 119 .image-thumbnail-current div {
124 display: none; 120 display: none;
125 } 121 }
126 122
127 .image-thumbnail-current img { 123 .image-thumbnail-current img {
128 display: block; 124 display: block;
129 width: 200px; 125 width: 200px;
130 } 126 }
131 127
132 .image-thumbnail-current:hover div { 128 .image-thumbnail-current:hover div {
129 background-color: transparent;
130 border: 1px dashed blue;
133 display: block; 131 display: block;
134 position: absolute;
135 top: 130%;
136 left: 0; 132 left: 0;
137 padding: 1px; 133 padding: 1px;
138 border: 1px dashed blue; 134 position: absolute;
139 background-color: transparent;
140 text-align: center 135 text-align: center
136 top: 130%;
141 } 137 }
142 138
143 .image-thumbnail-current:hover div img { 139 .image-thumbnail-current:hover div img {
140 border: 1px dashed blue;
141 padding: 2px;
144 position: absolute; 142 position: absolute;
145 width: 400px; 143 width: 400px;
146 padding: 2px;
147 border: 1px dashed blue;
148 } 144 }
149 145
150 th { 146 th {
147 font-weight: normal;
151 padding-top: 10px; 148 padding-top: 10px;
152 font-weight: normal;
153 } 149 }
154 150
155 .formpane { 151 .formpane {
156 margin-right: 20px; 152 margin-right: 20px;
157 } 153 }
158 154
159 .feedback-input { 155 .feedback-input {
160 border-style: solid; 156 border-style: solid;
161 border-width: 1px; 157 border-width: 1px;
162 } 158 }
163 159
164 #user-email-text { 160 #user-email-text {
165 border: none; 161 border: none;
166 } 162 }
167 163
168 #buttons-pane { 164 #buttons-pane {
169 padding: 0; 165 padding: 0;
170 } 166 }
171 167
172 #privacy-note { 168 #privacy-note {
173 padding-top: 24px;
174 padding-bottom: 10px;
175 text-align: start;
176 font-size: 90%; 169 font-size: 90%;
177 font-weight: normal; 170 font-weight: normal;
178 margin: 0; 171 margin: 0;
172 padding-bottom: 10px;
173 padding-top: 24px;
174 text-align: start;
179 width: 44em; 175 width: 44em;
180 } 176 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/extensions_infobar_mac.css ('k') | chrome/browser/resources/file_manager/css/audio_player.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698