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