static/solgs/solgs_formfu.css

   1 /*
   2 Originally written by Carl Franks, cranks@cpan.org.
   3 Some modification done for solGS.
   4 */
   5
   6
   7 fieldset {
   8         padding: 1em;
   9         border: 0;
  10 }
  11
  12 fieldset .button,
  13 fieldset .checkbox,
  14 fieldset .contentbutton,
  15 fieldset .date,
  16 fieldset .file,
  17 fieldset .image,
  18 fieldset .multi,
  19 fieldset .password,
  20 fieldset .radio,
  21 fieldset .recaptcha,
  22 fieldset .reset,
  23 fieldset .select,
  24 fieldset .submit,
  25 fieldset .text,
  26 fieldset .textarea
  27 {
  28         display: block;
  29         clear: left;
  30         border: 0;
  31         margin: 1px;
  32         /* when no label */
  33         margin-left: 12em;
  34 }
  35
  36 /* make the noscript textarea sit below the iframe
  37 */
  38 fieldset .recaptcha noscript textarea {
  39     display: block;
  40 }
  41
  42 /* override the iframe's height="" - it's seems a bit big
  43 */
  44 fieldset .recaptcha iframe {
  45     height: 230px ! important;
  46 }
  47
  48 fieldset .button.label,
  49 fieldset .checkbox.label,
  50 fieldset .contentbutton.label,
  51 fieldset .date.label,
  52 fieldset .file.label,
  53 fieldset .image.label,
  54 fieldset .multi.label,
  55 fieldset .password.label,
  56 fieldset .radio.label,
  57 fieldset .recaptcha.label,
  58 fieldset .reset.label,
  59 fieldset .select.label,
  60 fieldset .submit.label,
  61 fieldset .text.label,
  62 fieldset .textarea.label
  63 {
  64         margin-left: 1px;
  65 }
  66
  67 fieldset .error.label {
  68         /* border + margin swap values with above, to ensure rows align */
  69         border: 1px #fff;
  70         margin: 0;
  71 }
  72
  73 form .form_error_message {
  74         padding: 0.5em;
  75         border: 1px solid #9999ff;
  76         background-color: #9999ff;
  77 }
  78
  79 fieldset .error_message {
  80        display: block;
  81        color: #9999ff;
  82 }
  83
  84 fieldset .label .error_message {
  85        /* padding-left eq label width + padding-right */
  86        padding-left: 12em;
  87 }
  88
  89 fieldset .error input,
  90 fieldset .error textarea,
  91 fieldset .error select {
  92        background-color: #9999ff;
  93 }
  94
  95 fieldset .button label,
  96 fieldset .contentbutton label,
  97 fieldset .checkbox label,
  98 fieldset .date label,
  99 fieldset .file label,
 100 fieldset .image label,
 101 fieldset .multi label,
 102 fieldset .password label,
 103 fieldset .radio label,
 104 fieldset .radiogroup label,
 105 fieldset .recaptcha label,
 106 fieldset .select label,
 107 fieldset .text label,
 108 fieldset .textarea label
 109 {
 110         display: inline;
 111         float: left;
 112         width: 11em;
 113         text-align: right;
 114         padding-right: 2em;
 115 }
 116
 117 fieldset .radiogroup span label {
 118         /* undo the above style */
 119         float: none;
 120         width: auto;
 121         text-align: left;
 122         padding-right: 0;
 123 }
 124
 125 fieldset .multi .elements {
 126         display: block;
 127         float: left;
 128 }
 129
 130 fieldset .multi .elements label {
 131         display: block;
 132         width: auto;
 133         padding-right: 0.25em;
 134 }
 135
 136 fieldset .multi input,
 137 fieldset .multi select {
 138         display: block;
 139         float: left;
 140         margin-right: 0.5em;
 141 }
 142
 143 fieldset.checkboxgroup,
 144 fieldset.radiogroup
 145 {
 146         margin: 0;
 147         margin-left: 12em;
 148         padding: 0;
 149         width: auto;
 150 }
 151
 152 fieldset.radiogroup.label {
 153         border: 0;
 154         margin-left: 0em;
 155 }
 156
 157 fieldset .comment .comment {
 158         /* when no label */
 159         display: block;
 160         margin-left: 0em;
 161 }
 162
 163 fieldset .label .comment {
 164         display: block;
 165         margin-left: 12em;
 166 }
 167
 168 /*** Alternative Layouts ***/
 169
 170 fieldset .notes {
 171         float: right;
 172         width: 30%;
 173         border: 1px dotted;
 174 }
 175
 176 fieldset .multi.vertical input,
 177 fieldset.checkboxgroup .vertical input,
 178 fieldset.radiogroup .vertical input
 179 {
 180         display: block;
 181         float: left;
 182         clear: left;
 183         margin-right: 0.5em;
 184 }
 185
 186 fieldset .multi.vertical select {
 187         display: block;
 188         float: left;
 189         clear: right;
 190 }
 191
 192 fieldset.checkboxgroup .vertical label,
 193 fieldset.radiogroup .vertical label
 194 {
 195         display: block;
 196         clear: right;
 197 }
 198
 199 fieldset.radiogroup .vertical .subgroup {
 200         float: left;
 201 }
 202
 203 fieldset .fullwidth label
 204 {
 205         display: block;
 206         float: left;
 207         width: auto;
 208         text-align: left;
 209 }
 210
 211 fieldset .fullwidth .error_message {
 212        padding-left: 0em;
 213 }
 214
 215 fieldset .fullwidth textarea
 216 {
 217         display: block;
 218         clear: left;
 219         width: 30em;
 220 }
 221
 222 fieldset .dojoeditor2 .RichTextEditable { /* Dojo::Editor2 */
 223         display: inline;
 224         float: left;
 225         background-color: #ffc;
 226         padding-bottom: 0.1em;
 227 }