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     input, textarea, select {
  33         font-size: 1.2em;
  34         background-color: white;
  35         color: #363A3B;
  36         margin-bottom: .5em;
  37         border: 1px solid #aeada8;
  38     }
  39
  40     textarea, select {
  41         width: 100%;
  42     }
  43
  44     th, td {
  45         text-align: left;
  46         font-weight: normal;
  47         vertical-align: top;
  48         padding: .5em;
  49     }
  50
  51     .helptext {
  52         color: #acacac;
  53         font-size: 1.1em;
  54         a {
  55             color: #363A3B;
  56         }
  57     }
  58
  59     tr ul {
  60         list-style: none;
  61         margin: 0;
  62         padding: 0;
  63         &.errorlist {
  64             list-style: url("/static/img/read-more.png");
  65             padding: 0 0 0 1.3em;
  66             margin: 0 0 .5em 0;
  67         }
  68     }
  69
  70     .required {
  71         label {
  72             font-weight: bold;
  73
  74             &:before {
  75                 content: '* ';
  76             }
  77         }
  78
  79         ul {
  80             label {
  81                 font-weight: normal;
  82
  83                 &:before {
  84                     content: none;
  85                 }
  86             }
  87         }
  88     }
  89
  90
  91     input[type="radio"] {
  92         width: auto;
  93     }
  94 }