Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

svg-ified the button icons

added css hack for IE8 and below... will eventually fontify these icons.
  • Loading branch information...
commit c9e0105b440e3542bf63dd39e9dbe4fab0a511d1 1 parent 0c2becb
Diana Mounter authored
Showing with 35 additions and 2 deletions.
  1. +29 −0 images/octocat.svg
  2. +6 −2 stylesheets/styles.css
29 images/octocat.svg
View
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="56px" height="71px" viewBox="0 0 56 71" enable-background="new 0 0 56 71" xml:space="preserve">
+<g>
+ <g>
+ <path d="M56,24.327c0-6.004-1.996-10.336-4.992-13.438c1.969-4.934-0.672-10.496-0.672-10.496S45.609-0.27,39.141,4.585
+ c-3.555-0.871-7.051-1.152-9.789-1.152c-2.8,0-6.812,0.32-10.898,1.414C11.801-0.297,6.899,0.394,6.899,0.394
+ s-2.867,6.05-0.391,11.125c-2.766,3.008-4.586,7.098-4.586,12.625c0,14.641,9.695,19.02,20.773,20.062
+ c-1.867,0.938-3.094,2.516-3.641,5.023c-0.594,0.492-2.047,1.305-5.234,1.305c-4.586,0-6.859-5.133-7.859-6.133
+ c-1.359-1.359-2.812-1.836-4.383-1.898c-0.727-0.027-1.258,0.203-1.418,0.359c-0.398,0.398-0.016,1.164,0.715,1.492
+ c0.812,0.371,1.793,1.066,2.953,2.637c1.258,1.703,1.727,4.137,3.812,6.223c1.773,1.773,4.09,2.586,6.996,2.586
+ c1.871,0,3.309-0.375,4.094-0.641c0.012,3,0.02,6.391-0.137,8.14c0,0,4.113,2.672,10.437,2.672c6.324,0,11.344-2.672,11.344-2.672
+ c-0.191-2.202-0.125-6.405-0.125-10.632c0-4.414-1.258-6.953-3.68-8.305C46.484,43.8,56,40.745,56,24.327z"/>
+ </g>
+ <g>
+ <path fill="#FAF9F7" d="M56,28.327c0-6.004-1.996-10.336-4.992-13.438c1.969-4.934-0.672-10.496-0.672-10.496
+ S45.609,3.73,39.141,8.585c-3.555-0.871-7.051-1.152-9.789-1.152c-2.8,0-6.812,0.32-10.898,1.414
+ C11.801,3.703,6.899,4.394,6.899,4.394s-2.867,6.05-0.391,11.125c-2.766,3.008-4.586,7.098-4.586,12.625
+ c0,14.641,9.695,19.02,20.773,20.062c-1.867,0.938-3.094,2.516-3.641,5.023c-0.594,0.492-2.047,1.305-5.234,1.305
+ c-4.586,0-6.859-5.133-7.859-6.133c-1.359-1.359-2.812-1.836-4.383-1.898c-0.727-0.027-1.258,0.203-1.418,0.359
+ c-0.398,0.398-0.016,1.164,0.715,1.492c0.812,0.371,1.793,1.066,2.953,2.637c1.258,1.703,1.727,4.137,3.812,6.223
+ c1.773,1.773,4.09,2.586,6.996,2.586c1.871,0,3.309-0.375,4.094-0.641c0.012,3,0.02,6.391-0.137,8.14
+ c0,0,4.113,2.672,10.437,2.672c6.324,0,11.344-2.672,11.344-2.672c-0.191-2.202-0.125-6.405-0.125-10.632
+ c0-4.414-1.258-6.953-3.68-8.305C46.484,47.8,56,44.745,56,28.327z"/>
+ </g>
+</g>
+</svg>
8 stylesheets/styles.css
View
@@ -288,7 +288,9 @@ header li:hover {
a.buttons {
-webkit-font-smoothing: antialiased;
- background: url(../images/arrow-down.png) no-repeat;
+ background: url(../images/arrow-down.svg) no-repeat 2px 1px;
+ background: url(../images/arrow-down.png) no-repeat 2px 1px\9;
+ background-size: 12px auto;
font-weight: normal;
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
padding: 2px 2px 2px 22px;
@@ -296,7 +298,9 @@ a.buttons {
}
a.github {
- background: url(../images/octocat-small.png) no-repeat 1px;
+ background: url(../images/octocat.svg) no-repeat 1px;
+ background: url(../images/octocat-small.png) no-repeat 1px\9;
+ background-size: 14px auto;
}
a.buttons:hover {
Please sign in to comment.
Something went wrong with that request. Please try again.