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

Side by Side Diff: static/css/index.css

Issue 29328882: Issue 2870 - Adjust icons on homepage horizontally (Closed)
Patch Set: Created Oct. 6, 2015, 4:03 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
OLDNEW
1 #content h1, #content h2 1 #content h1, #content h2
2 { 2 {
3 font-size: 16px; 3 font-size: 16px;
4 } 4 }
5 5
6 #content .sprite 6 #content .sprite
7 { 7 {
8 background-image: url(../img/sprite-index.png); 8 background-image: url(../img/sprite-index.png);
9 } 9 }
10 10
(...skipping 282 matching lines...) Expand 10 before | Expand all | Expand 10 after
293 293
294 #content.firefox #install-firefox, #content.chrome #install-chrome, 294 #content.firefox #install-firefox, #content.chrome #install-chrome,
295 #content.opera #install-opera, #content.android #install-android, 295 #content.opera #install-opera, #content.android #install-android,
296 #content.internet-explorer #install-internet-explorer, 296 #content.internet-explorer #install-internet-explorer,
297 #content.safari #install-safari, 297 #content.safari #install-safari,
298 #content.yandex-browser #install-yandex-browser 298 #content.yandex-browser #install-yandex-browser
299 { 299 {
300 display: inline-block; 300 display: inline-block;
301 } 301 }
302 302
303 #install ul 303 #other-platform ul
304 { 304 {
305 list-style: none; 305 list-style: none;
306 display: inline-block; 306 display: inline-block;
307 margin: 0 0 0 5px; 307 margin: 0px;
308 padding: 0; 308 padding: 0;
309 vertical-align: bottom; 309 vertical-align: bottom;
310 } 310 }
311 311
312 html[dir="rtl"] #install ul 312 html[dir="rtl"] #install ul
313 { 313 {
314 margin: 0 5px 0 0; 314 margin: 0 5px 0 0;
315 } 315 }
316 316
317 #install li 317 #other-platform li
318 { 318 {
319 display: inline-block; 319 display: inline-block;
320 margin: 0 3px; 320 margin: 0 3px;
321 font-size: 0; 321 font-size: 0;
322 } 322 }
323 323
324 #install li a 324 #other-platform li a
325 { 325 {
326 width: 19px; 326 width: 19px;
327 height: 20px; 327 height: 20px;
328 } 328 }
329 329
330 #platform-firefox 330 #platform-firefox
331 { 331 {
332 background-position: -108px -89px; 332 background-position: -108px -89px;
333 } 333 }
334 334
(...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after
435 435
436 #edge-subscription h3 436 #edge-subscription h3
437 { 437 {
438 margin: 19px 0px 10px 0px; 438 margin: 19px 0px 10px 0px;
439 color: #2d79c0; 439 color: #2d79c0;
440 font-weight: bold; 440 font-weight: bold;
441 font-family: Arial; 441 font-family: Arial;
442 font-size: 14px; 442 font-size: 14px;
443 } 443 }
444 444
445 #edge-subscription
446 {
447 margin: 0px 0px 10px 40px;
448 }
449
450 html[dir="rtl"] #edge-subscription
451 {
452 margin: 0px 40px 10px 0px;
453 }
454
455 #edge-subscription input[type=email] 445 #edge-subscription input[type=email]
456 { 446 {
457 border: solid 2px #a5a5a5; 447 border: solid 2px #a5a5a5;
458 padding: 0px 10px; 448 padding: 0px 10px;
459 font-size: 14px; 449 font-size: 14px;
460 font-family: Arial; 450 font-family: Arial;
461 line-height: 36px; 451 line-height: 36px;
462 height: 36px; /* IE 8 */ 452 height: 36px; /* IE 8 */
463 } 453 }
464 454
465 #edge-subscription input[type=email].placeholder 455 #edge-subscription input[type=email].placeholder
466 { 456 {
467 color: #a5a5a5; 457 color: #a5a5a5;
468 } 458 }
469 459
470 #edge-subscription button[type=submit] 460 #edge-subscription button[type=submit]
471 { 461 {
472 border: solid 1px #357ebd; 462 border: solid 1px #357ebd;
473 border-radius: 3px; 463 border-radius: 3px;
474 background-color: #428bca; 464 background-color: #428bca;
475 color: #ffffff; 465 color: #ffffff;
476 font-size: 14px; 466 font-size: 14px;
477 font-weight: bold; 467 font-weight: bold;
478 width: 146px; 468 width: 146px;
479 height: 40px; 469 height: 40px;
480 } 470 }
481 471
482 472
483 #edge-subscription form > span, #edge-subscription form.success input, 473 #edge-subscription form > span, #edge-subscription form.success input,
484 #edge-subscription form.success button, #other-browsers, #content.edge #video, 474 #edge-subscription form.success button, #other-platform > div,
485 #edge-subscription, #edge-teaser 475 #content.edge #video, #edge-subscription, #edge-teaser
486 { 476 {
487 display: none; 477 display: none;
488 } 478 }
489 479
490 #edge-subscription form .invalid-label 480 #edge-subscription form .invalid-label
491 { 481 {
492 margin-top: 15px; 482 margin-top: 15px;
493 } 483 }
494 484
495 #edge-subscription form.success .sucess-label, 485 #edge-subscription form.success .sucess-label,
496 #edge-subscription form.invalid .invalid-label, 486 #edge-subscription form.invalid .invalid-label,
497 #edge-subscription form.error .response-error, 487 #edge-subscription form.error .response-error,
498 #content.edge #edge-subscription 488 #content.edge #edge-subscription,
489 #content.edge #other-platform > div
499 { 490 {
500 display: block; 491 display: block;
501 } 492 }
502 493
503 .warning-platform, 494 .warning-platform,
504 .disclaimer, 495 .disclaimer,
505 #maxthon-notification 496 #maxthon-notification
506 { 497 {
507 display: none; 498 display: none;
508 color: #D00; 499 color: #D00;
(...skipping 194 matching lines...) Expand 10 before | Expand all | Expand 10 after
703 #more-container.opera #more-opera, 694 #more-container.opera #more-opera,
704 #more-container.android #more-android, 695 #more-container.android #more-android,
705 #more-container.internet-explorer #more-internet-explorer, 696 #more-container.internet-explorer #more-internet-explorer,
706 #more-container.safari #more-safari, 697 #more-container.safari #more-safari,
707 #more-container.yandex-browser #more-yandex-browser, 698 #more-container.yandex-browser #more-yandex-browser,
708 #more-container.maxthon #more-maxthon 699 #more-container.maxthon #more-maxthon
709 #more-container.edge #more-edge 700 #more-container.edge #more-edge
710 { 701 {
711 background-color: #dbd4c7; 702 background-color: #dbd4c7;
712 } 703 }
OLDNEW
« includes/index.tmpl ('K') | « includes/index.tmpl ('k') | static/css/index-desktop.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld