1
0
Fork 0
mirror of https://github.com/Oreolek/ifhub.club.git synced 2024-07-08 09:24:25 +03:00
ifhub.club/templates/framework/css/forms.css
2013-06-12 20:33:28 +07:00

92 lines
2.3 KiB
CSS

/*
* Forms
*/
/* Input Text */
textarea,
input[type="password"],
input[type="text"] {
padding: 5px;
border: 1px solid #ddd;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
border-color: #4d90fe;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.07) inset, 0 0 3px #4d90fe;
box-shadow: 0 2px 4px rgba(0,0,0,.07) inset, 0 0 3px #4d90fe;
}
input[type="password"],
input[type="text"] {
height: 28px;
line-height: 18px;
}
.ie7 input[type="password"],
.ie7 input[type="text"] {
height: 18px;
padding: 3px 5px 4px;
}
/* Checkboxes */
input[type="checkbox"],
.input-checkbox {
position: relative;
top: 1px;
margin: 0 2px 0 1px;
}
textarea { line-height: 1.4em; }
/* Select */
select { padding: 4px; border: 1px solid #ddd; border-radius: 3px; }
/* Fieldset */
fieldset { margin-bottom: 30px; padding-top: 20px; border-top: 1px solid #eaeaea; }
fieldset legend { color: #000; font-size: 18px; padding-right: 10px; }
form p { margin-bottom: 20px; }
form label { display: block; margin-bottom: 3px; }
form .icon-question-sign { cursor: help; }
/* Note */
.note { display: block; margin-top: 3px; font-size: 12px; color: #aaa; }
.note.note-header { margin-bottom: 20px; }
.captcha-image { vertical-align: top; }
dl.form-item { overflow: hidden; zoom: 1; margin-bottom: 20px; }
dl.form-item dt { float: left; width: 135px; padding-top: 4px; padding-right: 15px; overflow: hidden; }
dl.form-item dd { float: left; width: 300px; }
.form-profile { position: relative; }
.form-profile .avatar-change { position: absolute; top: 40px; right: 0; padding: 10px; background: #f7f7f7; font-size: 11px; }
/* Placeholder */
:-moz-placeholder { color: #afafaf; }
::-moz-placeholder { color: #afafaf; opacity: 1; }
::-webkit-input-placeholder { color: #afafaf; }
:-ms-input-placeholder { color: #afafaf; }
.placeholder { color: #afafaf; } /* Old IE */
/* Editor */
.mceEditor { display: block; margin-bottom: 20px; }
.markItUpEditor { border-radius: 0; }
/* Validate */
.validate-error-hide { display: none; }
.validate-error-show { display: block; color: #f00; font-weight: bold; font-size: 12px; }