plugins/form/static/css/form.css

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