src/wolnelektury/static/scss/main/form.scss

   1 form table {
   2     th {
   3         vertical-align: top;
   4         text-align: left;
   5         font-weight: normal;
   6     }
   7     td {
   8         padding-bottom: 1em;
   9     }
  10
  11     .required th:before {
  12         content: "* ";
  13     }
  14
  15     .errorlist {
  16         color: red;
  17         margin: 0;
  18         padding: 0;
  19         list-style: none;
  20     }
  21     .helptext {
  22         color: #888;
  23         font-size: .9em;
  24         font-style: italic;
  25     }
  26
  27     ul {
  28         list-style: none;
  29         padding-left: 0;
  30     }
  31 }
  32
  33 .wlform {
  34     .errorlist {
  35         color: red;
  36         margin: 0;
  37         padding: 0;
  38         list-style: none;
  39     }
  40
  41     .helptext {
  42         color: #888;
  43         font-size: .9em;
  44         font-style: italic;
  45     }
  46
  47     h2 {
  48         margin-top: 1.5em;
  49     }
  50
  51     input[type=number] {
  52         height: 1.3em;
  53     }
  54     input[type=radio] {
  55         margin-right: 1em;
  56     }
  57
  58     .submit {
  59         background: #018189;
  60         color: white;
  61         border: 0;
  62         border-radius: 10px;
  63         padding: 1em 2em;
  64         font-size: 1.2em;
  65     }
  66 }
  67
  68 .wlform {
  69     .payment-method {
  70         margin-top: 2em;
  71
  72         input {
  73             height: 50px;
  74             vertical-align: middle;
  75         }
  76
  77         img {
  78             vertical-align: middle;
  79             margin-right: 1em;
  80             height: 30px;
  81         }
  82         label {
  83             display: inline;
  84             margin: .5em 0;
  85             vertical-align: middle;
  86         }
  87
  88         .method {
  89             border: 1px solid black;
  90             border-radius: 5px;
  91             line-height: 28px;
  92             display: inline-block;
  93             vertical-align: middle;
  94             padding: 0 1em;
  95             margin-right: 1em;
  96             color: black;
  97             text-transform: uppercase;
  98         }
  99     }
 100 }