progress buttons

This commit is contained in:
hunterlester 2016-12-07 10:48:55 -08:00
parent 6f0b979a4b
commit a38db26829
2 changed files with 35 additions and 10 deletions

View file

@ -33,18 +33,32 @@ i.fa {
width: 100%; width: 100%;
} }
.nav-tabs>li {
margin-right: 5%;
}
.nav-tabs>li>a { .nav-tabs>li>a {
font-size: 1.2em; font-size: 1.2em;
color: #000000; color: #000000;
border: none; border: none;
margin-right: 99px; margin-right: 99px;
border-radius: 100%;
height: 40px;
width: 40px;
margin-bottom: 5%;
margin: 0 auto;
background-color: #ccc;
} }
.nav-tabs>li.active>a { .nav-tabs>li.active>a {
border: none; border: none;
color: #ffffff; color: #000000;
background-color: rgb(30, 115, 190); background-color: rgb(30, 115, 190);
border-radius: 4px; border-radius: 100%;
height: 40px;
width: 40px;
margin-bottom: 5%;
margin: 0 auto;
} }
.nav-tabs>li.active>a:link { .nav-tabs>li.active>a:link {
@ -53,12 +67,19 @@ i.fa {
.nav-tabs>li.active>a:hover { .nav-tabs>li.active>a:hover {
background-color: rgb(30, 115, 190); background-color: rgb(30, 115, 190);
color: #ffffff; border-radius: 100%;
height: 40px;
width: 40px;
margin-bottom: 5%;
} }
.nav-tabs>li>a:hover { .nav-tabs>li>a:hover {
background-color: transparent; background-color: #ccc;
border-radius: 4px; border-radius: 100%;
height: 40px;
width: 40px;
margin-bottom: 5%;
margin: 0 auto;
} }
.nav-tabs>li>a:active { .nav-tabs>li>a:active {

View file

@ -103,7 +103,7 @@
</div> </div>
<!-- --> <!-- -->
<!-- --> <!-- -->
<!-- Social icons commented out until we get proper links --> <!-- Social icons commented out until we get URIs -->
<!-- --> <!-- -->
<!-- <div class="col-md-4 col-md-offset-2 text-right"> <!-- <div class="col-md-4 col-md-offset-2 text-right">
<i class="fa fa-twitter" aria-hidden="true"></i> <i class="fa fa-twitter" aria-hidden="true"></i>
@ -116,10 +116,14 @@
<div class="row"> <div class="row">
<div class="col-xs-10 col-xs-offset-2"> <div class="col-xs-10 col-xs-offset-2">
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
<li class="active"><a id="step_one" data-toggle="tab" href="#step1">Form</a></li> <li class="active"><a id="step_one" data-toggle="tab" href="#step1"></a>Initial proposal form</li>
<li><a id="step_two" data-toggle="tab" href="#step2">Commands</a></li>
<li><a id="step_three" data-toggle="tab" href="#step3">Progress</a></li> <li><a id="step_two" data-toggle="tab" href="#step2"></a>Generated wallet commands</li>
<li><a id="step_four" data-toggle="tab" href="#step4">Success</a></li>
<li><a id="step_three" data-toggle="tab" href="#step3"></a>Awaiting confirmations...</li>
<li><a id="step_four" data-toggle="tab" href="#step4"></a>Completed proposal code</li>
</ul> </ul>
</div> </div>
</div> </div>