/* If you edit this file, your modifications will be overwritten during the next upgrade.
Copy this stylesheet with a different name, edit it, and finally
select your own custom css in "Advanced Options" of your forms */
/* Form framework */
div#foxcontainer_m120{
width: auto;
padding: 16px;
overflow: hidden; /* Fixes the link overhang */
margin: auto; /* Center the form on the page when the form width (px or %) is less than the page width */
}
/* Form title */
div#foxcontainer_m120 .foxcontainer h2
{
}
/* Twitter bootstrap alert boxes (message area) */
div#foxcontainer_m120 .alert
{
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
color: #c09853;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
border-width: 1px;
border-style: solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-image: none; /* removes the background image set by some templates */
}
div#foxcontainer_m120 .alert h4
{
margin: 0;
}
div#foxcontainer_m120 .alert .close
{
position: relative;
top: -2px;
right: -21px;
line-height: 20px;
}
div#foxcontainer_m120 .alert-success
{
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
div#foxcontainer_m120 .alert-info
{
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
div#foxcontainer_m120 .alert-warning
{
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5;
}
div#foxcontainer_m120 .alert-error
{
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
/* List within the message area at the top of the form */
div#foxcontainer_m120 ul.fox_messages
{
margin: 0;
padding: 0;
}
div#foxcontainer_m120 ul.fox_messages > li
{
}
/* buttons */
div#foxcontainer_m120 .btn
{
padding: 4px 12px;
line-height: 20px;
color: #333333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
/* Files list */
div#foxcontainer_m120 .qq-upload-file,
div#foxcontainer_m120 .qq-upload-spinner,
div#foxcontainer_m120 .qq-upload-size,
div#foxcontainer_m120 .qq-upload-cancel,
div#foxcontainer_m120 .qq-upload-failed-text
{
margin: 0 4px;
}
/* Upload button */
div#foxcontainer_m120 .qq-upload-button span
{
background: url("/media/com_foxcontact/images/upload.png") no-repeat scroll left 50% transparent;
padding-left: 24px;
}
div#foxcontainer_m120 .control-group
{
margin-bottom: 20px;
}
/* Horizontal space between fields in inline forms */
div#foxcontainer_m120 .foxform-inline .control-group,
div#foxcontainer_m120 .foxform-inline .control-group label.control-label
{
margin-right: 16px;
}
div#foxcontainer_m120 .control-group .checkbox
{
/* Reduces the vertical space between checkboxes */
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
/* input / textarea */
/* background color */
div#foxcontainer_m120 .fox_form input[type="text"],
div#foxcontainer_m120 .fox_form textarea
{
color: #555555;
background-color: #ffffff;
}
/* Background highlight when hover or selected */
div#foxcontainer_m120 .fox_form input[type="text"]:hover,
div#foxcontainer_m120 .fox_form textarea:hover,
div#foxcontainer_m120 .fox_form input[type="text"]:focus,
div#foxcontainer_m120 .fox_form textarea:focus
{
background-color: #ffffe0;
}
/* Border of fields except Select boxes */
div#foxcontainer_m120 textarea,
div#foxcontainer_m120 input[type="text"],
div#foxcontainer_m120 input[type="password"],
div#foxcontainer_m120 input[type="datetime"],
div#foxcontainer_m120 input[type="datetime-local"],
div#foxcontainer_m120 input[type="date"],
div#foxcontainer_m120 input[type="month"],
div#foxcontainer_m120 input[type="time"],
div#foxcontainer_m120 input[type="week"],
div#foxcontainer_m120 input[type="number"],
div#foxcontainer_m120 input[type="email"],
div#foxcontainer_m120 input[type="url"],
div#foxcontainer_m120 input[type="search"],
div#foxcontainer_m120 input[type="tel"],
div#foxcontainer_m120 input[type="color"]
{
background-color: #ffffff;
border: 1px solid #aaaaaa;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
/* Green font */
div#foxcontainer_m120 .control-group.success > label,
div#foxcontainer_m120 .control-group.success .checkbox,
div#foxcontainer_m120 .control-group.success .radio,
div#foxcontainer_m120 .control-group.success input,
div#foxcontainer_m120 .control-group.success select,
div#foxcontainer_m120 .control-group.success textarea,
div#foxcontainer_m120 .control-group.success a.chzn-single /* Add the chosen as well */
{
color: #468847;
}
/* Green border */
div#foxcontainer_m120 .control-group.success input,
div#foxcontainer_m120 .control-group.success select,
div#foxcontainer_m120 .control-group.success textarea,
div#foxcontainer_m120 .control-group.success a.chzn-single /* Add the chosen as well */
{
border-color: #468847;
}
/* Red font */
div#foxcontainer_m120 .control-group.error > label,
div#foxcontainer_m120 .control-group.error .checkbox,
div#foxcontainer_m120 .control-group.error .radio,
div#foxcontainer_m120 .control-group.error input,
div#foxcontainer_m120 .control-group.error select,
div#foxcontainer_m120 .control-group.error textarea,
div#foxcontainer_m120 .control-group.error a.chzn-single /* Add the chosen as well */
{
color: #b94a48;
}
/* Red border */
div#foxcontainer_m120 .control-group.error input,
div#foxcontainer_m120 .control-group.error select,
div#foxcontainer_m120 .control-group.error textarea,
div#foxcontainer_m120 .control-group.error a.chzn-single /* Add the chosen as well */
{
border-color: #b94a48;
}
/* Blue border when focused */
div#foxcontainer_m120 textarea:focus,
div#foxcontainer_m120 input[type="text"]:focus,
div#foxcontainer_m120 input[type="password"]:focus,
div#foxcontainer_m120 input[type="datetime"]:focus,
div#foxcontainer_m120 input[type="datetime-local"]:focus,
div#foxcontainer_m120 input[type="date"]:focus,
div#foxcontainer_m120 input[type="month"]:focus,
div#foxcontainer_m120 input[type="time"]:focus,
div#foxcontainer_m120 input[type="week"]:focus,
div#foxcontainer_m120 input[type="number"]:focus,
div#foxcontainer_m120 input[type="email"]:focus,
div#foxcontainer_m120 input[type="url"]:focus,
div#foxcontainer_m120 input[type="search"]:focus,
div#foxcontainer_m120 input[type="tel"]:focus,
div#foxcontainer_m120 input[type="color"]:focus
{
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
/* Dark red when invalid fields are focused */
div#foxcontainer_m120 .control-group.error input:focus,
div#foxcontainer_m120 .control-group.error select:focus,
div#foxcontainer_m120 .control-group.error textarea:focus
{
border-color: #953b39;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
/* Dark green when valid fields are focused */
div#foxcontainer_m120 .control-group.success input:focus,
div#foxcontainer_m120 .control-group.success select:focus,
div#foxcontainer_m120 .control-group.success textarea:focus
{
border-color: #356635;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
/* Help text under some fields */
div#foxcontainer_m120 span.help-block
{
font-size: 80%;
}
/* Built-in captcha */
div#foxcontainer_m120 .fcaptchafieldcontainer
{
padding: 5px 0;
}
/* Built-in captcha input box */
div#foxcontainer_m120 .fcaptchainputcontainer
{
padding: 5px 10px 5px 0;
}
html[dir="rtl"] div#foxcontainer_m120 .fcaptchainputcontainer
{
padding: 5px 0 5px 10px;
}
/* Built-in captcha reload button */
div#foxcontainer_m120 .fcaptcha-reload-container
{
padding: 10px 0;
}
/* Built-in captcha main image */
div#foxcontainer_m120 .fox_captcha_img
{
padding: 4px;
border: 1px solid #c0c0c0;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 7px rgba(192, 192, 192, 0.698);
}
div#foxcontainer_m120 span.qq-upload-size
{
background-image: url("/media/com_foxcontact/images/bootstrap/drive.png");
}
/* Attached files list */
div#foxcontainer_m120 ul.qq-upload-list > li
{
margin: 4px 0;
}
/* Attached files icons */
div#foxcontainer_m120 .qq-upload-file
{
background-image: url("/media/com_foxcontact/images/clip-16.png");
}
div#foxcontainer_m120 .qq-upload-failed-text
{
color: #b94a48;
background-image: url("/media/com_foxcontact/images/bootstrap/cross.png");
}
div#foxcontainer_m120 .qq-upload-success-text
{
color: #468847;
background-image: url("/media/com_foxcontact/images/bootstrap/checkmark.png");
}
.fox_error_message
{
background: url("/media/com_foxcontact/images/error-16.png") no-repeat scroll left center transparent;
padding: 0 20px;
}
/* Send a copy to myself checkbox */
div#foxcontainer_m120 .fox_copy_to_sender
{
/*margin-left: 160px;*/
}