Permalink
Browse files

Add logout button and function, change styles to bitcoin color scheme

  • Loading branch information...
kamronk committed Jan 6, 2016
1 parent e8d4e4b commit 2d0cc028261f89f0bef0d744d7f7786a8548ce34
@@ -45,6 +45,7 @@ if (!loggedIn){
<link href="http://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.tablesorter.pager.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/staker.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
@@ -72,6 +73,7 @@ if (!loggedIn){
<a href="Transactions">Transactions</a>
<!-- <a href="./walletconsole.jsp">Wallet Console</a> -->
<a href="Settings">Settings</a>
<a href="javascript:logout()">Logout</a>
</nav>
</header>
@@ -0,0 +1,76 @@
/*
Minimaxing by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/*********************************************************************************/
/* 1000px (> 480px && < 1200px) */
/*********************************************************************************/
/* Basic */
body {
min-width: 1000px;
}
/* Reusable */
ul.small-image-list img {
width: 50px;
}
ul.big-image-list img {
width: 75px;
}
/* Header */
#header {
height: 76px;
}
#header h1 {
font-size: 2em;
line-height: 76px;
}
#header nav {
line-height: 74px;
font-size: 1.1em;
}
#header nav a {
padding: 0 20px 0 20px;
}
/* Banner */
#banner {
width: 960px;
height: 220px;
background-size: 960px 220px;
}
#banner h2 {
font-size: 3em;
top: 80px;
}
#banner span {
font-size: 1.4em;
bottom: 85px;
}
/* Footer */
#footer-wrapper {
padding: 5% 0 5% 0;
}
/* Copyright */
#copyright {
padding: 3em 0 0 0;
margin: 5% 0 0 0;
}
@@ -0,0 +1,207 @@
/*
Minimaxing by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/*********************************************************************************/
/* Desktop (>= 480px) */
/*********************************************************************************/
/* Basic */
body {
min-width: 1200px;
}
section, article {
margin: 0 0 60px 0;
}
section:last-child, article:last-child {
margin-bottom: 0;
}
section.left-content {
padding-right: 30px;
}
section.right-content {
padding-left: 30px;
}
section.middle-content {
padding: 0 30px 0 30px;
}
ul.small-image-list img {
width: 78px;
}
ul.big-image-list img {
width: 178px;
}
/* Reusable */
.blog-post-image {
width: 100%;
}
/* Header */
#header-wrapper {
background-color: #2BB673;
background-image: -moz-linear-gradient(top, #ffffff, #2BB673);
background-image: -webkit-linear-gradient(top, #ffffff, #2BB673);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#2BB673));
background-image: -ms-linear-gradient(top, #ffffff, #2BB673);
background-image: -o-linear-gradient(top, #ffffff, #2BB673);
background-image: linear-gradient(top, #ffffff, #2BB673);
}
#header {
position: relative;
margin: 2.5% 0 2.5% 0;
padding: 0 40px 0 40px;
border-radius: 10px;
border: solid 1px #000;
box-shadow: inset 0px 0px 0px 1px #000, 0px 1px 4px 0px rgba(0,0,0,0.10);
background-color: #40AB77;
background-image: -moz-linear-gradient(top, #fff, #40AB77);
background-image: -webkit-linear-gradient(top, #fff, #40AB77);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#40AB77));
background-image: -ms-linear-gradient(top, #fff, #40AB77);
background-image: -o-linear-gradient(top, #fff, #40AB77);
background-image: linear-gradient(top, #fff, #40AB77);
height: 86px;
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box
}
#header h1 {
position: absolute;
left: 40px;
top: 0;
color: #fff;
font-size: 2.4em;
letter-spacing: -2px;
line-height: 86px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header nav {
position: absolute;
right: 40px;
top: 1px;
line-height: 84px;
text-transform: lowercase;
font-size: 1.3em;
letter-spacing: -1px;
}
#header nav a {
display: inline-block;
text-decoration: none;
color: #fff;
padding: 0 25px 0 25px;
outline: 0;
}
#header nav a.current-page-item {
background-color: #489771;
background-image: -moz-linear-gradient(top, #489771, #fff);
background-image: -webkit-linear-gradient(top, #489771, #fff);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#489771), to(#fff));
background-image: -ms-linear-gradient(top, #489771, #fff);
background-image: -o-linear-gradient(top, #489771, #fff);
background-image: linear-gradient(top, #489771, #fff);
box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.1), 0px 0px 5px 1px rgba(255,255,255,0.1);
}
#header nav a:hover {
background-color: #fff;
background-image: -moz-linear-gradient(top, #fff, #000);
background-image: -webkit-linear-gradient(top, #fff, #000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#000));
background-image: -ms-linear-gradient(top, #fff, #000);
background-image: -o-linear-gradient(top, #fff, #000);
background-image: linear-gradient(top, #fff, #000);
box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.05), 0px 0px 5px 1px rgba(255,255,255,0.05);
}
/* Banner */
#banner-wrapper {
background: #c8d2bc url(images/bg1.png);
padding: 2em 0;
}
#banner {
position: relative;
width: 1160px;
height: 265px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
border-radius: 10px;
padding: 20px;
background: #fff url(images/banner.jpg) no-repeat 20px 20px;
background-size: 1160px 265px;
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box
}
#banner h2 {
position: absolute;
z-index: 1;
width: 100%;
top: 100px;
left: 0;
font-size: 3.3em;
color: #fff;
text-align: center;
letter-spacing: -2px;
}
#banner span {
display: block;
position: absolute;
z-index: 1;
width: 100%;
bottom: 105px;
left: 0;
font-size: 1.6em;
color: #fff;
text-align: center;
letter-spacing: -1px;
text-transform: lowercase;
opacity: 0.8;
}
/* Main */
#main {
background: #fff;
padding: 4em 0;
}
/* Footer */
#footer-wrapper {
padding: 4em 0;
}
/* Copyright */
#copyright {
text-align: center;
color: #A6A88F;
border-top: solid 1px #ced0b7;
padding: 3em 0 0 0;
margin: 1% 0 0 0;
}
#copyright a {
color: #A6A88F;
}
Oops, something went wrong.

0 comments on commit 2d0cc02

Please sign in to comment.