29
Oct

/* Flexicontact CSS */ /* Common */ .fc_page { } .fc_form { } div.fc_images {padding-top:0.5em;} div.fc_image_inner {text-align: center;} .fc_inactive {border:2px solid transparent;} .fc_active {border:2px solid red;} .fc_form input, .fc_form textarea {width: auto !important;} input.fc_button {background:url('fc_button.png') repeat-x left center; border:1px solid #8B9DB8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height:2em; min-width:65px; margin:10px 2px 2px 25px; font-size:1em; font-weight:bold; line-height:0.9; color:#36465f; cursor:pointer; } input.fc_button:hover {background: url('fc_button_hover.png') repeat-x left center; } input.fc_button:disabled {background: url('fc_button.png') repeat-x left center; color:#cecdcd; cursor:default;} span.fc_error {font-size:small; color:red; margin-left:5px;} /* Responsive view */ div.fc_line {clear:left; padding-top:0.5em;} div.fc_line label.fc_left {display:inline-block; text-align:right; vertical-align:top; width:12em; max-width:20%; margin-right:1em;} @media screen and (max-width: 800px) { div.fc_line label.fc_left {display:block; text-align:left; width:auto; max-width:90%;} span.fc_error {display:block; } } div.fc_line input {max-width:90%;} div.fc_line textarea {max-width:95%;} /* Table view */ .fc_table {border:none !important; padding: 2px; width:100% } .fc_table tr {border:none !important; } .fc_table td {border:none !important; padding: 3px 0 3px 0;} .fc_table td.fc_prompt {text-align:right; vertical-align:top; width:20%; padding-right:10px;} .fc_table td.fc_field {text-align:left; }