tailbone/tailbone/static/css/forms.css
2017-12-06 12:40:27 -06:00

129 lines
2.1 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;
}
.form {
padding-left: 5em;
}
/******************************
* Fieldsets
******************************/
.field-wrapper {
clear: both;
min-height: 30px;
overflow: auto;
margin: 15px;
}
.field-wrapper.error {
background-color: #ddcccc;
border: 2px solid #dd6666;
padding-bottom: 1em;
}
.field-wrapper .field-row {
display: table-row;
}
.field-wrapper label {
display: table-cell;
vertical-align: top;
width: 15em;
font-weight: bold;
padding-top: 2px;
white-space: nowrap;
}
.field-wrapper.error label {
padding-left: 1em;
}
.field-wrapper .field-error {
padding: 1em 0 0.5em 1em;
}
.field-wrapper .field-error .error-msg {
color: #dd6666;
font-weight: bold;
}
.field-wrapper .field {
display: table-cell;
line-height: 25px;
}
.field-wrapper .field input[type=text],
.field-wrapper .field input[type=password],
.field-wrapper .field select,
.field-wrapper .field textarea {
width: 320px;
}
label input[type="checkbox"],
label input[type="radio"] {
margin-right: 0.5em;
}
.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;
}