mirror of
https://github.com/seigler/govobject-proposal
synced 2025-07-27 06:46:10 +00:00
progress buttons
This commit is contained in:
parent
6f0b979a4b
commit
a38db26829
2 changed files with 35 additions and 10 deletions
|
@ -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 {
|
||||||
|
|
14
index.html
14
index.html
|
@ -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>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue