From: Reda Lazri <the.red.shortcut@gmail.com>
Date: Mon, 10 Nov 2014 20:45:15 +0000 (+0100)
Subject: Added Join image and fixes
X-Git-Url: https://vcs.fsf.org/?p=fsf-giving-guide.git;a=commitdiff_plain;h=196ca9db7996e80fb4cb31414b474fd36563b55d

Added Join image and fixes
---

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e43b0f9
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/givingguide.html b/givingguide.html
index c1a3723..1cc53bb 100755
--- a/givingguide.html
+++ b/givingguide.html
@@ -20,6 +20,9 @@
 				<span class="logo_wrapper">
 					<a href="https://www.fsf.org/"><img class="logo" src="images/logo.png" alt="Logo" /></a>
 				</span>
+				<span class="join_wrapper">
+					<a href="http://fsf.org/jfb"><img class="join" src="images/join.png" alt="Logo" /></a>
+				</span>
 			</div>
 			<div class="navbar">
 				<div class="nav_wrapper">
diff --git a/images/join.png b/images/join.png
new file mode 100644
index 0000000..b5a3d02
Binary files /dev/null and b/images/join.png differ
diff --git a/images/logo.png b/images/logo.png
index 67d77c9..b456b0d 100644
Binary files a/images/logo.png and b/images/logo.png differ
diff --git a/stylesheet.css b/stylesheet.css
index 467fb20..05197f8 100755
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -62,20 +62,26 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
   background-color: #2CAF8F;
   background-repeat: no-repeat;
   height: 776px;
-  background-size: 110%;
-  background-position: bottom;
+  background-size: 100%;
+  background-position: 100%;
 }
 
 .logo {
-  width: 180px;
-  height: 21px;
+  width: 247px;
+  height: 29px;
   padding: 1.3em;
-
 }
 
 .logo_wrapper {
 }
 
+.join {
+  width: 172px;
+  height: 29px;
+  padding: 1.3em;
+  float: right;
+}
+
 .top {
   position: relative;
 }
@@ -84,33 +90,25 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
   border-bottom: 0;
 }
 
-.upper_links li {
-  list-style: none;
-  display: inline-block;
-  padding: 1em;
-  float: left;
-}
-
 .navbar ul {
   background-color: white;
   border-radius: 100px;
   text-align: center;
   width: 875px;
-  height: 3.55556em;
+  height: 2.55556em;
   margin: auto;
-  -webkit-transition: background 3s;
-  transition:  background-color 3s;
 }
 
  .navbar li {
+  font-size: 0.9em;
   font-weight: bold;
   list-style-type: none;
   border-right: 1px #9BD2BF solid;
   padding: 0 10px 0 10px;
-  line-height: 3.7;
+  line-height: 2.9;
   float: left;
   width: 91px;
-  height: 3.55556em;
+  height: 2.85556em;
 }
 
 .navbar li:first-child {