Fixes QR Codes.

[rbdr/grita] / views / style.less

diff --git a/views/style.less b/views/style.less
index feb4a95cda04fa7655d8d5275f847b4f789dfa1b..1f7b075d9e6ce59d1793862dc038176e49be9017 100644 (file)
--- a/views/style.less
+++ b/views/style.less
@@ -2,6 +2,7 @@
 @background_color: #fff;
 @emphasis_color: #222;
 @light_color: #999;
+@lighter_color: #ccc;
 @border_color: #eee;
 @error_color: #ffebe8;
 @success_color: #f0fff0;
@@ -40,7 +41,16 @@ body{
        margin: 10px 250px;
 }
 
-#header #logo span{
+#header #logomini{
+       background-image: url(/images/logomini.png);
+       background-repeat: no-repeat;
+       width: 140px;
+       height: 65px;
+       display: block;
+       margin: 10px 410px;
+}
+
+#header #logo span, #header #logomini span{
        display: none;
 }
 
@@ -108,7 +118,7 @@ body{
 
 #body pre{
        margin: 20px 170px;
-       border: 1px solid @light_color;
+       border: 1px solid @lighter_color;
        background-color: @border_color;
        padding: 10px;
 }
@@ -131,21 +141,26 @@ hr{
        border-bottom: 1px solid @border_color;
 }
 
-#body #qrcode{
-       display: block;
-       margin: 10px 90px;
+#body #sharing{
+       text-align: center;
 }
 
 #body input.title, #body input.url{
-       border: 1px solid @border_color;
+       border: 1px solid @lighter_color;
        font-size: 1.6em;
        padding: 5px;
        margin: 0 90px;
        width: 770px;
 }
 
+#body #sharing input.url{
+       width: 290px;
+       margin-bottom: 10px;
+       margin-top: 10px;
+}
+
 #body textarea.text{
-       border: 1px solid @border_color;
+       border: 1px solid @lighter_color;
        font-size: 1.6em;
        padding: 5px;
        margin: 0 90px;
@@ -179,4 +194,16 @@ hr{
        margin: 0 90px;
        width: 760px;
        background-color: @success_color;
+}
+
+.tooltip{
+       position: absolute;
+       top: 0;
+       left: 0;
+       z-index: 3;
+       display: none;
+}
+
+#footer{
+       height: 100px;
 }
\ No newline at end of file