1 files changed, 85 insertions, 0 deletions
diff --git a/design/sass/_forms.scss b/design/sass/_forms.scss
new file mode 100644
index 0000000..3dc8ee4
--- /dev/null
+++ b/design/sass/_forms.scss
@@ -0,0 +1,85 @@
+form fieldset {
+    margin: 1rem 0;
+    padding: 0;
+    border: none;
+    width: 100%;
+    position: relative;
+}
+form fieldset label {
+    position: absolute;
+    -webkit-transform: translate3d(10px, 100%);
+    -moz-transform: translate3d(10px, 100%);
+    -ms-transform: translate3d(10px, 100%);
+    -o-transform: translate3d(10px, 100%);
+    transform: translate3d(10px, 100%);
+    @include fontsize(14);
+    color: lighten($body_font_color, 25);
+    line-height: 14px;
+    top: .7rem;
+    left: .75rem;
+    z-index: 1;
+}
+input {
+    border: 1px solid #b3b3b3;
+    border-radius: 4px;
+    padding: 2.2rem  0 .75rem .75rem;
+    width: 99%;
+    @include fontsize(24);
+}
+form .error input {
+    border: 1px solid $link_color;
+}
+.helptext {
+    @include fontsize(14);
+    color: lighten($body_font_color, 25);
+}
+.errorlist {
+    color: $link_color;
+    list-style-type: none;
+    padding: 0 0 0 1rem;
+    position: relative;
+}
+table {
+    width: 100%;
+    border-collapse: collapse;
+    tr {
+        margin: 2rem 0;
+    }
+    td, th {
+        display: table-cell;
+        vertical-align: inherit;
+        margin: 0;
+        padding: 16px .25rem 14px;
+        border-bottom: 1px solid #b3b3b3;
+    }
+    th {
+        @include fontsize(13);
+        @include smcaps;
+        width: 200px;
+    }
+    td {
+        width: 200px;
+    }
+    &:after {
+        display: block;
+        @extend %clearfix;
+    }
+    .btn { float: right;}
+}
+.btn {
+    @include fontsize(15);
+    display: inline-block;
+    border-radius: 4px;
+    -webkit-appearance: none;
+    text-decoration: none;
+    cursor: pointer;
+    background: $link_color;
+    color: #fff !important;
+    border: 1px solid $link_color;
+    padding: 5px 9px;
+    white-space: nowrap;
+    &:hover {
+        background: $link_hover_color;
+        border: 1px solid $link_hover_color;
+    }
+}