silverstripe-userforms/css/FieldEditor.css

202 lines
4.3 KiB
CSS
Raw Normal View History

* {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
div.FieldEditor {
border: 1px solid #CCCCCC;
padding: 0px;
}
div.FieldEditor ul.Menu {
margin: 0;
padding: 3px;
background-color: #eee;
position: relative;
}
div.FieldEditor div.FormOptions div.CompositeField {
margin-left: 4em;
}
div.FieldEditor div.FormOptions label.left {
position: relative;
}
div.FieldEditor div.FormOptions label.right,
div.FieldEditor div.FormOptions label.CustomActionLabel {
margin-left: 0em;
float: none;
line-height: auto;
display: inline;
}
div.FieldEditor input.checkbox {
width: auto !important;
}
div.FieldEditor ul.Menu li {
background-color: transparent;
}
div.FieldEditor div.FieldList {
background-color: white;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
height: 75%;
/*overflow-y: scroll;*/
}
div.FieldEditor div.FormOptions {
background-color: #EEEEEE;
position: relative;
float: left;
width:100%;
}
div.FieldEditor div.FormOptions div.field {
position: relative;
}
div.FieldEditor div.FormOptions div.optionset li {
display: block;
}
div.FieldEditor div.FormOptions div.optionset li label {
float: none !important;
}
.DragEditable {
border: 0;
}
div.FieldEditor ul li {
display: inline;
}
div.FieldEditor ul a {
padding: 3px;
}
div.FieldEditor ul a:hover {
background-color: #CCCCCC;
}
/*********************************************************************
* EditableFormField - Default class for all editable form fields
********************************************************************/
div.EditableFormField {
padding: 3px;
border-top: 1px dashed #CCCCCC;
}
div.EditableFormField.mouseOver {
background-color: #f3ef9d;
}
div.EditableFormField div.hidden {
display: none;
margin: 0px;
}
div.EditableFormField div.FieldInfo {
margin: 0px;
padding-right: -3px;
}
div.EditableFormField div.FieldInfo * {
display: inline;
margin-right: 3px;
margin-left: 0px;
vertical-align: middle;
}
div.EditableFormField div.FieldInfo input,
div.EditableFormField div.FieldDefault input {
width: 250px;
margin-left: 0px;
}
div.EditableFormField div.ExtraOptions {
display: none;
margin: 3px 0px 3px 57px;
background-color: #EEEEEE;
/* IE has background issues without this */
/*position: relative;*/
padding: 3px;
}
/*********************************************************************
* EditableDateField
********************************************************************/
div.EditableDateField div.FieldDefault input {
width: 2em;
}
div.EditableDateField div.FieldDefault input.year {
width: 4em;
}
/*********************************************************************
* EditableEmailField
********************************************************************/
/*********************************************************************
* EditableDropdown
********************************************************************/
#right #Form_EditForm div.EditableMultiOptionFormField div.FieldDefault ul.EditableDropdownOptions {
border: solid 1px #7F9DB9;
/* IE */
margin: 0px;
/* display: none; */
display: block;
position: relative;
}
#right #Form_EditForm div.EditableDropdown select {
margin-bottom: 0px;
}
#right #Form_EditForm div.EditableDropdown select,
#right #Form_EditForm div.EditableMultiOptionFormField ul.EditableDropdownOptions {
width: 250px;
padding: 3px;
}
#right #Form_EditForm li.EditableFormFieldOption {
display: block;
padding: 2px 0px;
}
#right #Form_EditForm li.EditableFormFieldOption * {
vertical-align: middle;
display: inline;
}
#right #Form_EditForm li.EditableFormFieldOption a {
width: 16px;
}
#right #Form_EditForm li.EditableFormFieldOption input.text {
width: 170px !important;
}
#right #Form_EditForm li.EditableFormFieldOption input.radio,
#right #Form_EditForm li.EditableFormFieldOption input.checkbox {
width: 20px;
}
#right #Form_EditForm li.AddDropdownOption {
border-top: dashed 1px #7F9DB9;
padding-left: 37px;
height: auto;
}
/* Need first rule in order to overwrite */
#right #Form_EditForm li.AddDropdownOption input.text {
width: 170px !important;
margin-left: 0px;
}