You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
290 lines
6.0 KiB
290 lines
6.0 KiB
/*--------------------------------- |
|
FORMS |
|
-----------------------------------*/ |
|
form{ |
|
padding:0; |
|
margin:0; |
|
} |
|
|
|
fieldset{ |
|
margin:30px 0 20px 0; |
|
padding:5px 15px 15px 15px; |
|
border:1px solid #ccc; |
|
background:#f5f5f5; |
|
-moz-border-radius:5px; |
|
-webkit-border-radius:5px; |
|
border-radius:5px; |
|
position: relative; |
|
top:0; |
|
left:0; |
|
} |
|
|
|
legend{ |
|
-moz-border-radius:5px; |
|
-webkit-border-radius:5px; |
|
border-radius:5px; |
|
border:1px solid #ccc; |
|
background:#f5f5f5; |
|
padding:2px 10px; |
|
margin:0 0 0 0; |
|
display:block; |
|
position: relative; |
|
top:0; |
|
left:0; |
|
} |
|
|
|
/*IE ONLY - I know, this is a stop gap*/ |
|
.msie fieldset{padding-top:25px;} |
|
.msie legend{position:absolute;top:-0.7em;left:10px;} |
|
|
|
label{ |
|
display:inline-block; |
|
*display:inline; |
|
vertical-align: middle; |
|
margin:0; |
|
padding:0; |
|
position:relative; |
|
top:0; |
|
left:0; |
|
zoom:1; |
|
-moz-box-sizing: border-box; |
|
-webkit-box-sizing: border-box; |
|
box-sizing: border-box; |
|
} |
|
|
|
label.inline{ |
|
display:inline; |
|
margin:0; |
|
} |
|
|
|
label span{ |
|
color:#999; |
|
font-size:0.9em; |
|
} |
|
|
|
label span.right{ |
|
position:absolute; |
|
bottom:0; |
|
right:0; |
|
text-align:right; |
|
display:inline-block; |
|
*display:inline; |
|
} |
|
|
|
label.disabled{ |
|
color:#ccc; |
|
} |
|
|
|
input{ |
|
display:inline-block; |
|
*display:inline; |
|
vertical-align: middle; |
|
width:auto; |
|
zoom:1; |
|
margin:0; |
|
border:1px solid #ccc; |
|
font-size:1em; |
|
padding:5px 0; |
|
text-indent: 5px; |
|
-moz-border-radius:5px; |
|
-webkit-border-radius:5px; |
|
border-radius:5px; |
|
background:#fff; |
|
-moz-box-shadow:inset 0 0 6px #ccc; |
|
-webkit-box-shadow:inset 0 1px 6px #ccc; |
|
box-shadow:inset 0 1px 6px #ccc; |
|
-moz-box-sizing: border-box; |
|
-webkit-box-sizing: border-box; |
|
box-sizing: border-box; |
|
} |
|
|
|
input::-webkit-input-placeholder, |
|
input:-moz-placeholder, |
|
.placeholder{ |
|
color:#bbb; |
|
} |
|
|
|
input::-moz-focus-inner {border:0;} |
|
|
|
input[disabled="disabled"], input.disabled{ |
|
color:#999; |
|
background:#f5f5f5; |
|
-moz-box-shadow:inset 0 0 2px #ddd; |
|
-webkit-box-shadow:inset 0 1px 2px #ddd; |
|
box-shadow:inset 0 1px 2px #ddd; |
|
} |
|
|
|
/* FOCUS STATES */ |
|
input[type="text"]:focus, |
|
textarea:focus, |
|
button:focus, |
|
a.button:focus, |
|
select:focus, |
|
input[type="file"]:focus, |
|
input[type="password"]:focus{ |
|
-webkit-box-shadow: 0 0 7px #6DB9FF; |
|
-moz-box-shadow : 0 0 7px #6DB9FF; |
|
box-shadow : 0 0 7px #6DB9FF; |
|
border: 1px solid #50B1FE; |
|
outline: none; |
|
} |
|
|
|
/* TRANSITION */ |
|
input[type="text"], |
|
textarea, |
|
button, |
|
a.button, |
|
a, |
|
input[type="file"]{ |
|
-moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s; |
|
-webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s; |
|
-o-transition: box-shadow 0.5s, border 0.5s, background 0.5s; |
|
transition: box-shadow 0.5s, border 0.5s, background 0.5s; |
|
} |
|
|
|
input.checkbox, |
|
input[type="checkbox"]{ |
|
display:inline; |
|
width:auto; |
|
margin:0; |
|
padding:0; |
|
border:0; |
|
background:none; |
|
vertical-align:center; |
|
*vertical-align: top; |
|
} |
|
|
|
input.radio, |
|
input[type="radio"]{ |
|
display:inline; |
|
width:auto; |
|
margin:0; |
|
padding:0; |
|
border:0; |
|
background:none; |
|
vertical-align:center; |
|
*vertical-align: top; |
|
} |
|
|
|
input[type="radio"]:focus, |
|
input[ type="checkbox"]:focus{ |
|
-webkit-box-shadow: 0 0 5px #6DB9FF; |
|
-moz-box-shadow : 0 0 5px #6DB9FF; |
|
box-shadow : 0 0 5px #6DB9FF; |
|
outline-color: #6DB9FF; |
|
} |
|
|
|
input.file, |
|
input[type="file"]{ |
|
/*font-size:0.8em;*/ |
|
-moz-box-shadow:none; |
|
-webkit-box-shadow:none; |
|
box-shadow:none; |
|
border:none; |
|
} |
|
|
|
select{ |
|
display:inline; |
|
width:auto; |
|
margin:0; |
|
border:1px solid #ccc; |
|
line-height:100%; |
|
padding:3px; |
|
vertical-align: middle; |
|
} |
|
|
|
select[disabled="disabled"], select.disabled{ |
|
color:#999; |
|
background:#f5f5f5; |
|
-moz-box-shadow:inset 0 0 2px #ddd; |
|
-webkit-box-shadow:inset 0 1px 2px #ddd; |
|
box-shadow:inset 0 1px 2px #ddd; |
|
} |
|
|
|
textarea{ |
|
width:auto; |
|
height:200px; |
|
margin:0; |
|
border:1px solid #ccc; |
|
padding:5px; |
|
vertical-align: middle; |
|
font-family:inherit; |
|
font-size:0.9em; |
|
-moz-border-radius:5px; |
|
-webkit-border-radius:5px; |
|
border-radius:5px; |
|
-moz-box-shadow:inset 0 0 6px #ccc; |
|
-webkit-box-shadow:inset 0 1px 6px #ccc; |
|
box-shadow:inset 0 1px 6px #ccc; |
|
-moz-box-sizing: border-box; |
|
-webkit-box-sizing: border-box; |
|
box-sizing: border-box; |
|
} |
|
|
|
/*--------------------------------- |
|
COLUMN SIZES |
|
-----------------------------------*/ |
|
|
|
/* sizes */ |
|
input[class*="col_"], |
|
select[class*="col_"], |
|
label[class*="col_"]{ |
|
float:none;display:inline-block;*display:inline;margin-bottom:0; |
|
*margin-left: 0.5%;*margin-right: 0.5%;/* this is for IE 7 Only and is not a good fix - work needed here */ |
|
} |
|
|
|
/*--------------------------------- |
|
FORMS VERTICAL |
|
-----------------------------------*/ |
|
form.vertical{ |
|
|
|
} |
|
|
|
form.vertical label{display:block;} |
|
form.vertical input, |
|
form.vertical select, |
|
form.vertical textarea{width:100%;display:block;margin-bottom:10px;} |
|
form.vertical .chzn-container{display:block;margin-bottom:10px;} |
|
form.vertical .chzn-choices{display:block;margin-bottom:10px;} |
|
|
|
/* radios & checks */ |
|
form.vertical input.checkbox, |
|
form.vertical input[type="checkbox"], |
|
form.vertical input.radio, |
|
form.vertical input[type="radio"], |
|
form.vertical label.inline{display:inline;width:auto;margin:0;} |
|
/*--------------------------------- |
|
FORM VALIDATION |
|
-----------------------------------*/ |
|
label.error{color:red;} |
|
input.error{border:1px solid red;} |
|
select.error{border:1px solid red;} |
|
|
|
/*--------------------------------- |
|
NOTICES |
|
-----------------------------------*/ |
|
.notice{ |
|
border:1px solid gold; |
|
background:lightyellow; |
|
padding:10px 20px 10px 40px; |
|
margin:10px 0; |
|
-moz-border-radius:5px; |
|
-webkit-border-radius:5px; |
|
border-radius:5px; |
|
color:#DEAE00; |
|
line-height:120%; |
|
vertical-align: center; |
|
text-shadow:0px 1px rgba(255,255,255,0.5); |
|
position:relative; |
|
top:0; |
|
left:0; |
|
clear:both; |
|
} |
|
|
|
.notice.warning{}/*default*/ |
|
.notice.error{border:1px solid red;background:pink;color:red;} |
|
.notice.success{border:1px solid green;background:lightgreen;color:green;} |
|
.notice i[class*='fa-']{position:absolute;top:50%;left:0.8em;margin-top:-0.6em;} |
|
.notice a[class*='fa-remove'], |
|
.notice a[class*='fa-remove']:active, |
|
.notice a[class*='fa-remove']:visited{text-decoration:none;font-size:12px;position:absolute;top:5px;right:5px;left:auto;color:inherit;margin-top:0;left:auto;}
|
|
|