fix header & new icon

2014-10-29 09:33:16 -03:00 · 2014-10-29 09:33:16 -03:00 · 465b68b7ed
parent bfdfc68d83
commit 465b68b7ed
8 changed files with 41 additions and 9 deletions
--- a/css/src/main.css
+++ b/css/src/main.css
@ -4,6 +4,8 @@
 *
 */

+
+
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
@ -131,9 +133,11 @@ header .alt-currency {
 }

 .head {
+  padding-left: 20px;
+  -moz-box-shadow:    0px 0px 2px 0px rgba(0,0,0,0.10);
+  box-shadow:         0px 0px 2px 0px rgba(0,0,0,0.10);
  background-color: #FFF;
  height: 62px;
-  border-bottom: 1px solid #eee;
  position: fixed;
  z-index: 10;
  left: 250px;
@ -173,9 +177,9 @@ header .alt-currency {
 }

 .head .menu ul.hover {
-  background-color: #fff;
-  border: 1px solid #eee;
-  border-top: 1px solid #fff;
+  background: #FFFFFF;
+  -moz-box-shadow:    0px 0px 2px 0px rgba(0,0,0,0.25);
+  box-shadow:         0px 0px 2px 0px rgba(0,0,0,0.25);
 }

 .head .menu ul li a {
@ -198,12 +202,13 @@ header .alt-currency {
 }

 .col3 a {
+  font-size: 20px;
  display: block;
  height: 62px;
  width: 30px;
  float: right;
  background-color: #23C9A9;
-  padding: 19px 12px;
+  padding: 22px 6px;
  color: #B6E9DF;
 }

@ -529,6 +534,7 @@ a.button-setup {
 .br100 {border-radius: 100%;}
 .lh {line-height: 0;}
 .oh {overflow:hidden;}
+.vm {vertical-align: middle;}

 .small {
  font-size: 60%;
--- a/font/icomoon.eot
+++ b/font/icomoon.eot
--- a/font/icomoon.svg
+++ b/font/icomoon.svg
@ -0,0 +1,25 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" d="" horiz-adv-x="512" />
+<glyph unicode="&#xe600;" d="M716.749 696.32l0.051-471.040-409.6 235.52z" />
+<glyph unicode="&#xe601;" d="M747.52 665.549l-471.040 0.051 235.52-409.6z" />
+<glyph unicode="&#xe602;" d="M276.48 256h471.040l-235.571 409.6z" />
+<glyph unicode="&#xe603;" d="M307.251 696.32l-0.051-471.040 409.6 235.52z" />
+<glyph unicode="&#xe604;" d="M585.574 741.581c-21.402-20.89-230.502-240.435-230.502-240.435-11.418-11.162-17.101-25.754-17.101-40.346s5.683-29.184 17.101-40.346c0 0 209.101-219.546 230.502-240.384 21.402-20.89 59.904-22.323 82.739 0 22.784 22.272 24.576 53.35-0.051 80.64l-191.846 200.090 191.846 200.090c24.627 27.341 22.835 58.419 0.051 80.691-22.886 22.272-61.389 20.89-82.739 0z" />
+<glyph unicode="&#xe605;" d="M792.73 534.374c-20.838-21.402-240.384-230.554-240.384-230.554-11.162-11.418-25.754-17.101-40.346-17.101-14.643 0-29.235 5.683-40.346 17.101 0 0-219.546 209.152-240.435 230.554-20.838 21.402-22.272 59.853 0 82.739 22.323 22.835 53.402 24.627 80.691 0l200.090-191.898 200.038 191.846c27.341 24.627 58.47 22.835 80.691 0 22.323-22.835 20.941-61.338 0-82.688z" />
+<glyph unicode="&#xe606;" d="M792.73 387.226c-20.838 21.402-240.384 230.502-240.384 230.502-11.162 11.418-25.754 17.152-40.346 17.152-14.643 0-29.235-5.734-40.346-17.152 0 0-219.546-209.101-240.435-230.502-20.838-21.402-22.272-59.904 0-82.739 22.323-22.784 53.402-24.627 80.691 0l200.090 191.846 200.038-191.846c27.341-24.627 58.47-22.784 80.691 0 22.323 22.886 20.941 61.389 0 82.739z" />
+<glyph unicode="&#xe607;" d="M438.426 741.581c21.402-20.89 230.502-240.435 230.502-240.435 11.469-11.162 17.152-25.754 17.152-40.346s-5.683-29.184-17.152-40.346c0 0-209.101-219.546-230.502-240.384-21.402-20.89-59.853-22.323-82.739 0-22.835 22.272-24.627 53.35 0 80.64l191.898 200.090-191.846 200.090c-24.627 27.341-22.835 58.419 0 80.691s61.338 20.89 82.688 0z" />
+<glyph unicode="&#xe608;" d="M634.829 285.798c13.722-13.875 13.722-36.301 0-50.125-13.722-13.875-35.891-13.875-49.613 0l-196.096 200.038c-13.722 13.875-13.722 36.301 0 50.125l196.096 200.090c13.722 13.875 35.891 13.875 49.613 0s13.722-36.25 0-50.125l-160.768-175.002 160.768-175.002z" />
+<glyph unicode="&#xe609;" d="M687.002 583.629c13.875 13.722 36.301 13.722 50.125 0 13.875-13.722 13.875-35.891 0-49.613l-200.038-196.096c-13.875-13.722-36.301-13.722-50.125 0l-200.090 196.096c-13.824 13.722-13.824 35.891 0 49.613 13.875 13.722 36.25 13.722 50.125 0l175.002-160.768 175.002 160.768z" />
+<glyph unicode="&#xe60a;" d="M336.947 337.971c-13.875-13.722-36.25-13.722-50.125 0-13.824 13.722-13.875 35.891 0 49.664l200.090 195.994c13.875 13.722 36.301 13.722 50.125 0l200.090-196.045c13.875-13.773 13.875-35.942 0-49.664s-36.25-13.722-50.125 0l-175.053 160.819-175.002-160.768z" />
+<glyph unicode="&#xe60b;" d="M389.171 285.798c-13.722-13.875-13.722-36.301 0-50.125 13.67-13.875 35.891-13.875 49.613 0l196.096 200.038c13.722 13.875 13.722 36.301 0 50.125l-196.096 200.090c-13.722 13.875-35.891 13.875-49.613 0s-13.722-36.25-0.051-50.074l160.819-175.053-160.768-175.002z" />
+<glyph unicode="&#xe60c;" d="M737.229 80.998c13.722-13.875 13.722-36.25 0-50.125s-35.891-13.875-49.613 0l-400.896 404.838c-13.722 13.875-13.722 36.301 0 50.125l400.896 404.89c13.722 13.875 35.891 13.875 49.613 0s13.722-36.25 0-50.125l-365.568-379.802 365.568-379.802z" />
+<glyph unicode="&#xe60d;" d="M132.198 686.029c-13.875 13.722-36.301 13.722-50.125 0-13.824-13.67-13.824-35.891 0-49.613l404.89-400.896c13.875-13.722 36.25-13.722 50.125 0l404.89 400.896c13.824 13.722 13.875 35.891 0 49.613s-36.352 13.722-50.125 0.051l-379.853-365.619-379.802 365.568z" />
+<glyph unicode="&#xe60e;" d="M891.802 235.571c13.875-13.722 36.301-13.722 50.125 0 13.875 13.722 13.875 35.891 0 49.613l-404.89 400.896c-13.824 13.722-36.25 13.722-50.074 0l-404.89-400.896c-13.824-13.722-13.875-35.891 0-49.613s36.25-13.722 50.125 0l379.802 365.619 379.802-365.619z" />
+</font></defs></svg>
--- a/font/icomoon.ttf
+++ b/font/icomoon.ttf
--- a/font/icomoon.woff
+++ b/font/icomoon.woff
--- a/index.html
+++ b/index.html
@ -77,7 +77,8 @@
      </div>
    </div>
  </div>
- 
+  
+  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/vendors.min.css">
  <link rel="stylesheet" href="css/copay.min.css">

--- a/views/includes/head.html
+++ b/views/includes/head.html
@ -4,7 +4,7 @@

 <div class="menu" ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()"
  ng-click="hoverMenu = !hoverMenu">
-  <a class="dropdown ellipsis" ng-class="{'hover': hoverMenu}">{{username}}</a>
+  <a class="dropdown ellipsis text-gray" ng-class="{'hover': hoverMenu}">{{username}} <i class="icon-arrow-down2 size-16 vm"></i> </a>
  <ul ng-show="hoverMenu" ng-class="{'hover': hoverMenu}">
    <li>
      <a href="#!/manage" title="Manage wallets">
--- a/views/includes/sidebar.html
+++ b/views/includes/sidebar.html
@ -33,10 +33,10 @@
      <a ng-class="{'selected':walletSelection}" 
        ng-click="toggleWalletSelection()"> 
        <span ng-show="!walletSelection">
-          <i class="fi-arrow-down"></i>
+          <i class="icon-arrow-down2"></i>
        </span>
        <span ng-show="walletSelection">
-          <i class="fi-arrow-up"></i>
+          <i class="icon-arrow-up2"></i>
        </span> 
      </a>
    </div>