<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">
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;
}
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 {