knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[theme,css][xs]: rather than override bootstrap buttons use our own css classes for front pages buttons.

Browse Source
This commit is contained in:
Rufus Pollock
2012-05-15 03:40:01 +01:00
parent a2df2955f7
commit c5be707be9
2 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
css/site.css
View File

@@ -41,7 +41,7 @@ a.dotted:hover {
text-decoration:none; text-decoration:none;
} }
.btn-info { .btn-explorer {
background: #545454; /* Old browsers */ background: #545454; /* Old browsers */
background: -moz-linear-gradient(top, #545454 0%, #454545 100%); /* FF3.6+ */ 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+ */ 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; color:#FFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
} }
.btn-info:hover, .btn-explorer:hover,
.btn-info:active, .btn-explorer:active,
.btn-info.active, .btn-explorer.active,
.btn-info.disabled, .btn-explorer.disabled,
.btn-info[disabled] { .btn-explorer[disabled] {
background-color: #454545; background-color: #454545;
background-image:none; background-image:none;
color:#FFF; color:#FFF;
} }
.btn-info:active, .btn-explorer:active,
.btn-info.active { .btn-explorer.active {
background-color: #454545 \9; background-color: #454545 \9;
background-image:none; background-image:none;
color:#FFF; color:#FFF;
@@ -84,7 +84,7 @@ a.dotted:hover {
margin-right:10px; margin-right:10px;
} }
.btn-primary { .btn-library {
background: #c7231d; /* Old browsers */ background: #c7231d; /* Old browsers */
background: -moz-linear-gradient(top, #c7231d 0%, #bc130e 100%); /* FF3.6+ */ 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+ */ 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); 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); filter: progid:dximagetransform.microsoft.gradient(enabled=false);
} }
.btn-primary:hover, .btn-library:hover,
.btn-primary:active, .btn-library:active,
.btn-primary.active, .btn-library.active,
.btn-primary.disabled, .btn-library.disabled,
.btn-primary[disabled] { .btn-library[disabled] {
background-color: #bc130e; background-color: #bc130e;
background-image:none; background-image:none;
} }
.btn-primary:active, .btn-library:active,
.btn-primary.active { .btn-library.active {
background-color: #bc130e \9; background-color: #bc130e \9;
} }

4
index.html
View File

@@ -18,8 +18,8 @@ title: Home
&mdash; All built with <a href="http://backbonejs.org/" class="dotted">Backbone</a> &mdash; All built with <a href="http://backbonejs.org/" class="dotted">Backbone</a>
</div> </div>
<div class="inner"> <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-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-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-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> </div>
</div> </div>