Added roboto light font. email, ? and ! positioning.

OmniLayer · Nov 21, 2014 · 5ab0d2d · 5ab0d2d
1 parent 8825bfd
commit 5ab0d2d
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 25 deletions.
diff --git a/www/footer.html b/www/footer.html
@@ -20,7 +20,7 @@
         <ul class="nav nav-stacked">
           <li class="footer-titles">Feeling Chatty?</li>
           <li class="footer-content"><a href="#"><img src="/assets/img/footer-icons/ask.png" class="icon-ask" width="21px" height="21px">Ask a question on our forums</a></li>
-          <li class="footer-content"><a href="#"><img src="/assets/img/footer-icons/email.png" width="18px" height="12px">info@omniwallet.org</a></li>
+          <li class="footer-content"><a href="#"><img src="/assets/img/footer-icons/email.png" class="icon-email" width="18px" height="12px">info@omniwallet.org</a></li>
           <li class="footer-suggestions">We welcome your suggestions</li>
         </ul>
       </div>
@@ -36,7 +36,7 @@
     <div class="row footer-middle-row">
       <div class="col-xs-5 col-xs-offset-1">
         <ul class="nav navbar-nav">
-          <li class="footer-middle"><a href="/about/omniwallet"><img src="/assets/img/footer-icons/notif.png" width="21px" height="21px">Omni Wallet is under ongoing development</a></li>
+          <li class="footer-middle"><a href="/about/omniwallet"><img src="/assets/img/footer-icons/notif.png" class="icon-notif" width="21px" height="21px">Omni Wallet is under ongoing development</a></li>
           <li class="divider-vertical-small"></li>
           <li class="footer-middle"><a href="#">Disclaimer</a></li>
           <li class="divider-vertical-small"></li>

diff --git a/www/index.html b/www/index.html
@@ -25,6 +25,7 @@
     <script src="/js/config.js"></script>
 
     <link href='https://fonts.googleapis.com/css?family=Gudea:400,400italic,700' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
 
     <script src="/socket.io/socket.io.js"></script>
     <script> var socket = io(); </script>

diff --git a/www/theme.css b/www/theme.css
@@ -367,32 +367,21 @@ a:hover i.icon-twitter{
   background-image: url("/assets/img/footer-icons/twitter_roll.png")
 }
 
-i.icon-ask {
-  background-image: url("/assets/img/footer-icons/ask.png");
-  background-position: 0pt;
-  width: 21px;
-  height: 21px; 
+.icon-ask {
   float: left;
   margin-right: 5px;
+  margin-top: -1px;
 }
 
-i.icon-email {
-  background-image: url("/assets/img/footer-icons/email.png");
-  background-position: 0pt;
-  width: 18px;
-  height: 12px; 
+.icon-email {
   float: left;
   margin-right: 5px;
+  margin-top: 4px;
 }
 
-i.icon-notif {
-  background-image: url("/assets/img/footer-icons/notif.png");
-  background-position: 0pt;
-  width: 21px;
-  height: 21px; 
+.icon-notif {
   float: left;
   margin-right: 5px;
-  margin-top: -3px;
 }
 
 .divider-vertical-small {
@@ -405,14 +394,14 @@ i.icon-notif {
   padding-left: 14px;
   padding-top: 13px;
   font-size: 16px;
-  font-family: 'roboto light';
+  font-family: 'roboto';
   font-weight: bold;
   color: #ffffff
 }
 
 .footer-content {
   font-size: 13px;
-  font-family: 'roboto light';
+  font-family: 'roboto';
   margin-bottom: -11px;
 }
 .footer-content a{
@@ -424,7 +413,7 @@ i.icon-notif {
 
 .footer-social {
   font-size: 13px;
-  font-family: 'roboto light';
+  font-family: 'roboto';
 }
 .footer-social a{
   color: #9cb7de
@@ -436,13 +425,13 @@ i.icon-notif {
 .footer-suggestions{
   font-size: 13px;
   color: #ffffff;
-  font-family: 'roboto light';
-  margin-top: 25px !important;
+  font-family: 'roboto';
+  margin-top: 39px !important;
 }
 
 .footer-middle {
   font-size: 13px;
-  font-family: 'roboto light';
+  font-family: 'roboto';
 }
 .footer-middle a{
   color: #7186a6;
@@ -455,7 +444,7 @@ i.icon-notif {
 .footer-bottom {
   font-size: 13px;
   color: #999999;
-  font-family: 'roboto light';
+  font-family: 'roboto';
   margin-left: 511px; /* FOR NOW it's centered like this */
 }