Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Clone in Desktop Download ZIP
Browse files

style up the INN nav links a bit

  • Loading branch information...
commit 8f83a85364971b95b6a2e8977f8c62e51aa4dbef 1 parent dc8deb9
@rnagle rnagle authored
Showing with 57 additions and 66 deletions.
  1. +55 −64 less/app.less
  2. +2 −2 templates/_base.html
View
119 less/app.less
@@ -128,26 +128,26 @@ nav {
}
}
- a,
- a:link,
- a:visited {
- color: #6d8ac4;
- font-weight: bold;
- text-transform: lowercase;
+ a,
+ a:link,
+ a:visited {
+ color: #6d8ac4;
+ font-weight: bold;
}
- a:hover,
+ a:hover,
a:active { color: #bccae5; }
- .npr {
- width: 61px;
-
- img {
- margin: -2px 0 0 0;
- width: 100%;
- height: auto;
- }
+ .inn {
+ font-size: 22px;
+ text-transform: uppercase;
+ a {
+ background: #0358ac;
+ color: white;
+ padding: 4px 6px;
}
- .shop {
+ }
+
+ .shop {
padding-left: 18px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA97wAAIT6AAB5yAAA7p8AADFuAAAPXaV5P1wAAAB/SURBVHjafM6xCUJBEITh7x1WYA/mmtiSuZGI+NIXGRrYgRVoERYiiBe9yORMVjkOdGH4l2F22G57vBVkzII/J6HDGU+Uf0pxtMMDCwxR0NIkwhk9LrhjimVDqXrpFMGMFa4Nv82wxzz2EtzUrJvXwTF+/GgM/1WHDw1bf3gPAMfKIptJWVXJAAAAAElFTkSuQmCC) no-repeat 0% 50%;
}
@@ -324,52 +324,45 @@ footer {
}
a:hover, a:active { color: #bccae5; }
- .primary {
- float: left;
- height: 52px;
- font-size: 12px;
- text-transform: lowercase;
-
- img {
- width: 66px;
- margin-top: -2px;
- }
- li {
- margin-left: 31px;
- line-height: 52px;
- text-transform: lowercase;
-
- &:first-child {
- margin-left: 0;
- width: 66px;
- }
- }
- }
- .secondary {
- height: 52px;
-
- p {
- float: right;
- margin-left: 30px;
- line-height: 52px;
- font-size: 12px;
- float: right;
- color: #999;
- }
- ul {
- float: right;
- margin-left: 30px;
- }
- li {
- line-height: 52px;
- font-size: 12px;
- margin-left: 15px;
- }
- a {
- color: #999;
- font-weight: normal;
- }
- }
+ .primary {
+ float: left;
+ font-size: 22px;
+ margin: 20px 20px 20px 0;
+
+ li {
+ &.inn a {
+ height: 50px;
+ background: #0358ac;
+ color: white;
+ padding: 4px 6px;
+ }
+ }
+ }
+ .secondary {
+ height: 50px;
+ margin: 8px 0 0 0;
+ p {
+ float: right;
+ margin-left: 30px;
+ line-height: 50px;
+ font-size: 12px;
+ float: right;
+ color: #999;
+ }
+ ul {
+ float: right;
+ margin-left: 30px;
+ }
+ li {
+ line-height: 50px;
+ font-size: 12px;
+ margin-left: 15px;
+ }
+ a {
+ color: #999;
+ font-weight: normal;
+ }
+ }
}
@@ -377,7 +370,6 @@ footer {
@media (max-width: 979px) {
nav ul.site-links-2 { display: none; }
footer {
- .primary { float: none; }
.secondary ul, .secondary p { margin-left: 0; float: left; }
}
}
@@ -385,7 +377,6 @@ footer {
header { margin-left: -20px; margin-right: -20px; }
nav ul.site-links { margin-left: 20px; }
footer {
- .primary { display: none; }
.secondary p { float: left; font-size: 10px; color: #bccae5; }
.secondary ul { float: right; }
.secondary li { font-size: 10px; text-transform: none; }
View
4 templates/_base.html
@@ -34,7 +34,7 @@
{% block outer_content %}
<nav role="navigation">
<ul class="site-links">
- <li class="inn"><a href="http://www.investigativenewsnetwork.org">INN</a></li>
+ <li class="inn"><a title="Investigative News Network" href="http://www.investigativenewsnetwork.org">INN</a></li>
</ul>
<ul class="social-links">
<li class="twitter"><a rel="external" href="http://twitter.com/share?text={{ COPY.sharing.twitter_text|urlencode }}&amp;url={{ SHARE_URL|urlencode }}" alt="Share on Twitter" target="_blank" onclick="_gaq.push(['_trackEvent', '{{ PROJECT_SLUG }}', 'tweet', 'nav']);">Share This Page On Twitter</a></li>
@@ -66,7 +66,7 @@
<footer>
<div class="primary">
<ul>
- <li><a href="http://www.investigativenewsnetwork.org" data-action="Click Logo">INN</a></li>
+ <li class="inn"><a title="Investigative News Network" href="http://www.investigativenewsnetwork.org" data-action="Click Logo">INN</a></li>
</ul>
</div>
<div class="secondary">

0 comments on commit 8f83a85

Please sign in to comment.
Something went wrong with that request. Please try again.