max width for text inputs in forms

[prawokultury.git] / prawokultury / static / css / forms.scss

diff --git a/prawokultury/static/css/forms.scss b/prawokultury/static/css/forms.scss
index 626702e..347a946 100644 (file)
--- a/prawokultury/static/css/forms.scss
+++ b/prawokultury/static/css/forms.scss
@@ -1,5 +1,5 @@
 .form-info {
 .form-info {

-    font-size: 1.2em;
+    font-size: 1.3em;

 }
 
 .submit-form {
 }
 
 .submit-form {


@@ -16,9 +16,12 @@
     label {
         font-size: 1.2em;
         font-weight: normal;
     label {
         font-size: 1.2em;
         font-weight: normal;

+        h3 {
+            display: inline;
+        }

     }
 
     }
 

-    .errorlist {
+    ul.errorlist {

         color: #e41b13;
         font-size: 1.2em;
         padding: 0 0 0 1.3em;
         color: #e41b13;
         font-size: 1.2em;
         padding: 0 0 0 1.3em;


@@ -28,14 +31,15 @@
 
     input, textarea, select {
         font-size: 1.2em;
 
     input, textarea, select {
         font-size: 1.2em;

-        border: 0;

         background-color: white;
         color: #363A3B;
         background-color: white;
         color: #363A3B;

-        width: 100%;

         margin-bottom: .5em;
         margin-bottom: .5em;

-        border: 1px solid #EDECE7;
+        border: 1px solid #aeada8;
+    }
+
+    textarea, select, input[type=text], input[type=email] {
+        width: 100%;

     }
     }

-    

 
     th, td {
         text-align: left;
 
     th, td {
         text-align: left;


@@ -51,4 +55,40 @@
             color: #363A3B;
         }
     }
             color: #363A3B;
         }
     }

+
+    tr ul {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        &.errorlist {
+            list-style: url("/static/img/read-more.png");
+            padding: 0 0 0 1.3em;
+            margin: 0 0 .5em 0;
+        }
+    }
+
+    .required {
+        label {
+            font-weight: bold;
+
+            &:before {
+                content: '* ';
+            }
+        }
+
+        ul {
+            label {
+                font-weight: normal;
+
+                &:before {
+                    content: none;
+                }
+            }
+        }
+    }
+
+
+    input[type="radio"] {
+        width: auto;
+    }

 }
 }