Cambio de Layout + Favicon

[rbdr/grita] / views / style.css

diff --git a/views/style.css b/views/style.css
index c082c521e60f61c0df0a26341bcf697c48e76f22..7582af31e5a168fe52b7fb936097375b866e8bb9 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 380px;
+}
 #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,6 +62,53 @@ 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;
@@ -49,17 +116,24 @@ hr {
 }
 #body #qrcode {
   display: block;
-  margin: 10px 250px;
+  margin: 10px 90px;
 }
 #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 textarea.text {
-  border: 1px solid #eeeeee;
+  border: 1px solid #cccccc;
   font-size: 1.6em;
   padding: 5px;
   margin: 0 90px;