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

Side by Side Diff: skin/issue-reporter.css

Issue 29727613: Issue 6386 - Add Requests and Filters data to the Report data
Patch Set: Rebased Created April 6, 2018, 4:46 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 | « messageResponder.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * This file is part of Adblock Plus <https://adblockplus.org/>, 2 * This file is part of Adblock Plus <https://adblockplus.org/>,
3 * Copyright (C) 2006-present eyeo GmbH 3 * Copyright (C) 2006-present eyeo GmbH
4 * 4 *
5 * Adblock Plus is free software: you can redistribute it and/or modify 5 * Adblock Plus is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License version 3 as 6 * it under the terms of the GNU General Public License version 3 as
7 * published by the Free Software Foundation. 7 * published by the Free Software Foundation.
8 * 8 *
9 * Adblock Plus is distributed in the hope that it will be useful, 9 * Adblock Plus is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12 * GNU General Public License for more details. 12 * GNU General Public License for more details.
13 * 13 *
14 * You should have received a copy of the GNU General Public License 14 * You should have received a copy of the GNU General Public License
15 * along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. 15 * along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>.
16 */ 16 */
17 17
18 html 18 html
19 { 19 {
20 font-size: 16px; 20 font-size: 16px;
21 } 21 }
22 22
23 body 23 body
24 { 24 {
25 display: flex; 25 display: flex;
26 flex-direction: column; 26 flex-direction: column;
27 align-items: center; 27 align-items: center;
28 margin: 1.2rem 0.3rem; 28 margin: 0rem;
29 font-family: "Source Sans Pro", sans-serif; 29 font-family: "Source Sans Pro", sans-serif;
30 font-size: 1.25rem; 30 font-size: 1.25rem;
31 color: #494949; 31 color: #494949;
32 background-color: #F3F3F3; 32 background-color: #F3F3F3;
33 } 33 }
34 34
35 html:not([dir="rtl"]) header 35 html:not([dir="rtl"]) header
36 { 36 {
37 text-align: right; 37 text-align: right;
38 margin-right: 2rem; 38 margin-right: 2rem;
39 } 39 }
40 40
41 html[dir="rtl"] header 41 html[dir="rtl"] header
42 { 42 {
43 text-align: left; 43 text-align: left;
44 margin-left: 2rem; 44 margin-left: 2rem;
45 } 45 }
46 46
47 header 47 header
48 { 48 {
49 display: flex; 49 display: flex;
50 flex-direction: row; 50 flex-direction: row;
51 flex-shrink: 0; 51 flex-shrink: 0;
52 align-items: flex-end; 52 align-items: flex-end;
53 margin-bottom: 2rem; 53 margin-bottom: 2rem;
54 margin-top: 1.2rem;
54 } 55 }
55 56
56 #logo 57 #logo
57 { 58 {
58 width: 4rem; 59 width: 4rem;
59 } 60 }
60 61
61 header > .title 62 header > .title
62 { 63 {
63 display: flex; 64 display: flex;
(...skipping 149 matching lines...) Expand 10 before | Expand all | Expand 10 after
213 html:not([dir="rtl"]) button 214 html:not([dir="rtl"]) button
214 { 215 {
215 margin-left: 0.5rem; 216 margin-left: 0.5rem;
216 } 217 }
217 218
218 html[dir="rtl"] button 219 html[dir="rtl"] button
219 { 220 {
220 margin-right: 0.5rem; 221 margin-right: 0.5rem;
221 } 222 }
222 223
223 button.primary 224 button.primary:not(.icon)
224 { 225 {
225 border: 0px; 226 border: 0px;
226 color: #FFF; 227 color: #FFF;
227 background-color: #099CD0; 228 background-color: #099CD0;
228 } 229 }
229 230
230 button.primary:not([disabled]):hover 231 button.primary:not([disabled]):not(.icon):hover
231 { 232 {
232 box-shadow: inset 0 0 0 3px #005D80; 233 box-shadow: inset 0 0 0 3px #005D80;
233 } 234 }
234 235
235 button.primary[disabled] 236 button.primary[disabled]:not(.icon)
236 { 237 {
237 background-color: #5CBCE1; 238 background-color: #5CBCE1;
238 } 239 }
239 240
240 button.secondary 241 button.secondary
241 { 242 {
242 border: 1px solid #099CD0; 243 border: 1px solid #099CD0;
243 color: #099CD0; 244 color: #099CD0;
244 } 245 }
245 246
246 button.secondary:hover 247 button.secondary:hover
247 { 248 {
248 box-shadow: inset 0 0 0 2px #099CD0; 249 box-shadow: inset 0 0 0 2px #099CD0;
249 } 250 }
250 251
252 button.link
253 {
254 border: 0px;
255 background-color: transparent;
256 padding: 0.2rem;
257 font-weight: 400;
258 font-family: inherit;
259 text-transform: none;
260 text-decoration: underline;
261 color: #077CA6;
262 }
263
264 button.link:hover
265 {
266 color: #5CBCE1;
267 }
268
269 button.link:disabled,
270 button.link:disabled:hover
271 {
272 cursor: default;
273 color: #ccc;
274 }
275
251 input[type="text"], 276 input[type="text"],
252 input[type="email"], 277 input[type="email"],
253 textarea 278 textarea
254 { 279 {
255 font-size: 1.25rem; 280 font-size: 1.25rem;
256 border: 2px solid #099CD0; 281 border: 2px solid #099CD0;
257 } 282 }
258 283
259 input[type="email"]:invalid 284 input[type="email"]:invalid
260 { 285 {
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
298 .modalContent 323 .modalContent
299 { 324 {
300 flex-grow: 1; 325 flex-grow: 1;
301 display: flex; 326 display: flex;
302 flex-direction: column; 327 flex-direction: column;
303 align-items: flex-end; 328 align-items: flex-end;
304 background-color: #FFFFFF; 329 background-color: #FFFFFF;
305 border: 1px solid #CDCDCD; 330 border: 1px solid #CDCDCD;
306 padding: 2rem; 331 padding: 2rem;
307 } 332 }
333
334 /*
335 Used for translatable screen reader only content.
336 e.g.: Use instead of aria-label to avoid complex attribute value translation
337 */
338 .sr-only
339 {
340 position: absolute;
341 overflow: hidden;
342 clip: rect(0, 0, 0, 0);
343 width: 1px;
344 height: 1px;
345 margin: -1px;
346 padding: 0px;
347 border: 0px;
348 }
349
350 [aria-hidden="true"]
351 {
352 display: none !important;
353 }
354
355 #notification
356 {
357 display: flex;
358 padding: 1rem 1.9rem;
359 width: 100%;
360 box-sizing: border-box;
361 opacity: 0.8;
362 font-size: 1rem;
363 color: #4A4A4A;
364 background-color: #d8d8d8;
365 }
366
367 #notification-text
368 {
369 flex: 1;
370 text-align: center;
371 }
372
373 .icon
374 {
375 border: 0px;
376 padding: 0px;
377 background-color: transparent;
378 }
379
380 .icon:hover
381 {
382 box-shadow: none;
383 }
384
385 .icon::before
386 {
387 content: "";
388 display: block;
389 border: 0.2rem solid transparent;
390 background-repeat: no-repeat;
391 }
392
393 .close.icon::before
394 {
395 height: 1rem;
396 width: 1rem;
397 }
398
399 .icon.close.tertiary::before
400 {
401 background-image: url(icons/delete.svg?tertiary#tertiary);
402 }
403
404 .icon.close.tertiary:hover::before
405 {
406 background-image: url(icons/delete.svg?tertiary-hover#tertiary-hover);
407 }
408
409 #continue,
410 #send
411 {
412 display: none;
413 }
414
415 body:not([data-page="commentPage"]) #continue,
416 body[data-page="commentPage"] #send
417 {
418 display: block;
419 }
OLDNEW
« no previous file with comments | « messageResponder.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld