prawokultury/static/css/forms.scss

   1 .form-info {
   2     font-size: 1.3em;
   3 }
   4
   5 .submit-form {
   6     margin-top: 3em;
   7
   8     table {
   9         border-spacing: 0 .5em;
  10     }
  11
  12     tr {
  13         background-color: #fdfdfd;
  14     }
  15
  16     label {
  17         font-size: 1.2em;
  18         font-weight: normal;
  19         h3 {
  20             display: inline;
  21         }
  22     }
  23
  24     ul.errorlist {
  25         color: #e41b13;
  26         font-size: 1.2em;
  27         padding: 0 0 0 1.3em;
  28         margin: 0 0 .5em 0;
  29         list-style: url("/static/img/read-more.png");
  30     }
  31
  32     span.error {
  33         color: #e41b13;
  34     }
  35
  36     input, textarea, select {
  37         font-size: 1.2em;
  38         background-color: white;
  39         color: #363A3B;
  40         margin-bottom: .5em;
  41         border: 1px solid #aeada8;
  42     }
  43
  44     textarea, select, input[type=text], input[type=email] {
  45         width: 100%;
  46     }
  47
  48     th, td {
  49         text-align: left;
  50         font-weight: normal;
  51         vertical-align: top;
  52         padding: .5em;
  53     }
  54
  55     .helptext {
  56         color: #acacac;
  57         font-size: 1.1em;
  58         a {
  59             color: #363A3B;
  60         }
  61     }
  62
  63     tr ul {
  64         list-style: none;
  65         margin: 0;
  66         padding: 0;
  67         &.errorlist {
  68             list-style: url("/static/img/read-more.png");
  69             padding: 0 0 0 1.3em;
  70             margin: 0 0 .5em 0;
  71         }
  72     }
  73
  74     .required {
  75         label {
  76             font-weight: bold;
  77
  78             &:before {
  79                 content: '* ';
  80             }
  81         }
  82
  83         ul {
  84             label {
  85                 font-weight: normal;
  86
  87                 &:before {
  88                     content: none;
  89                 }
  90             }
  91         }
  92     }
  93
  94
  95     input[type="radio"] {
  96         width: auto;
  97     }
  98 }