Ligeros cambios en el CSS

[rbdr/grita] / views / style.less

diff --git a/views/style.less b/views/style.less
index 09630930b19f9cb08a9094dab560dfcf1e3b53c2..972269ce62e4c7153542ec1bff5db22f9afe5cc2 100644 (file)
--- a/views/style.less
+++ b/views/style.less
@@ -2,19 +2,28 @@
 @background_color: #fff;
 @emphasis_color: #222;
 @light_color: #999;
 @background_color: #fff;
 @emphasis_color: #222;
 @light_color: #999;

+@lighter_color: #ccc;

 @border_color: #eee;
 @border_color: #eee;

+@error_color: #ffebe8;
+@success_color: #f0fff0;
+
+@font_stack: "Helvetica Neue", Helvetica, Arial, sans-serif;

 
 *{
        margin: 0;
        padding: 0;
 }
 
 
 *{
        margin: 0;
        padding: 0;
 }
 

+img{
+       border: 0;
+}
+

 body{
        color: @text_color;
        background-color: @background_color;
        text-align: center;
        font-size: .625em;
 body{
        color: @text_color;
        background-color: @background_color;
        text-align: center;
        font-size: .625em;

-       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+       font-family: @font_stack;

 }
 
 #wrapper{
 }
 
 #wrapper{


@@ -50,6 +59,18 @@ body{
        color: @emphasis_color;
 }
 
        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;
 #body p{
        margin: 20px 90px;
        font-size: 1.6em;


@@ -58,8 +79,105 @@ body{
        text-align: justify;
 }
 
        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;
        border-bottom: 1px solid @border_color;
 hr{
        margin: 10px;
        border: 0;
        border-bottom: 1px solid @border_color;

+}
+
+#body #qrcode{
+       display: block;
+       margin: 10px 90px;
+}
+
+#body input.title, #body input.url{
+       border: 1px solid @lighter_color;
+       font-size: 1.6em;
+       padding: 5px;
+       margin: 0 90px;
+       width: 770px;
+}
+
+#body textarea.text{
+       border: 1px solid @lighter_color;
+       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: @error_color;
+}
+
+#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: @success_color;

 }
\ No newline at end of file
 }
\ No newline at end of file