Fixes QR Codes.

[rbdr/grita] / views / style.css

diff --git a/views/style.css b/views/style.css
index c082c521e60f61c0df0a26341bcf697c48e76f22..dc9cd78edd9644815e35c1c8e65c4ddcf355dd3e 100644 (file)
--- a/views/style.css
+++ b/views/style.css
@@ -2,6 +2,7 @@
   margin: 0;
   padding: 0;
 }
+img { border: 0; }
 body {
   color: #666666;
   background-color: #ffffff;
@@ -22,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;
@@ -35,6 +45,16 @@ body {
   font-size: 2.4em;
   color: #222222;
 }
+#body h2 {
+  margin: 20px 90px;
+  font-size: 1.8em;
+  color: #222222;
+}
+#body h3 {
+  margin: 20px 90px;
+  font-size: 1.6em;
+  color: #222222;
+}
 #body p {
   margin: 20px 90px;
   font-size: 1.6em;
@@ -42,24 +62,80 @@ body {
   text-indent: 3em;
   text-align: justify;
 }
+#body ul {
+  margin: 20px 90px;
+  font-size: 1.4em;
+  line-height: 1.8em;
+}
+#body ol {
+  margin: 20px 90px;
+  font-size: 1.4em;
+  line-height: 1.8em;
+}
+#body ul li p {
+  font-size: 1em;
+  margin: 0;
+  line-height: 1em;
+  text-indent: 0;
+}
+#body ol li p {
+  font-size: 1em;
+  margin: 0;
+  line-height: 1em;
+  text-indent: 0;
+}
+#body ul li { margin-left: 80px; }
+#body ol li { margin-left: 80px; }
+#body blockquote {
+  margin: 20px 170px;
+  text-align: justify;
+  border-left: 2px solid #eeeeee;
+  padding-left: 5px;
+}
+#body blockquote blockquote { margin: 10px; }
+#body pre {
+  margin: 20px 170px;
+  border: 1px solid #cccccc;
+  background-color: #eeeeee;
+  padding: 10px;
+}
+#body pre code {
+  font-size: 1.6em;
+  line-height: 1.8em;
+}
+#body blockquote p {
+  margin: 5px 0;
+  text-indent: 0;
+  font-size: 1.4em;
+  line-height: 1.8em;
+}
 hr {
   margin: 10px;
   border: 0;
   border-bottom: 1px solid #eeeeee;
 }
-#body #qrcode {
-  display: block;
-  margin: 10px 250px;
-}
+#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 #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;
@@ -91,3 +167,11 @@ hr {
   width: 760px;
   background-color: #f0fff0;
 }
+.tooltip {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 3;
+  display: none;
+}
+#footer { height: 100px; }