Cambio de Layout + Favicon

[rbdr/grita] / views / style.less

diff --git a/views/style.less b/views/style.less
index 6052c107dbc77383ab8aa09fc59dbcefedbe55a6..516cbbc3bd89bcb1227d64b413a89f4b1274882c 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;
@@ -13,6 +14,10 @@
        padding: 0;
 }
 
+img{
+       border: 0;
+}
+
 body{
        color: @text_color;
        background-color: @background_color;
@@ -36,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 380px;
+}
+
+#header #logo span, #header #logomini span{
        display: none;
 }
 
@@ -54,6 +68,18 @@ body{
        color: @emphasis_color;
 }
 
+#body h2{
+       margin: 20px 90px;
+       font-size: 1.8em;
+       color: @emphasis_color;
+}
+
+#body h3{
+       margin: 20px 90px;
+       font-size: 1.6em;
+       color: @emphasis_color;
+}
+
 #body p{
        margin: 20px 90px;
        font-size: 1.6em;
@@ -62,6 +88,53 @@ body{
        text-align: justify;
 }
 
+#body ul, #body ol{
+       margin: 20px 90px;
+       font-size: 1.4em;
+       line-height: 1.8em;
+}
+
+#body ul li p, #body ol li p{
+       font-size: 1em;
+       margin: 0;
+       line-height: 1em;
+       text-indent: 0;
+}
+
+#body ul li, #body ol li{
+       margin-left: 80px;
+}
+
+#body blockquote{
+       margin: 20px 170px;
+       text-align: justify;
+       border-left: 2px solid @border_color;
+       padding-left: 5px;
+}
+
+#body blockquote blockquote{
+       margin: 10px;
+}
+
+#body pre{
+       margin: 20px 170px;
+       border: 1px solid @lighter_color;
+       background-color: @border_color;
+       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;
@@ -70,11 +143,11 @@ hr{
 
 #body #qrcode{
        display: block;
-       margin: 10px 250px;
+       margin: 10px 90px;
 }
 
-#body input.title{
-       border: 1px solid @border_color;
+#body input.title, #body input.url{
+       border: 1px solid @lighter_color;
        font-size: 1.6em;
        padding: 5px;
        margin: 0 90px;
@@ -82,7 +155,7 @@ hr{
 }
 
 #body textarea.text{
-       border: 1px solid @border_color;
+       border: 1px solid @lighter_color;
        font-size: 1.6em;
        padding: 5px;
        margin: 0 90px;