tailbone/tailbone/static/css/forms.css
2016-07-17 20:16:26 -05:00

114 lines
1.9 KiB
CSS

/******************************
* Form Wrapper
******************************/
div.form-wrapper {
overflow: auto;
}
/******************************
* Context Menu
******************************/
div.form-wrapper ul.context-menu {
float: right;
list-style-type: none;
margin: 0px;
text-align: right;
}
div.form-wrapper ul.context-menu li {
line-height: 2em;
}
/******************************
* Forms
******************************/
div.form,
div.fieldset-form,
div.fieldset {
clear: left;
float: left;
margin-top: 10px;
}
/******************************
* Fieldsets
******************************/
div.field-wrapper {
clear: both;
min-height: 30px;
overflow: auto;
padding: 5px;
}
div.field-wrapper.error {
background-color: #ddcccc;
border: 2px solid #dd6666;
}
div.field-wrapper label {
display: block;
float: left;
width: 15em;
font-weight: bold;
margin-top: 2px;
white-space: nowrap;
}
div.field-wrapper div.field-error {
color: #dd6666;
font-weight: bold;
}
div.field-wrapper div.field {
display: block;
float: left;
margin-bottom: 5px;
line-height: 25px;
}
div.field-wrapper div.field input[type=text],
div.field-wrapper div.field input[type=password],
div.field-wrapper div.field select,
div.field-wrapper div.field textarea {
width: 320px;
}
label input[type="checkbox"],
label input[type="radio"] {
margin-right: 0.5em;
}
div.field ul {
margin: 0px;
padding-left: 15px;
}
/******************************
* Buttons
******************************/
div.buttons {
clear: both;
margin: 10px 0px;
}
/******************************
* Email Profile forms
******************************/
.field-wrapper.description .field {
/* NOTE: This was added specifically for email settings (description), who
knows what else it breaks...hopefully nothing. */
width: 800px;
}