plugins/form/static/css/form.css

   1 #commentForm {
   2
   3     margin:0 auto;
   4     width:800px;
   5     padding:10px;
   6     font-size:12pt;
   7     overflow:auto;
   8     }
   9 input {
  10         border:2px solid #456879;
  11         height: 22px;
  12         width: 200px;
  13         font-size: 10px;
  14     }
  15 label {
  16         float: left;
  17         font-weight: bold;
  18         text-align: right;
  19         margin-right: 20px;
  20         width: 200px;
  21         display: inline-block;
  22
  23 }
  24
  25 label.error { float: none; color: red; padding-left: .5em; vertical-align: top; font-size: 12px; }
  26
  27 p {
  28 /*border-bottom:1px solid #B7DDF2;*/
  29 color:#666666;
  30 font-size:10px;
  31 margin-bottom:20px;
  32 padding-bottom:10px;
  33 }
  34
  35
  36
  37 legend {
  38     position: relative;
  39     top: -2px;
  40     background: cornsilk;
  41     padding: 10px 100px;
  42     border: 2px groove threedface;
  43     border-top: none;
  44     box-shadow: inset 0 -5px 5px rgba(0,0,0,.2);
  45     text-shadow: 1px 1px 2px rgba(0,0,0,.3);
  46     font-weight: bold;
  47     font-size: 25px;
  48     margin-left: 90px;
  49 }
  50
  51 textarea:focus, input:focus {
  52     border: 2px solid #900;
  53 }
  54
  55 .required{
  56 font-size:12pt;
  57 }
  58 .submit {
  59 /* float:right; */
  60 text-align: center;
  61 margin-top: 15px;
  62 margin-left: 180px;
  63 }
  64 .field {
  65 padding:2px;
  66 }
  67 .hint{
  68     display:none;
  69     }
  70 .field:hover .hint {
  71     position: absolute;
  72     display: block;
  73     margin: -30px 0 0 455px;
  74     color: #FFFFFF;
  75     padding: 7px 10px;
  76     background: rgba(0, 0, 0, 0.6);
  77
  78     -moz-border-radius: 7px;
  79     -webkit-border-radius: 7px;
  80     border-radius: 7px;
  81     }
  82