X-Git-Url: https://git.r.bdr.sh/rbdr/grita/blobdiff_plain/3e43ab35988daae6dc69e6682aad4285f693ee8e..b316fed18eb47c27fcdbf8e2da4b248a6e00ce37:/views/style.less

diff --git a/views/style.less b/views/style.less
index 0963093..1f7b075 100644
--- a/views/style.less
+++ b/views/style.less
@@ -2,19 +2,28 @@
 @background_color: #fff;
 @emphasis_color: #222;
 @light_color: #999;
+@lighter_color: #ccc;
 @border_color: #eee;
+@error_color: #ffebe8;
+@success_color: #f0fff0;
+
+@font_stack: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
 *{
 	margin: 0;
 	padding: 0;
 }
 
+img{
+	border: 0;
+}
+
 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{
@@ -32,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 410px;
+}
+
+#header #logo span, #header #logomini span{
 	display: none;
 }
 
@@ -50,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;
@@ -58,8 +88,122 @@ 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;
 	border-bottom: 1px solid @border_color;
+}
+
+#body #sharing{
+	text-align: center;
+}
+
+#body input.title, #body input.url{
+	border: 1px solid @lighter_color;
+	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 @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;
+}
+
+.tooltip{
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 3;
+	display: none;
+}
+
+#footer{
+	height: 100px;
 }
\ No newline at end of file