@text_color: #666; @background_color: #fff; @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; padding: 0; } body{ color: @text_color; background-color: @background_color; text-align: center; font-size: .625em; font-family: @font_stack; } #wrapper{ margin: 0 auto; width: 960px; text-align: left; } #header #logo{ background-image: url(/images/logo.png); background-repeat: no-repeat; width: 460px; height: 212px; display: block; margin: 10px 250px; } #header #logo span{ display: none; } #header #description p{ font-size: 1.4em; line-height: 1.8em; margin: 10px 170px; width: 620px; color: @light_color; } #body h1{ margin: 20px 90px; font-size: 2.4em; color: @emphasis_color; } #body p{ margin: 20px 90px; font-size: 1.6em; line-height: 2.4em; text-indent: 3em; text-align: justify; } 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; }