silverstripe-dms/scss/DMSDocumentCMSFields.scss

@import "compass/css3";


$color-button-generic: #e6e6e6 !default;

form.small .field input.text, 
form.small .field textarea, 
form.small .field select, 
form.small .field .TreeDropdownField, 
.field.small input.text, .field.small textarea, 
.field.small select, .field.small .TreeDropdownField{
	width: 100%;
}

#FileP{
	.fieldgroup-field{
		width:100%;
		.cms-file-info-preview{
			box-shadow:none;
		}
		.cms-file-info-data{
			width:400px;
		}
		.fieldholder-small{
			margin-top: 5px;
			label{
				width:auto;
				margin-left: 0;
				padding-top: 0;
				margin-right: 10px;
				font-weight: bold;
				float: left;
			}
			.readonly{
				font-style:italic;
				color: #666;
			}
		}
	}
}

#DocumentTypeID{
	ul{
		padding:0;
		input[type="radio"]{
			display:none;
		}
		li{
			display:inline-block;
			padding:0;
			width:90px;
			margin-right: -1px;
			border-radius:0;
			&.val1{
				width:130px;
				label{
					max-width:105px;
				}
			}
			&:first-child{
				border-radius: 6px 0 0 6px;
				border-left: 1px solid #C0C0C2;
			}
			&:last-child{
				border-radius: 0 6px 6px 0;
			}
			&.selected{
				border-bottom:1px solid #C0C0C2;
				@include background(
					linear-gradient(color-stops(
						darken($color-button-generic, 15%),
						$color-button-generic
					))
				);
				box-shadow: 0 1px 1px 0 #A0A0A0 inset;
				:after{
					box-shadow: 0 1px 1px 0 #DDD;
				}
			}
			label{
				padding: .4em 1em;
				display: inline-block;
				line-height: 1.4;
				white-space:normal;
				max-width:60px;
			}
		}
	}
}
#Actions{
	box-shadow:none;
	border:none;
	padding:0;
	li{
		margin-left: 2px;
		&:first-child{
			margin-left: 0;
		}
	}
}

#ActionsPanel{
	display: none;
	.middleColumn{
		margin-left:184px;
	}
	label.fieldholder-small-label{
		display: none;
	}
	.fieldgroup-field{
		float:none;
		width:auto;
 		.fieldholder-small{
			label{
				float:none;
				width:auto;
				margin:0;
				padding:0;
				&.ss-ui-button{
					float: left;
					margin: 0 10px 0 0;
				}
			}
		}
	}
}

#Form_ItemEditForm{
	fieldset{
		table.ss-gridfield-table{
			width: auto;
			max-width:508px;
			tr{
				th.main{
					min-width:175px;
					&.col-action_SetOrderID{
						width:60px;
						min-width:60px;
					}
				}
			}
		}
	}
}