2012-06-15 19:16:49 +02:00
|
|
|
.ui-widget,
|
|
|
|
.ui-widget input,
|
|
|
|
.ui-widget select,
|
|
|
|
.ui-widget textarea,
|
|
|
|
.ui-widget button {
|
|
|
|
font-family: Arial, Helvetica, sans-serif !important
|
|
|
|
}
|
|
|
|
input:invalid,
|
|
|
|
textarea:invalid {
|
|
|
|
border-radius: 1px;
|
|
|
|
-moz-box-shadow: 0px 0px 5px red;
|
|
|
|
-webkit-box-shadow: 0px 0px 5px red;
|
|
|
|
box-shadow: 0px 0px 5px red;
|
|
|
|
}
|
|
|
|
.no-boxshadow input:invalid,
|
|
|
|
.no-boxshadow textarea:invalid {
|
|
|
|
background-color: #f0dddd
|
|
|
|
}
|
2012-07-06 05:24:53 +02:00
|
|
|
form {
|
|
|
|
max-width: 70%;
|
|
|
|
}
|
2012-06-15 19:16:49 +02:00
|
|
|
form .message {
|
2012-07-06 05:24:53 +02:00
|
|
|
float:right;
|
|
|
|
padding-top: 6px;
|
|
|
|
color:#b80000;
|
|
|
|
}
|
|
|
|
.holder-required {
|
|
|
|
background-color:#ffb8b8;
|
2012-06-15 19:16:49 +02:00
|
|
|
}
|
|
|
|
form .good {
|
|
|
|
background-color: #ecf9d0;
|
|
|
|
border-color: #8fbe00;
|
|
|
|
}
|
|
|
|
form .bad {
|
|
|
|
background-color: #f9d0d0;
|
|
|
|
border-color: #be0000;
|
|
|
|
}
|
|
|
|
.checkbox,
|
|
|
|
.radio {
|
2012-07-06 05:24:53 +02:00
|
|
|
margin-top: 3px;
|
|
|
|
}
|
|
|
|
.checkbox label.right,
|
|
|
|
.radio label.right {
|
|
|
|
float:left;
|
|
|
|
text-align: left;
|
2012-06-15 19:16:49 +02:00
|
|
|
}
|
|
|
|
#MemberLoginForm_LoginForm_action_dologin,
|
|
|
|
.Actions .action {
|
|
|
|
padding: 6px 20px
|
|
|
|
}
|
|
|
|
#MemberLoginForm_LoginForm,
|
|
|
|
#MemberLoginForm_LostPasswordForm {
|
|
|
|
max-width: 500px
|
|
|
|
}
|
|
|
|
#ForgotPassword a {
|
|
|
|
margin-top: 15px
|
|
|
|
}
|
|
|
|
#ForgotPassword {
|
|
|
|
margin-top: 6px
|
|
|
|
}
|
|
|
|
div.field {
|
|
|
|
width: 100%;
|
|
|
|
float: left;
|
2012-07-06 05:24:53 +02:00
|
|
|
margin-bottom: 10px;
|
|
|
|
padding:10px;
|
2012-06-15 19:16:49 +02:00
|
|
|
}
|
2012-07-06 05:24:53 +02:00
|
|
|
|
2012-06-15 19:16:49 +02:00
|
|
|
.ui-widget {
|
|
|
|
font-family: Arial, Helvetica, sans-serif
|
|
|
|
}
|
|
|
|
form label.left {
|
2012-07-06 05:24:53 +02:00
|
|
|
width: 20%;
|
2012-06-15 19:16:49 +02:00
|
|
|
padding-right: 5%;
|
2012-07-19 02:29:24 +02:00
|
|
|
padding-bottom:10px;
|
2012-06-15 19:16:49 +02:00
|
|
|
margin-top: 3px;
|
|
|
|
display: block;
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
2012-07-06 05:24:53 +02:00
|
|
|
form label.right {
|
2012-06-15 19:16:49 +02:00
|
|
|
float: right;
|
2012-07-06 05:24:53 +02:00
|
|
|
width: 20%;
|
|
|
|
padding-left: 5%;
|
|
|
|
display: block;
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
.main form .middleColumn {
|
|
|
|
float: left;
|
|
|
|
width: 50% !important;
|
2012-06-15 19:16:49 +02:00
|
|
|
}
|
|
|
|
.main form .middleColumn .middleColumn {
|
|
|
|
width: 100% !important
|
|
|
|
}
|
|
|
|
.header form .middleColumn {
|
|
|
|
float: none;
|
|
|
|
width: 100% !important;
|
|
|
|
}
|
|
|
|
.listbox option {
|
|
|
|
padding: 3px 0
|
|
|
|
}
|
|
|
|
form input.text,
|
|
|
|
form textarea,
|
|
|
|
form .textajaxuniquetext,
|
|
|
|
form select {
|
|
|
|
width: 98%;
|
2012-07-06 05:24:53 +02:00
|
|
|
padding: 3px 1%;
|
2012-06-15 19:16:49 +02:00
|
|
|
font-size: 15px;
|
2012-07-06 05:24:53 +02:00
|
|
|
background-color:#fff;
|
2012-06-15 19:16:49 +02:00
|
|
|
}
|
2012-07-06 05:24:53 +02:00
|
|
|
|
|
|
|
form input.text:focus,
|
|
|
|
form textarea:focus,
|
|
|
|
form .textajaxuniquetext:focus,
|
|
|
|
form select:focus {
|
|
|
|
outline:none;
|
|
|
|
}
|
|
|
|
|
2012-06-15 19:16:49 +02:00
|
|
|
form input.sitetreeurlsegment {
|
|
|
|
width: 200px
|
|
|
|
}
|
|
|
|
form span.readonly {
|
|
|
|
font-size: 16px
|
|
|
|
}
|
|
|
|
form input[disabled] {
|
|
|
|
background-color: #f7f7f7;
|
|
|
|
border: 1px solid #dad9d9;
|
|
|
|
}
|
|
|
|
form .creditCardField input,
|
|
|
|
form input.currency {
|
|
|
|
padding: 5px 1%;
|
|
|
|
width: 50px;
|
|
|
|
}
|
|
|
|
form input.numeric {
|
|
|
|
padding: 5px 1%;
|
|
|
|
width: 50px;
|
|
|
|
}
|
|
|
|
form #DMYDate-month,
|
|
|
|
form #DMYDate-day {
|
|
|
|
width: 25px
|
|
|
|
}
|
2012-07-06 05:24:53 +02:00
|
|
|
form .checkboxset ul,
|
|
|
|
form .optionset ul {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2012-06-15 19:16:49 +02:00
|
|
|
form .checkboxset li,
|
|
|
|
form .optionset li {
|
2012-07-06 05:24:53 +02:00
|
|
|
margin-bottom: 5px;
|
|
|
|
list-style-type:none;
|
|
|
|
}
|
|
|
|
form .checkboxset li .checkbox,
|
|
|
|
form .optionset li .radio{
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
input[type="submit"] {
|
|
|
|
border-radius:20px;
|
|
|
|
background-color:#b80000;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.resetformaction {
|
|
|
|
float:right;
|
|
|
|
border-radius:20px;
|
|
|
|
background-color:#9F9F9F;
|
|
|
|
border:none;
|
|
|
|
color:#fff;
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 13px;
|
2012-06-15 19:16:49 +02:00
|
|
|
}
|
2012-07-06 05:24:53 +02:00
|
|
|
|
2012-06-15 19:16:49 +02:00
|
|
|
@media only screen and (max-width: 700px) {
|
2012-07-06 05:24:53 +02:00
|
|
|
.main form .middleColumn {
|
2012-06-15 19:16:49 +02:00
|
|
|
float: right;
|
|
|
|
width: 100% !important;
|
|
|
|
: ;
|
|
|
|
}
|
|
|
|
.header form .middleColumn {
|
|
|
|
float: none;
|
|
|
|
width: 100% !important;
|
|
|
|
: ;
|
|
|
|
}
|
|
|
|
form label.left,
|
|
|
|
#MemberLoginForm_LoginForm label {
|
|
|
|
margin-bottom: 8px
|
|
|
|
}
|
2012-07-06 05:24:53 +02:00
|
|
|
div.field {
|
|
|
|
position:relative;
|
|
|
|
padding-bottom: 20px;
|
|
|
|
}
|
|
|
|
.checkbox label.right,
|
|
|
|
.radio label.right {
|
|
|
|
float:left;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
form label.left {
|
|
|
|
width:50%;
|
|
|
|
padding:0;
|
|
|
|
}
|
|
|
|
form label.right {
|
|
|
|
position: absolute;
|
|
|
|
right: 10px;
|
|
|
|
margin-top: 3px;
|
|
|
|
width:50%;
|
|
|
|
padding:0;
|
|
|
|
}
|
|
|
|
.checkbox label.right,
|
|
|
|
.radio label.right {
|
|
|
|
position:relative;
|
|
|
|
right:auto;
|
|
|
|
margin-top:0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width: 900px) {
|
|
|
|
form {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2012-06-15 19:16:49 +02:00
|
|
|
@media only screen and (min-width: 700px) {
|
|
|
|
#MemberLoginForm_LoginForm #Remember,
|
|
|
|
#MemberLoginForm_LoginForm .Actions,
|
|
|
|
#MemberLoginForm_LostPasswordForm .Actions {
|
|
|
|
padding-left: 30%
|
|
|
|
}
|
2012-03-27 17:00:47 +02:00
|
|
|
}
|