public/assets/themes/acSimple/stylesheets/general/forms.css

   1 label {
   2   margin: 3px 0;
   3   font-size: 90%;
   4   font-weight: bold;
   5   display: block;
   6 }
   7
   8 label.checkbox, label.yes_no {
   9   display: inline;
  10   position: relative;
  11   top: -2px;
  12 }
  13
  14 * html label.checkbox, * html label.yes_no {
  15   top: 1px;
  16 }
  17
  18 label.yes_no {
  19   font-weight: normal;
  20 }
  21
  22 label span.label_required {
  23   color: red;
  24 }
  25
  26 input, textarea, select {
  27   border: 1px solid #ccc;
  28   padding: 5px;
  29   font-family: verdana, arial, helvetica, sans-serif;
  30   font-size: 11px;
  31   background: #FFF;
  32 }
  33
  34 select {
  35   padding: 1px;
  36 }
  37
  38 input:hover, textarea:hover, select:hover {
  39   border: 1px solid #AAA;
  40   background: #fff;
  41 }
  42
  43 input:focus, textarea:focus, select:focus {
  44   border: 1px solid #AAA;
  45   background: #fff;
  46 }
  47
  48 fieldset {
  49   margin: 10px 0;
  50   padding: 10px;
  51   padding-top: 5px;
  52   border: 1px solid #ccc;
  53 }
  54
  55 fieldset legend {
  56   font-size: 90%;
  57   font-weight: bold;
  58 }
  59
  60 input { width: 200px; }
  61 input.short { width: 50px; }
  62 input.medium { width: 150px; }
  63 input.long { width: 400px; }
  64 input.title { width: 530px; }
  65
  66 input.checkbox, input.yes_no {
  67   border: 0;
  68   width: auto;
  69   background: transparent;
  70 }
  71
  72 legend label.checkbox {
  73   font-weight: bold;
  74 }
  75
  76 textarea, textarea.long {
  77   width: 400px;
  78   height: 150px;
  79 }
  80
  81 textarea.short {
  82   width: 365px;
  83   height: 70px;
  84 }
  85
  86 textarea.comment {
  87   width: 488px;
  88   height: 150px;
  89 }
  90
  91 textarea.editor {
  92   width: 530px;
  93   height: 300px;
  94 }
  95
  96 button.submit {
  97   margin-top: 10px;
  98 }
  99
 100 span.required {
 101   color: red;
 102   font-size: 90%;
 103 }
 104
 105 form div.formBlock {
 106   margin: 5px 0 5px 2px;
 107   border-left: 5px solid #e8e8e8;
 108   padding: 0 0 0 10px;
 109 }
 110
 111 form div.formBlock label {
 112   margin-top: 0;
 113   padding-top: 0;
 114 }
 115
 116 #formErrors {
 117   background: red;
 118   color: white;
 119   padding: 5px 10px;
 120 }
 121
 122 #formErrors ul li {
 123   font-size: 90%;
 124 }
 125
 126 /** Options block, best to put it into fieldset **/
 127
 128 .objectOption {
 129   margin-top: 5px;
 130 }
 131
 132 .objectOption .optionLabel {
 133   float: left;
 134   display: block;
 135   width: 140px;
 136 }
 137
 138 .objectOption .optionLabel label {
 139   margin: 0;
 140   padding: 0;
 141 }
 142
 143 .objectOption div.optionControl {
 144   margin-left: 140px;
 145 }
 146
 147 .objectOption div.optionDesc {
 148   clear: left;
 149   font-size: 10px;
 150   padding: 0 5px 5px 5px;
 151   color: #333;
 152 }