diff --git a/public/css/app.less b/public/css/app.less index a7def6a6e9..26f652e5e9 100644 --- a/public/css/app.less +++ b/public/css/app.less @@ -20,10 +20,6 @@ body { padding-bottom: 0; } -.btn { - margin-bottom: 10px; -} - .main { max-width: 320px; margin: 0 auto; @@ -53,7 +49,3 @@ body { margin-top: 0px !important; margin-bottom: 0px !important; } -h3 { - text-align: center; - line-height: 300%; -} \ No newline at end of file diff --git a/public/css/ios7.less b/public/css/ios7.less index 6180cf3332..1aa04a809f 100644 --- a/public/css/ios7.less +++ b/public/css/ios7.less @@ -16,6 +16,11 @@ body { min-height: 100%; } +[class^="fa-"], +[class*="fa-"] { + margin-right: 10px; +} + // Navbar ===================================================================== .navbar-default { @@ -49,16 +54,59 @@ body { } } // Buttons ==================================================================== +.btn { + font-weight: 300; + margin: 0 10px 10px 0; + transition: all 0.15s; + &:active, + .active { + box-shadow: none; + } +} -// Grid ======================================================================= -[class*="col-xs"], -[class*="col-sm"], -[class*="col-md"], -[class*="col-lg"] { +.btn-default { + background: #bbbbbb; + border-color: #bbbbbb; + color: white; } +.btn-default .caret { + border-top-color: white; } +.btn-default:hover, .btn-default.active { + background: transparent; + color: #aaaaaa; + border-color: #bbbbbb; } +.btn-default:hover .caret, .btn-default.active .caret { + border-top-color: #bbbbbb; } + +.btn-primary { + background: #007aff; + border-color: #007aff; } +.btn-primary:hover, .btn-primary.active { + background: transparent; + color: #007aff; + border-color: #007aff; } +.btn-primary:hover .caret, .btn-primary.active .caret { + border-top-color: #007aff; } + +// Panel ====================================================================== +.panel { background-color: #fff; + border-radius: 0; + border: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - margin-bottom: 20px; +} + +.panel-default { + > .panel-heading { + background-color: #fff; + border: 0; + height: 50px; + color: #007aff; + font-size: 15px; + font-weight: 400; + margin: 0; + padding: 15px 15px; + } } @@ -77,6 +125,7 @@ body { // Forms ================================================================= .form-control { transition: all 0.4s; + box-shadow: none; &:focus { border-color: #007aff; diff --git a/views/contact.jade b/views/contact.jade index e497dfbd48..d46b86fd7b 100644 --- a/views/contact.jade +++ b/views/contact.jade @@ -2,23 +2,26 @@ extends layout block content .col-sm-8.col-sm-offset-2 - .page-header - h1 Contact Form - form(role='form', method='POST') - .form-group - label(class='control-label', for='email') Email - input.form-control(type='email', name='email', id='email') - .form-group - label(class='control-label', for='contactBody') Body - textarea.form-control(type='text', name='contactBody', id='contactBody', rows='7') - .form-group - button.btn.btn-primary(type='submit') - i.fa.fa-location-arrow - | Send - button.btn.btn-link(disabled='') Powered by SendGrid - if error.length - .alert.alert-danger - p= error - if success.length - .alert.alert-success - p= success + .panel.panel-default + .panel-heading + i.fa.fa-envelope + | Contact Form + .panel-body + form(role='form', method='POST') + .form-group + label(class='control-label', for='email') Email + input.form-control(type='email', name='email', id='email') + .form-group + label(class='control-label', for='contactBody') Body + textarea.form-control(type='text', name='contactBody', id='contactBody', rows='7') + .form-group + button.btn.btn-primary(type='submit') + i.fa.fa-location-arrow + | Send + button.btn.btn-link(disabled='') Powered by SendGrid + if error.length + .alert.alert-danger + p= error + if success.length + .alert.alert-success + p= success