[UPDATE] lightblue background with opacity 0.8 / font-weight 600 for description

This commit is contained in:
nrpatten 2014-03-24 03:16:53 -07:00
parent 13590f6520
commit c15aaa6b05
5 changed files with 79 additions and 77 deletions

View File

@ -451,12 +451,8 @@ span.spark-25 {
line-height: 80px;
}
.blue {
background-color: #428BCA;
}
.teal {
background-color: #008080
.lightblue {
background-color: #2FAACE;
}
.text-faded {
@ -469,6 +465,7 @@ span.spark-25 {
p.up {
margin: -5px 0px -8px;
font-weight: 600;
}
div.up {
@ -477,10 +474,15 @@ div.up {
p.up-more {
margin: -6px 0px 10px;
font-weight: 600;
}
p.up-more2 {
margin: -6px 0px 0px;
}
div.fade {
opacity: 0.8;
}
/* End Test */

View File

@ -1,9 +1,9 @@
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-male fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more">My Hashrate</p>
<div class="circle-tile-number text-faded up">
@ -17,11 +17,11 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-users fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more">Pool Hashrate</p>
<div class="circle-tile-number text-faded up">
@ -35,11 +35,11 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-share-square fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more">My Sharerate</p>
<div class="circle-tile-number text-faded up">
@ -53,11 +53,11 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-truck fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more">Pool Workers</p>
<div class="circle-tile-number text-faded up">
@ -70,11 +70,11 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-h-square fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more">Net Hashrate</p>
<div class="circle-tile-number text-faded up">
@ -88,11 +88,11 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<a class="text-link" href="{$GLOBAL.config.exchangeurl}" target="_blank"><i class="fa fa-usd fa-fw fa-2x"></i></a>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more">{$GLOBAL.config.currency}/{$GLOBAL.config.price.currency}</p>
<div class="circle-tile-number text-faded up">

View File

@ -1,9 +1,9 @@
<div class="col-md-spark-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-male fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more">My Hashrate</p>
<div class="circle-tile-number text-faded up">
@ -17,11 +17,11 @@
</div>
</div>
<div class="col-md-spark-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-users fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more">Pool Hashrate</p>
<div class="circle-tile-number text-faded up">
@ -35,11 +35,11 @@
</div>
</div>
<div class="col-md-spark-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-share-square fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more">My Sharerate</p>
<div class="circle-tile-number text-faded up">
@ -53,11 +53,11 @@
</div>
</div>
<div class="col-md-spark-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-truck fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more">Pool Workers</p>
<div class="circle-tile-number text-faded up">
@ -70,11 +70,11 @@
</div>
</div>
<div class="col-md-spark-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-h-square fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more">Net Hashrate</p>
<div class="circle-tile-number text-faded up">

View File

@ -1,11 +1,11 @@
<div class="panel-footer">
<div class="row">
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-th-large fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more" id="b-nblock">{$NETWORK.block}</p>
</div>
@ -16,11 +16,11 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-bar-chart-o fa-flip-horizontal fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more" id="b-roundprogress">{$ESTIMATES.percent|number_format:"2"}%</p>
</div>
@ -31,26 +31,26 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-money fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more" id="b-payout">{$GLOBAL.userdata.estimates.payout|number_format:"8"}</p>
</div>
<div class="circle-tile-number text-faded">
<p class="h6">{$GLOBAL.config.currency} Estimated Earnings</p>
<p class="h6">{$GLOBAL.config.currency} Est Earnings</p>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-map-marker fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more" id="b-diff">{$NETWORK.difficulty|number_format:"8"}</p>
</div>
@ -61,11 +61,11 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-sitemap fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up" id="b-nextdiff">{$NETWORK.EstNextDifficulty|number_format:"8"}</p>
<p class="h6" id="b-nextdiffc">Change in {$NETWORK.BlocksUntilDiffChange} Blocks</p>
@ -77,11 +77,11 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-clock-o fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up-more" id="b-esttimeperblock">{$NETWORK.EstTimePerBlock|seconds_to_words}</p>
</div>

View File

@ -1,11 +1,11 @@
<div class="panel-footer">
<div class="row">
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-th-large fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5" id="b-nblock">{$NETWORK.block}</p>
</div>
@ -16,11 +16,11 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-bar-chart-o fa-flip-horizontal fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5" id="b-roundprogress">{$ESTIMATES.percent|number_format:"2"}%</p>
</div>
@ -31,26 +31,26 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-money fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5" id="b-payout">{$GLOBAL.userdata.estimates.payout|number_format:"8"}</p>
</div>
<div class="circle-tile-number text-faded">
<p class="h6">{$GLOBAL.config.currency} Estimated Earnings</p>
<p class="h6">{$GLOBAL.config.currency} Est Earnings</p>
</div>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-map-marker fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5" id="b-diff">{$NETWORK.difficulty|number_format:"8"}</p>
</div>
@ -61,11 +61,11 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-sitemap fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5 up" id="b-nextdiff">{$NETWORK.EstNextDifficulty|number_format:"8"}</p>
<p class="h6" id="b-nextdiffc">Change in {$NETWORK.BlocksUntilDiffChange} Blocks</p>
@ -77,11 +77,11 @@
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="circle-tile">
<div class="circle-tile-heading teal">
<div class="circle-tile fade">
<div class="circle-tile-heading lightblue">
<i class="fa fa-clock-o fa-fw fa-2x"></i>
</div>
<div class="circle-tile-content teal">
<div class="circle-tile-content lightblue">
<div class="circle-tile-description text-faded">
<p class="h5" id="b-esttimeperblock">{$NETWORK.EstTimePerBlock|seconds_to_words}</p>
</div>