Fixes QR Codes.

[rbdr/grita] / views / style.css

diff --git a/views/style.css b/views/style.css
index 35f810c911f1f204df9a7d6b5be02d3bcce4a436..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,8 +62,116 @@ 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 #sharing { text-align: center; }
+#body input.title {
+  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 #cccccc;
+  font-size: 1.6em;
+  padding: 5px;
+  margin: 0 90px;
+  resize: vertical;
+}
+#body input.submit {
+  width: 150px;
+  font-size: 4.8em;
+  margin: 10px 410px;
+  padding: 20px;
+}
+#body #errors {
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-border-radius: 5px;
+  padding: 10px;
+  font-size: 1.4em;
+  margin: 0 90px;
+  width: 760px;
+  background-color: #ffebe8;
+}
+#body #success {
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-border-radius: 5px;
+  padding: 10px;
+  font-size: 1.4em;
+  margin: 0 90px;
+  width: 760px;
+  background-color: #f0fff0;
+}
+.tooltip {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 3;
+  display: none;
+}
+#footer { height: 100px; }