Permalink
Browse files

Put twitter and rss links at bottom of menu as icons

  • Loading branch information...
1 parent 9a09fb8 commit 0ea9d4b7cbd05c335613fc70cbf233641a2ad848 Jason Johnston committed Aug 1, 2010
View
63 site/pie-wp-theme/css/common.css
@@ -21,8 +21,10 @@ body {
padding: 20px 0;
}
-header, section, article, footer, nav {
+header, section, article, footer, nav, form {
display: block;
+ margin: 0;
+ padding: 0;
}
img {
@@ -142,18 +144,18 @@ pre.long {
/* workaround for weird bug where IE8 draws a 1px line outside the overflow:hidden container */
clip: rect(0,250px,1000px,1px);
}
-#mainNav ul,
-#mainNav li {
+#mainNav .menu,
+#mainNav .menu li {
display: block;
list-style: none;
margin: 0 0 6px;
padding: 0;
width: 220px;
}
-#mainNav ul {
+#mainNav .menu {
margin-bottom: 20px;
}
-#mainNav li a {
+#mainNav .menu li a {
display: block;
position: relative;
color: #FFF;
@@ -164,15 +166,15 @@ pre.long {
behavior: url(/PIE.htc);
-pie-background: none;
}
-#mainNav li a:hover {
+#mainNav .menu li a:hover {
background: #008ECF;
background: -webkit-gradient(linear,0 0,100% 0,from(#008ECF),to(#00AEEF));
background: -moz-linear-gradient(left,#008ECF,#00AEEF);
-pie-background: linear-gradient(left,#008ECF,#00AEEF);
}
-#mainNav li.current_page_item a,
-#mainNav li.current-page-ancestor a,
-#mainNav li.current_page_parent a {
+#mainNav .menu li.current_page_item a,
+#mainNav .menu li.current-page-ancestor a,
+#mainNav .menu li.current_page_parent a {
background: #FFF;
-pie-background: #FFF;
color: #000;
@@ -213,7 +215,7 @@ nav#mainNav .outbound {
padding: 0;
}
#mainNav .outbound strong {
- background: url(../img/icons.png) no-repeat 0 50%;
+ background: url(../img/icons.png) no-repeat 0 2px;
padding-left: 30px;
font-weight: normal;
}
@@ -238,6 +240,45 @@ nav#mainNav .outbound {
margin: 0;
}
+#mainNav .social,
+#mainNav .social li {
+ float: right;
+ display: inline;
+ margin-right: 10px;
+ margin-top: 10px;
+ list-style: none;
+}
+#mainNav .social a {
+ display: block;
+ position: relative;
+ width: 30px;
+ height: 30px;
+ line-height: 30px;
+ border: 1px solid #FFF;
+ background: #666 url(../img/icons.png) no-repeat 50% -45px;
+ white-space: nowrap;
+ text-indent: 30px;
+ overflow: hidden;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: #666 0 0 5px;
+ -moz-box-shadow: #666 0 0 5px;
+ box-shadow: #666 0 0 5px;
+ behavior: url(/PIE.htc);
+}
+#mainNav .social .rss a {
+ background-position: 50% -79px;
+}
+#mainNav .social a:hover {
+ background-color: #555;
+}
+#mainNav .social a ie6-mask {
+ /*workaround for text-indent making the link non-clickable*/
+ text-indent: 0;
+ padding-left: 30px;
+}
+
#pageFooter {
padding: 20px 0 0;
margin: 20px 0 0;
@@ -389,7 +430,7 @@ body.home .more a {
color: #FFF;
position: relative;
left: 34px;
- background: url(../img/icons.png) no-repeat 100% 50%;
+ background: url(../img/icons.png) no-repeat 100% 0;
text-decoration: none;
padding-right: 40px;
}
View
6 site/pie-wp-theme/header/header-default.php
@@ -86,6 +86,12 @@
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----">
<button type="submit" class="outbound"><strong>Donate</strong></button>
</form>
+
+ <ul class="social">
+ <li class="rss"><a href="http://css3pie.com/feed" title="RSS feed for the PIE blog">RSS feed for the PIE blog</a></li>
+ <li class="twitter"><a href="http://twitter.com/css3pie" title="Follow @css3pie on Twitter">Follow @css3pie on Twitter</a></li>
+ </ul>
+
</nav>
</header>
View
BIN site/pie-wp-theme/img/icons.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 0ea9d4b

Please sign in to comment.