Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: skin/popup.css

Issue 29317001: Relocated icon and redesigned icon popup (Closed)
Patch Set: Created Dec. 11, 2013, 1:08 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « safari/background.js ('k') | skin/popup.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 body
2 {
3 min-width: 250px;
4 margin: 0px;
5 font-family: Segoe UI, Arial, sans-serif;
6 font-size: 13px;
7 color: #545454;
8 background-color: #f8f6f2;
9 background-image: url(background.png);
10 }
11
12 #clickhide-instructions,
13 #clickhide-cancel,
14 body.clickhide-active li
15 {
16 display: none;
17 }
18
19 body.clickhide-active #clickhide-instructions,
20 body.clickhide-active #clickhide-cancel
21 {
22 display: block;
23 }
24
25 body.local #enabled,
26 body.local #clickhide,
27 body.local #stats-page
28 {
29 display: none;
30 }
31
32 header
33 {
34 height: 45px;
35 margin-bottom: 40px;
36 border-bottom: 1px solid #e1ddd8;
37 background-image: url(background-main.png);
38 }
39
40 #logo
41 {
42 position: relative;
43 top: 20px;
44 width: 55px;
45 height: 55px;
46 margin: 0px auto;
47 background-image: url(abp-icon-big.png);
48 background-size: 100%;
49 }
50
51 #wrapper
52 {
53 padding: 0px 20px;
54 }
55
56 #notification, #menu
57 {
58 margin-bottom: 10px;
59 }
60
61 #notification
62 {
63 display: none;
64 position: relative;
65 margin-top: -70px;
66 min-height: 50px;
67 padding: 10px;
68 color: #fff;
69 border: 3px solid black;
70 background-color: #555;
71 }
72
73 #notification.critical
74 {
75 border-color: #a4311c;
76 background-color: #c72e12;
77 }
78
79 #notification.information
80 {
81 border-color: #1c5fa4;
82 background-color: #1281c7;
83 }
84
85 #notification h1
86 {
87 margin: 0px 15px 5px 0px;
88 font-size: 15px;
89 }
90
91 #notification a
92 {
93 color: #fff;
94 }
95
96 #close-notification
97 {
98 cursor: pointer;
99 display: inline-block;
100 position: absolute;
101 top: 10px;
102 right: 10px;
103 width: 8px;
104 height: 8px;
105 background-image: url(popup.png);
106 background-position: -34px -89px;
107 }
108
109 footer
110 {
111 cursor: pointer;
112 padding: 10px 35px;
113 border-top: 1px solid #e1ddd8;
114 background-image: url(background-main.png);
115 }
116
117 footer:hover
118 {
119 background: -moz-linear-gradient(top, rgba(70, 50, 0, 0.1), rgba(70, 50, 0, 0. 1)),
120 url(background-main.png);
121 background: -webkit-linear-gradient(top, rgba(70, 50, 0, 0.1), rgba(70, 50, 0, 0.1)),
122 url(background-main.png);
123 background: linear-gradient(top, rgba(70, 50, 0, 0.1), rgba(70, 50, 0, 0.1)),
124 url(background-main.png);
125 }
126
127 footer .icon
128 {
129 background-position: -50px -65px;
130 }
131
132 ul
133 {
134 margin: 0px;
135 padding: 0px;
136 }
137
138 li
139 {
140 cursor: pointer;
141 list-style-type: none;
142 white-space: nowrap;
143 border-top: 1px dashed #a5a4a1;
144 }
145
146 li ul
147 {
148 margin-left: 35px;
149 }
150
151 li li
152 {
153 cursor: default;
154 padding: 10px 15px;
155 }
156
157 .menu-item
158 {
159 padding: 10px 0px 10px 15px;
160 }
161
162 .menu-item:hover
163 {
164 background-color: #ece7df;
165 }
166
167 .icon
168 {
169 display: inline-block;
170 width: 15px;
171 height: 15px;
172 margin-right: 15px;
173 vertical-align: top;
174 background-image: url(popup.png);
175 }
176
177 #enabled-yes strong
178 {
179 font-weight: normal;
180 color: #12610e;
181 }
182
183 #enabled-no strong
184 {
185 font-weight: normal;
186 color: #ac0505;
187 }
188
189 #enabled .icon
190 {
191 background-position: -50px -1px ;
192 }
193
194 #enabled.off .icon
195 {
196 background-position: -50px -17px;
197 }
198
199 #enabled-no,
200 #enabled.off #enabled-yes
201 {
202 display: none;
203 }
204
205 #enabled.off #enabled-no
206 {
207 display: inline;
208 }
209
210 #clickhide .icon,
211 #clickhide-cancel .icon
212 {
213 background-position: -50px -33px;
214 }
215
216 #clickhide-instructions
217 {
218 margin: 10px 15px;
219 }
220
221 #stats-container .icon
222 {
223 background-position: -50px -49px;
224 }
225
226
227 #stats strong
228 {
229 font-size: 15px;
230 line-height: 140%;
231 }
232
233 #share
234 {
235 margin-top: 5px;
236 color: #949494;
237 }
238
239 #share-box
240 {
241 margin-top: 10px;
242 }
243
244 #share-box div[data-social]
245 {
246 cursor: pointer;
247 display: inline-block;
248 width: 32px;
249 height: 32px;
250 margin: 3px 10px 3px 3px;
251 border-radius: 3px;
252 background-image: url(popup.png);
253 }
254
255 #share-box div[data-social]:hover
256 {
257 margin: 0px 7px 0px 0px;
258 border: 3px solid #cdc6bd
259 }
260
261 #share-box div[data-social="facebook"]
262 {
263 background-position: -1px -1px;
264 }
265
266 #share-box div[data-social="twitter"]
267 {
268 background-position: -1px -34px;
269 }
270
271 #share-box div[data-social="gplus"]
272 {
273 background-position: -1px -67px;
274 }
275
276 .collapse
277 {
278 position: relative;
279 padding-right: 25px;
280 }
281
282 .collapse-icon
283 {
284 display: inline-block;
285 position: absolute;
286 top: 13px;
287 right: 10px;
288 width: 11px;
289 height: 11px;
290 background-image: url(popup.png);
291 background-position: -34px -65px;
292 }
293
294 .collapsed .collapse-icon
295 {
296 background-position: -34px -77px;
297 }
298
299 .collapsed .collapsable
300 {
301 display: none;
302 }
303
304 .checkbox
305 {
306 display: inline-block;
307 width: 15px;
308 height: 15px;
309 margin-right: 5px;
310 vertical-align: middle;
311 background-image: url(popup.png);
312 background-position: -34px -1px;
313 }
314
315 .checkbox:hover
316 {
317 background-position: -34px -17px;
318 }
319
320 .checkbox[aria-checked="false"]
321 {
322 background-position: -34px -33px;
323 }
324
325 .checkbox[aria-checked="false"]:hover
326 {
327 background-position: -34px -49px;
328 }
329
330 label
331 {
332 vertical-align: middle;
333 }
OLDNEW
« no previous file with comments | « safari/background.js ('k') | skin/popup.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld