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     h2 {
  42         margin-top: 1.5em;
  43     }
  44
  45     input[type=number] {
  46         height: 1.3em;
  47     }
  48     input[type=radio] {
  49         margin-right: 1em;
  50     }
  51
  52     .submit {
  53         background: #018189;
  54         color: white;
  55         border: 0;
  56         border-radius: 10px;
  57         padding: 1em 2em;
  58         font-size: 1.2em;
  59     }
  60 }
  61
  62 .wlform {
  63     .payment-method {
  64         margin-top: 2em;
  65
  66         input {
  67             height: 50px;
  68             vertical-align: middle;
  69         }
  70
  71         img {
  72             vertical-align: middle;
  73             margin-right: 1em;
  74             height: 30px;
  75         }
  76         label {
  77             display: inline;
  78             margin: .5em 0;
  79             vertical-align: middle;
  80         }
  81
  82         .method {
  83             border: 1px solid black;
  84             border-radius: 5px;
  85             line-height: 28px;
  86             display: inline-block;
  87             vertical-align: middle;
  88             padding: 0 1em;
  89             margin-right: 1em;
  90             color: black;
  91             text-transform: uppercase;
  92         }
  93     }
  94 }