Frontpage facelift

1 files changed, 26 insertions, 28 deletions

diff --git a/public/css/coinos.less b/public/css/coinos.less
index 11f19007..de35aaf7 100644
--- a/public/css/coinos.less
+++ b/public/css/coinos.less
@@ -1,11 +1,15 @@
+@media (min-width: 580px) { .mobile { display: none; } }
+@media (max-width: 360px) { .tablet { display: none; } }
+
 h1 { margin-top: 0; }
 	
 div.container-fluid {
-  max-width: 480px;
+  max-width: 580px;
   margin-left: auto;
   margin-right: auto;
   text-align:left;
-  padding-bottom: 50px;
+  padding: 0;
+  padding-bottom: 10px;
 }
 
 .navbar-toggle { background-color: #428bca; width: 100%; position: absolute; top: 0px; height: 30px; margin: 0; float: none; z-index: 1; margin-bottom: -30px; }
@@ -14,6 +18,22 @@ div.container-fluid {
 .navbar-collapse.in { overflow-y: visible; }
 #connection { display: none; }
 
+.numpad .btn, .tippad .btn { margin-bottom: 5px; padding: 10px; width: 4.5em; }
+.numpad h2, .tippad h2 { margin-bottom: 2px; margin-top: 1px; }
+.numpad { width: 18em; }
+
+.rates { width: 14em; margin-top: -15px; text-align: right; }
+
+#payment h2 { margin-bottom: 2px; }
+
+.no-transition {
+  -webkit-transition: height 0.01s;
+  -moz-transition: height 0.01s;
+  -ms-transition: height 0.01s;
+  -o-transition: height 0.01s;
+  transition: height 0.01s;
+}
+
 #nav {
   .nav { margin-top: 30px; }
   .nav li a { padding: 10px 0 10px 10px; }
@@ -33,12 +53,13 @@ div#calculator {
   #amount { width: 5em; }
   #received { font-size: 16px; width: 100%; }
   strong#total { font-size: 30px; }
-  p#address { font-size: 16px; padding-top: 10px; }
-  p#address a { color: #000 }
+  #address { padding-top: 10px; }
+  #address a { color: #fff; text-decoration: none; }
   #title { display: none; }
   #title a { color: #000; text-decoration: none; }
-  #logo { display: none; padding: 10px 0; margin-bottom: 10px; max-height: 250px; width: 100%; }
+  #logo { display: none; padding: 10px 0; margin-bottom: 10px; max-height: 225px; width: 100%; }
   #error { margin-top: 10px; }
+  #qr { padding-bottom: 10px; }
 }
 
 td#total { font-weight: bold; text-align: right; }
@@ -56,29 +77,6 @@ td#total { font-weight: bold; text-align: right; }
   background-size: 300px 80px;
 }
 
-#modal .tab-pane { padding-top: 15px; }
-
-@media screen and (min-width: 768px) {
-  .modal-dialog {
-      width: 400px; /* either % (e.g. 60%) or px (400px) */
-  }
-
-  #modal #qr { padding-left: 40px; }
-}
-
 @page {
    margin: 0;
 }
-
-div.pass-container {
-    height: 30px;
-}
-
-div.pass-bar {
-    height: 11px;
-    margin-top: 2px;
-}
-div.pass-hint {
-    font-family: arial;
-    font-size: 11px;
-}