From 19a1a64971b93581d39187242eb7cc0a6935443b Mon Sep 17 00:00:00 2001 From: Reda Lazri Date: Mon, 5 Sep 2016 22:20:41 +0100 Subject: [PATCH] Even more tweaks --- css/master.css | 36 +++++++++++++++++---------- givingguide.html | 18 +++++++------- img/fsf-footer.png | Bin 23414 -> 38051 bytes img/products/fsf-card.png | Bin 0 -> 115044 bytes img/products/gimp-inkscape.png | Bin 0 -> 57018 bytes img/products/gutenberg.png | Bin 0 -> 31218 bytes img/products/lulzbot.png | Bin 0 -> 102485 bytes img/products/replicant.png | Bin 0 -> 57047 bytes img/products/t400.png | Bin 0 -> 104171 bytes img/products/thinkpenguin-router.png | Bin 0 -> 53507 bytes img/products/x200.png | Bin 0 -> 77874 bytes 11 files changed, 32 insertions(+), 22 deletions(-) create mode 100644 img/products/fsf-card.png create mode 100644 img/products/gimp-inkscape.png create mode 100644 img/products/gutenberg.png create mode 100644 img/products/lulzbot.png create mode 100644 img/products/replicant.png create mode 100644 img/products/t400.png create mode 100644 img/products/thinkpenguin-router.png create mode 100644 img/products/x200.png diff --git a/css/master.css b/css/master.css index e1a3615..3142e92 100644 --- a/css/master.css +++ b/css/master.css @@ -102,7 +102,7 @@ } /*Text Styles*/ h1 { - margin-top: 10px; + /*margin-top: 10px;*/ margin-bottom: 20px; color: #4B423B; font-size: 35px; @@ -122,7 +122,7 @@ h3 { } h4 { - padding-top: 23px; + /*padding-top: 23px;*/ color: #9b9b9b; font-size: 24px; font-family: "Signika Light"; @@ -154,6 +154,7 @@ a { color: #2caf8f; text-decoration: none; -webkit-transition: .3s all ease; + -moz-transition: .3s all ease; transition: .3s all ease; } @@ -163,9 +164,8 @@ a:hover { } section { - margin-bottom: 20px; - padding-top: 20px; - padding-bottom: 20px; + padding-top: 30px; + padding-bottom: 30px; } /*Header*/ /*Navbar*/ @@ -217,6 +217,10 @@ section { background: #2caf8f; } +.intro-text h1 { + color: #2caf8f; +} + .illustration { padding-bottom: 60px; } @@ -227,13 +231,11 @@ section { } /*Actions*/ .actions { - padding-top: 30px; background: #fffae5; } .action { position: relative; - margin-bottom: 50px; } .action-button { @@ -391,6 +393,12 @@ li.neutral { text-align: center; } /*Recommended Lines*/ + +.recommended-img img{ + width: 300px; + height: 300px; +} + .recommended-section { padding-top: 30px; padding-bottom: 30px; @@ -398,25 +406,27 @@ li.neutral { /*Charities*/ .charities { margin-bottom: 0; - background-color: #E4F5F1; + background-color: #FFD429; } .charities img { - -webkit-filter: brightness(0.5) opacity(0.5) grayscale(1); - filter: brightness(0.5) opacity(0.5) grayscale(1); + -webkit-filter: brightness(0.5) opacity(0.8) sepia(1); + filter: brightness(10) opacity(0.8) sepia(1); -webkit-transition: .3s all ease; -moz-transition: .3s all ease; transition: .3s all ease; - -moz-filter: brightness(0.5) opacity(0.5) grayscale(1); + -moz-filter: brightness(0.5) opacity(0.8) sepia(1); } .charities img:hover { - -webkit-filter: brightness(1) opacity(1) grayscale(0); - filter: brightness(1) opacity(1) grayscale(0); + -webkit-filter: brightness(1) opacity(1) sepia(0); + filter: brightness(1) opacity(1) sepia(0); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); + + -moz-filter: brightness(1) opacity(1) sepia(0); } /*Licenses*/ .licenses { diff --git a/givingguide.html b/givingguide.html index fa7b7f4..072746a 100644 --- a/givingguide.html +++ b/givingguide.html @@ -143,7 +143,7 @@ RFY-Certified - replicant phone + replicant phone
Tehnoetic S2 with Replicant
@@ -205,7 +205,7 @@