From c5be707be905c36ab9f9869f482f457a587087ec Mon Sep 17 00:00:00 2001
From: Rufus Pollock <rufus.pollock@okfn.org>
Date: Tue, 15 May 2012 03:40:01 +0100
Subject: [PATCH] [theme,css][xs]: rather than override bootstrap buttons use
 our own css classes for front pages buttons.

---
 css/site.css | 32 ++++++++++++++++----------------
 index.html   |  4 ++--
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/css/site.css b/css/site.css
index c8260d09..c1a30f1d 100644
--- a/css/site.css
+++ b/css/site.css
@@ -41,7 +41,7 @@ a.dotted:hover {
 	text-decoration:none;
 }
 
-.btn-info {
+.btn-explorer {
   background: #545454; /* Old browsers */
 	background: -moz-linear-gradient(top, #545454 0%, #454545 100%); /* FF3.6+ */
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545454), color-stop(100%,#454545)); /* Chrome,Safari4+ */
@@ -60,17 +60,17 @@ a.dotted:hover {
 	color:#FFF;
 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 }
-.btn-info:hover,
-.btn-info:active,
-.btn-info.active,
-.btn-info.disabled,
-.btn-info[disabled] {
+.btn-explorer:hover,
+.btn-explorer:active,
+.btn-explorer.active,
+.btn-explorer.disabled,
+.btn-explorer[disabled] {
   background-color: #454545;
 	background-image:none;
 	color:#FFF;
 }
-.btn-info:active,
-.btn-info.active {
+.btn-explorer:active,
+.btn-explorer.active {
 	background-color: #454545 \9;
 	background-image:none;
 	color:#FFF;
@@ -84,7 +84,7 @@ a.dotted:hover {
 	margin-right:10px;
 }
 
-.btn-primary {
+.btn-library {
   background: #c7231d; /* Old browsers */
 	background: -moz-linear-gradient(top, #c7231d 0%, #bc130e 100%); /* FF3.6+ */
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7231d), color-stop(100%,#bc130e)); /* Chrome,Safari4+ */
@@ -97,16 +97,16 @@ a.dotted:hover {
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   filter: progid:dximagetransform.microsoft.gradient(enabled=false);
 }
-.btn-primary:hover,
-.btn-primary:active,
-.btn-primary.active,
-.btn-primary.disabled,
-.btn-primary[disabled] {
+.btn-library:hover,
+.btn-library:active,
+.btn-library.active,
+.btn-library.disabled,
+.btn-library[disabled] {
   background-color: #bc130e;
 	background-image:none;
 }
-.btn-primary:active,
-.btn-primary.active {
+.btn-library:active,
+.btn-library.active {
   background-color: #bc130e \9;
 }
 
diff --git a/index.html b/index.html
index b7d55bba..141786cc 100644
--- a/index.html
+++ b/index.html
@@ -18,8 +18,8 @@ title: Home
           &mdash; All built with <a href="http://backbonejs.org/" class="dotted">Backbone</a>
         </div>
         <div class="inner">
-          <a class="btn btn-large btn-info showtitle" href="app/" title="the data explorer"><i class="icon-graph icon-white icon-large"></i>Use the Explorer</a>
-          <a class="btn btn-large btn-primary showtitle" href="library.html" title="the data library"><i class="icon-arrow-down icon-white icon-large"></i>Use the Library</a>
+          <a class="btn btn-large btn-explorer showtitle" href="app/" title="the data explorer"><i class="icon-graph icon-white icon-large"></i>Use the Explorer</a>
+          <a class="btn btn-large btn-library showtitle" href="library.html" title="the data library"><i class="icon-arrow-down icon-white icon-large"></i>Use the Library</a>
         </div>
       </div>
     </div>