Fixes QR Codes.

[rbdr/grita] / views / style.css

diff --git a/views/style.css b/views/style.css
index 44be2e09a8f2b70f950216d1cd782be4454ebee6..dc9cd78edd9644815e35c1c8e65c4ddcf355dd3e 100644 (file)
--- a/views/style.css
+++ b/views/style.css
@@ -23,7 +23,16 @@ body {
   display: block;
   margin: 10px 250px;
 }
+#header #logomini {
+  background-image: url(/images/logomini.png);
+  background-repeat: no-repeat;
+  width: 140px;
+  height: 65px;
+  display: block;
+  margin: 10px 410px;
+}
 #header #logo span { display: none; }
+#header #logomini span { display: none; }
 #header #description p {
   font-size: 1.4em;
   line-height: 1.8em;
@@ -86,7 +95,7 @@ body {
 #body blockquote blockquote { margin: 10px; }
 #body pre {
   margin: 20px 170px;
-  border: 1px solid #999999;
+  border: 1px solid #cccccc;
   background-color: #eeeeee;
   padding: 10px;
 }
@@ -105,26 +114,28 @@ hr {
   border: 0;
   border-bottom: 1px solid #eeeeee;
 }
-#body #qrcode {
-  display: block;
-  margin: 10px 90px;
-}
+#body #sharing { text-align: center; }
 #body input.title {
-  border: 1px solid #eeeeee;
+  border: 1px solid #cccccc;
   font-size: 1.6em;
   padding: 5px;
   margin: 0 90px;
   width: 770px;
 }
 #body input.url {
-  border: 1px solid #eeeeee;
+  border: 1px solid #cccccc;
   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 #eeeeee;
+  border: 1px solid #cccccc;
   font-size: 1.6em;
   padding: 5px;
   margin: 0 90px;
@@ -156,3 +167,11 @@ hr {
   width: 760px;
   background-color: #f0fff0;
 }
+.tooltip {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 3;
+  display: none;
+}
+#footer { height: 100px; }