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

Delta Between Two Patch Sets: skin/firstRun.css

Issue 29328733: Issue 2018 - Optimized first-run page for smaller screens (Closed)
Left Patch Set: Created Oct. 6, 2015, 9:51 a.m.
Right Patch Set: Created Oct. 8, 2015, 2:45 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « firstRun.js ('k') | no next file » | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
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-2015 Eyeo GmbH 3 * Copyright (C) 2006-2015 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 127 matching lines...) Expand 10 before | Expand all | Expand 10 after
138 padding: 0; 138 padding: 0;
139 } 139 }
140 140
141 section 141 section
142 { 142 {
143 margin: 0 auto; 143 margin: 0 auto;
144 margin-bottom: 30px; 144 margin-bottom: 30px;
145 max-width: 960px; 145 max-width: 960px;
146 background-image: url(background.png); 146 background-image: url(background.png);
147 padding: 40px 100px; 147 padding: 40px 100px;
148 box-sizing: border-box;
148 } 149 }
149 150
150 #general 151 #general
151 { 152 {
152 display: table; 153 display: table;
153 padding-left: 0px; 154 padding-left: 0px;
saroyanm 2015/10/07 10:15:07 I can see that here you don't want to overwrite ru
Thomas Greiner 2015/10/07 13:24:24 The values in `#can-do-more` were duplicates so I
154 padding-right: 0px; 155 padding-right: 0px;
155 } 156 }
156 157
157 #general > div 158 #general > div
158 { 159 {
159 display: table-cell; 160 display: table-cell;
160 width: 50%; 161 width: 50%;
161 vertical-align: top; 162 vertical-align: top;
162 padding: 0px 50px; 163 padding: 0px 50px;
163 border: dashed 0 #969085; 164 border: dashed 0 #969085;
(...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after
242 #logo 243 #logo
243 { 244 {
244 margin: 0 auto; 245 margin: 0 auto;
245 height: 128px; 246 height: 128px;
246 width: 128px; 247 width: 128px;
247 display: block; 248 display: block;
248 } 249 }
249 250
250 #can-do-more 251 #can-do-more
251 { 252 {
252 padding: 40px 0px 0px 0px;
253 border-bottom: 4px solid #968D81; 253 border-bottom: 4px solid #968D81;
254 } 254 }
255 255
256 #can-do-more > h2
257 {
258 margin: 0 100px;
259 }
260
261 .feature-malware-image 256 .feature-malware-image
262 { 257 {
263 background-image: url(features/malware.png); 258 background-image: url(features/malware.png);
264 background-repeat: no-repeat; 259 background-repeat: no-repeat;
265 } 260 }
266 261
267 .feature-social-image 262 .feature-social-image
268 { 263 {
269 background-image: url(features/social.png); 264 background-image: url(features/social.png);
270 background-repeat: no-repeat; 265 background-repeat: no-repeat;
271 } 266 }
272 267
273 .feature-tracking-image 268 .feature-tracking-image
274 { 269 {
275 background-image: url(features/tracking.png); 270 background-image: url(features/tracking.png);
276 background-repeat: no-repeat; 271 background-repeat: no-repeat;
277 } 272 }
278 273
279 #can-do-more-content 274 #can-do-more-content
280 { 275 {
281 margin: 30px 100px; 276 margin-top: 30px;
282 } 277 }
283 278
284 #can-do-more #features 279 #can-do-more #features
285 { 280 {
286 border-spacing: 10px; 281 border-spacing: 10px;
287 margin: 0px;
288 padding: 0px;
289 } 282 }
290 283
291 #can-do-more .feature 284 #can-do-more .feature
292 { 285 {
293 list-style-type: none; 286 list-style-type: none;
294 padding-top: 30px; 287 padding-top: 30px;
295 padding-bottom: 20px; 288 padding-bottom: 20px;
296 border-top: 1px dashed #c0bebb; 289 border-top: 1px dashed #c0bebb;
297 } 290 }
298 291
299 #can-do-more .feature-image, #can-do-more .feature-description 292 #can-do-more .feature-image, #can-do-more .feature-description
300 { 293 {
301 display: inline-block; 294 display: inline-block;
302 *display: inline; /* IE6 inline-block fix */
303 *zoom: 1;
304 vertical-align: top; 295 vertical-align: top;
305 } 296 }
306 297
307 #can-do-more .feature-description 298 #can-do-more .feature-description
308 { 299 {
309 -webkit-margin-start: 20px; 300 -webkit-margin-start: 20px;
310 -moz-margin-start: 20px; 301 -moz-margin-start: 20px;
311 width: 625px; 302 width: 625px;
312 max-width: 85%; 303 max-width: 85%;
313 } 304 }
(...skipping 17 matching lines...) Expand all
331 width: 59px; 322 width: 59px;
332 height: 59px; 323 height: 59px;
333 margin: 10px 0px; 324 margin: 10px 0px;
334 -webkit-margin-start: 20px; 325 -webkit-margin-start: 20px;
335 -moz-margin-start: 20px; 326 -moz-margin-start: 20px;
336 } 327 }
337 328
338 #share 329 #share
339 { 330 {
340 background-image: url(background-share.png); 331 background-image: url(background-share.png);
341 max-width: 760px;
342 text-align: center; 332 text-align: center;
343 font-family: CreteRound, Helvetica, Arial, sans-serif; 333 font-family: CreteRound, Helvetica, Arial, sans-serif;
344 } 334 }
345 335
346 #share h2 336 #share h2
347 { 337 {
348 margin-bottom: 30px; 338 margin-bottom: 30px;
349 } 339 }
350 340
351 #share h2, 341 #share h2,
(...skipping 220 matching lines...) Expand 10 before | Expand all | Expand 10 after
572 height: 100%; 562 height: 100%;
573 font-size: 11px; 563 font-size: 11px;
574 font-weight: 500; 564 font-weight: 500;
575 text-align: center; 565 text-align: center;
576 line-height: 23px; 566 line-height: 23px;
577 border-radius: 9999px; 567 border-radius: 9999px;
578 } 568 }
579 569
580 .toggle-on 570 .toggle-on
581 { 571 {
582 padding-left: 10px; 572 padding-left: 10px;
saroyanm 2015/10/07 10:15:07 What about RTL ?
Thomas Greiner 2015/10/07 13:24:25 Not everything needs to be inverted in an RTL envi
583 padding-right: 30px; 573 padding-right: 30px;
584 color: rgba(255,255,255,0.8); 574 color: rgba(255,255,255,0.8);
585 text-shadow: 1px 1px rgba(0,0,0,0.2); 575 text-shadow: 1px 1px rgba(0,0,0,0.2);
586 box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2); 576 box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2);
587 background: rgb(69,163,31); 577 background: rgb(69,163,31);
588 } 578 }
589 579
590 .toggle-off 580 .toggle-off
591 { 581 {
592 padding-left: 30px; 582 padding-left: 30px;
saroyanm 2015/10/07 10:15:07 What about RTL ?
593 padding-right: 10px; 583 padding-right: 10px;
594 color: rgba(0,0,0,0.6); 584 color: rgba(0,0,0,0.6);
595 text-shadow: 1px 1px rgba(255,255,255,0.2); 585 text-shadow: 1px 1px rgba(255,255,255,0.2);
596 background: #cfcfcf; 586 background: #cfcfcf;
597 background: -moz-linear-gradient(top, #cfcfcf 0%, #f5f5f5 100%); 587 background: -moz-linear-gradient(top, #cfcfcf 0%, #f5f5f5 100%);
598 background: -webkit-linear-gradient(top, #cfcfcf 0%,#f5f5f5 100%); 588 background: -webkit-linear-gradient(top, #cfcfcf 0%,#f5f5f5 100%);
599 background: linear-gradient(to bottom, #cfcfcf 0%,#f5f5f5 100%); 589 background: linear-gradient(to bottom, #cfcfcf 0%,#f5f5f5 100%);
600 } 590 }
601 591
602 .toggle-blob 592 .toggle-blob
(...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after
700 #can-do-more .feature-description-textblock 690 #can-do-more .feature-description-textblock
701 { 691 {
702 text-align: start; 692 text-align: start;
703 } 693 }
704 694
705 .toggle 695 .toggle
706 { 696 {
707 margin-top: 14px; 697 margin-top: 14px;
708 } 698 }
709 } 699 }
LEFTRIGHT
« firstRun.js ('k') | no next file » | Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Toggle Comments ('s')

Powered by Google App Engine
This is Rietveld