X-Git-Url: https://git.r.bdr.sh/rbdr/grita/blobdiff_plain/3e43ab35988daae6dc69e6682aad4285f693ee8e..0e0a67f4f172e61592d259386aa52f0635249f64:/views/style.less diff --git a/views/style.less b/views/style.less index 0963093..6052c10 100644 --- a/views/style.less +++ b/views/style.less @@ -3,6 +3,10 @@ @emphasis_color: #222; @light_color: #999; @border_color: #eee; +@error_color: #ffebe8; +@success_color: #f0fff0; + +@font_stack: "Helvetica Neue", Helvetica, Arial, sans-serif; *{ margin: 0; @@ -14,7 +18,7 @@ body{ background-color: @background_color; text-align: center; font-size: .625em; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: @font_stack; } #wrapper{ @@ -62,4 +66,54 @@ hr{ margin: 10px; border: 0; border-bottom: 1px solid @border_color; +} + +#body #qrcode{ + display: block; + margin: 10px 250px; +} + +#body input.title{ + border: 1px solid @border_color; + font-size: 1.6em; + padding: 5px; + margin: 0 90px; + width: 770px; +} + +#body textarea.text{ + border: 1px solid @border_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