docs(header): replace logo.png with logo.svg

The current logo looks awful on high-density displays.  SVG is a
better choice because it can scale to any resolution without
increasing file size.

Amending #2775 to add support for IE 8 by falling back to existing PNG
with img.onerror

Using relative URLs as directed by @btford and @petebacondarwin.

(commit by Brenton Simpson - @appsforartists)

Closes #2874

Conflicts:

	docs/src/templates/css/docs.css
	docs/src/templates/index.html

2 files changed, 13 insertions, 4 deletions

diff --git a/docs/src/templates/css/docs.css b/docs/src/templates/css/docs.css
index 7f86de9e..bbfae500 100644
--- a/docs/src/templates/css/docs.css
+++ b/docs/src/templates/css/docs.css
@@ -1,8 +1,17 @@
-img.AngularJS-small {
-  width: 95px;
+/* Logo */
+
+.header .brand {
+  padding-top: 6px;
+  padding-bottom: 0px;
+}
+
+.header .brand img {
   height: 25px;
+  width: 92px;
 }
 
+/* end: Logo */
+
 
 .clear-navbar {
   margin-top: 60px;
diff --git a/docs/src/templates/index.html b/docs/src/templates/index.html
index 0fdebb74..1ff0312f 100644
--- a/docs/src/templates/index.html
+++ b/docs/src/templates/index.html
@@ -114,8 +114,8 @@
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
-          <a class="brand" href="http://angularjs.org" style="padding-top: 6px; padding-bottom: 0px;">
-            <img class="AngularJS-small" src="http://angularjs.org/img/AngularJS-small.png">
+          <a class="brand" href="http://angularjs.org">
+            <img class="logo" src="img/angularjs-for-header-only.svg">
           </a>
           <ul class="nav">
             <li class="divider-vertical"></li>