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

Side by Side Diff: skin/firstRun.css

Issue 29349840: Issue 4294 - Removed feature section from first-run page (Closed)
Patch Set: Created Aug. 16, 2016, 9:59 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« locale/en-US/firstRun.json ('K') | « locale/en-US/firstRun.json ('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-2016 Eyeo GmbH 3 * Copyright (C) 2006-2016 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
(...skipping 230 matching lines...) Expand 10 before | Expand all | Expand 10 after
241 } 241 }
242 242
243 #logo 243 #logo
244 { 244 {
245 margin: 0 auto; 245 margin: 0 auto;
246 height: 128px; 246 height: 128px;
247 width: 128px; 247 width: 128px;
248 display: block; 248 display: block;
249 } 249 }
250 250
251 #can-do-more
252 {
253 border-bottom: 4px solid #968D81;
254 }
255
256 .feature-malware-image
257 {
258 background-image: url(features/malware.png);
259 background-repeat: no-repeat;
260 }
261
262 .feature-social-image
263 {
264 background-image: url(features/social.png);
265 background-repeat: no-repeat;
266 }
267
268 .feature-tracking-image
269 {
270 background-image: url(features/tracking.png);
271 background-repeat: no-repeat;
272 }
273
274 #can-do-more-content
275 {
276 margin-top: 30px;
277 }
278
279 #can-do-more #features
280 {
281 border-spacing: 10px;
282 }
283
284 #can-do-more .feature
285 {
286 list-style-type: none;
287 padding-top: 30px;
288 padding-bottom: 20px;
289 border-top: 1px dashed #c0bebb;
290 }
291
292 #can-do-more .feature-image, #can-do-more .feature-description
293 {
294 display: inline-block;
295 vertical-align: top;
296 }
297
298 #can-do-more .feature-description
299 {
300 -webkit-margin-start: 20px;
301 -moz-margin-start: 20px;
302 width: 625px;
303 max-width: 85%;
304 }
305
306 #can-do-more .feature-description-textblock
307 {
308 width: 480px;
309 max-width: 100%;
310 -webkit-margin-end: 40px;
311 -moz-margin-end: 40px;
312 display: inline-block;
313 }
314
315 #can-do-more .feature-description-textblock > span
316 {
317 margin-top: 15px;
318 }
319
320 #can-do-more .feature-image
321 {
322 width: 59px;
323 height: 59px;
324 margin: 10px 0px;
325 -webkit-margin-start: 20px;
326 -moz-margin-start: 20px;
327 }
328
329 #share 251 #share
330 { 252 {
331 background-image: url(background-share.png); 253 background-image: url(background-share.png);
332 text-align: center; 254 text-align: center;
333 font-family: CreteRound, Helvetica, Arial, sans-serif; 255 font-family: CreteRound, Helvetica, Arial, sans-serif;
334 } 256 }
335 257
336 #share h2 258 #share h2
337 { 259 {
338 margin-bottom: 30px; 260 margin-bottom: 30px;
(...skipping 175 matching lines...) Expand 10 before | Expand all | Expand 10 after
514 display: table; 436 display: table;
515 margin: auto; 437 margin: auto;
516 caption-side: bottom; 438 caption-side: bottom;
517 } 439 }
518 440
519 #share:lang(fr) 441 #share:lang(fr)
520 { 442 {
521 display: table-caption; 443 display: table-caption;
522 } 444 }
523 445
524 .toggle
525 {
526 cursor: pointer;
527 position: relative;
528 display: inline-block;
529 vertical-align: top;
530 height: 22px;
531 margin-top: 32px;
532 margin-bottom: 7px;
533 border-radius: 9999px;
534 border: 1px solid #999;
535 overflow: hidden;
536 -moz-user-select: none;
537 -webkit-user-select: none;
538 user-select: none;
539 }
540
541 .toggle:hover
542 {
543 box-shadow: 0px 0px 3px 0px #968d81;
544 }
545
546 .toggle:active
547 {
548 cursor: wait;
549 }
550
551 .toggle-on, .toggle-off
552 {
553 min-width: 42px;
554 height: 100%;
555 font-size: 11px;
556 font-weight: 500;
557 text-align: center;
558 line-height: 23px;
559 border-radius: 9999px;
560 }
561
562 .toggle-on
563 {
564 padding-left: 10px;
565 padding-right: 30px;
566 color: rgba(255,255,255,0.8);
567 text-shadow: 1px 1px rgba(0,0,0,0.2);
568 box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2);
569 background: rgb(69,163,31);
570 }
571
572 .toggle-off
573 {
574 padding-left: 30px;
575 padding-right: 10px;
576 color: rgba(0,0,0,0.6);
577 text-shadow: 1px 1px rgba(255,255,255,0.2);
578 background: #cfcfcf;
579 background: -moz-linear-gradient(top, #cfcfcf 0%, #f5f5f5 100%);
580 background: -webkit-linear-gradient(top, #cfcfcf 0%,#f5f5f5 100%);
581 background: linear-gradient(to bottom, #cfcfcf 0%,#f5f5f5 100%);
582 }
583
584 .toggle-blob
585 {
586 position: absolute;
587 top: 0px;
588 right: 0px;
589 height: 100%;
590 width: 22px;
591 border-radius: 50px;
592 background: #cfcfcf;
593 background: -moz-linear-gradient(bottom, #cfcfcf 0%, #f5f5f5 100%);
594 background: -webkit-linear-gradient(bottom, #cfcfcf 0%,#f5f5f5 100%);
595 background: linear-gradient(to top, #cfcfcf 0%,#f5f5f5 100%);
596 box-shadow: 1px 1px 2px #888;
597 }
598
599 .off .toggle-on
600 {
601 margin-top: -22px;
602 }
603
604 .off .toggle-blob
605 {
606 left: 0px;
607 right: auto;
608 }
609
610 #donate 446 #donate
611 { 447 {
612 height: 21px; 448 height: 21px;
613 display: inline-block; 449 display: inline-block;
614 margin-top: 15px; 450 margin-top: 15px;
615 margin-bottom: 2px; 451 margin-bottom: 2px;
616 font-size: 16px; 452 font-size: 16px;
617 color: #003366; 453 color: #003366;
618 cursor: pointer; 454 cursor: pointer;
619 font-weight: bold; 455 font-weight: bold;
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after
673 width: auto; 509 width: auto;
674 padding: 20px 0px; 510 padding: 20px 0px;
675 border-style: dashed none none; 511 border-style: dashed none none;
676 } 512 }
677 513
678 #donate, 514 #donate,
679 .share-buttons 515 .share-buttons
680 { 516 {
681 margin-top: 10px; 517 margin-top: 10px;
682 } 518 }
683
684 #can-do-more,
685 #can-do-more .feature h3
686 {
687 text-align: center;
688 }
689
690 #can-do-more .feature-description-textblock
691 {
692 text-align: start;
693 }
694
695 .toggle
696 {
697 margin-top: 14px;
698 }
699 } 519 }
OLDNEW
« locale/en-US/firstRun.json ('K') | « locale/en-US/firstRun.json ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld