joshua/govobject-proposal
1
0
Fork 0
mirror of https://github.com/seigler/govobject-proposal synced 2025-07-27 06:46:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

progress buttons

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

31
css/master.css
View file

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

14
index.html
View file

@ -103,7 +103,7 @@
</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">
<i class="fa fa-twitter" aria-hidden="true"></i>
@ -116,10 +116,14 @@
<div class="row">
<div class="col-xs-10 col-xs-offset-2">
<ul class="nav nav-tabs">
<li class="active"><a id="step_one" data-toggle="tab" href="#step1">Form</a></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_four" data-toggle="tab" href="#step4">Success</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"></a>Generated wallet commands</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>
</div>
</div>