BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #6 from bechi/feature/navbar 

header + navbar
This commit is contained in:
Ryan X. Charles 2014-03-28 11:43:41 -04:00
parent c25e7eb00f 4168a67b81
commit dbc0018ad3
2 changed files with 78 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
css/main.css
View File

@ -0,0 +1,47 @@
* {
font-family: 'Ubuntu', Helvetica, sans-serif !important;
}
body {
background: #F5F5F5;
}
.top-bar-section li:not(.has-form) a:not(.button) {
line-height: 60px;
background: #FAE448;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
line-height: 60px;
background: #f5f5f5;
color: #111;
font-weight: 700;
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover, .top-bar-section li:not(.has-form) a:not(.button):hover {
background: #111;
color: white;
}
.top-bar-section ul li>a {
color: #111;
text-transform: uppercase;
font-weight: 100;
font-size: 0.9rem;
}
.header {
background: #111;
margin: 0!important;
overflow: hidden;
color: white;
}
.header-content {
padding: 1.5rem;
}
.header h1, h5 {
color: #fff;
}

40
index.html
View File

@ -7,22 +7,44 @@
<title>Cosign - Multisignature Wallet</title>
<link rel="stylesheet" href="css/foundation.min.css">
<link rel="stylesheet" href="css/main.css">
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,700,700italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="row">
<div class="large-12 columns" data-ng-init="init()" data-ng-controller="HeaderController">
<h1>cosign</h1>
<dl class="sub-nav">
<dd data-ng-repeat="item in menu" ui-route="/{{item.link}}" data-ng-class="{active: isActive(item)}">
<a href="{{item.link}}">{{item.title}}</a>
</dd>
</dl>
<div data-ng-init="init()" data-ng-controller="HeaderController">
<div class="header">
<div class="header-content">
<h1 class="left">Copay</h1>
<div class="text-right">
<h5>Company Funds</h5>
<p>4.324 BTC</
</div>
</div>
</div>
<nav class="top-bar" data-topbar>
<ul class="title-area" data-ng-repeat="item in menu" ui-route="/{{item.link}}" data-ng-class="{active: isActive(item)}">
<li class="name"></li>
<li class="toggle-topbar menu-icon">
<a href="{{item.link}}">{{item.title}}</a>
</li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul data-ng-repeat="item in menu" ui-route="/{{item.link}}">
<li class="large-3 text-center" data-ng-class="{active: isActive(item)}">
<a href="{{item.link}}">{{item.title}}</a>
</li>
</ul>
</section>
</nav>
</div>
</div>
<div class="row">
<div class="large-12 columns" ng-view></div>
</div>
<!-- Templates -->
<script type="text/ng-template" id="signin.html">
<div class="text-center" ng-controller="SigninController">