silverstripe-blog/scss/cms.scss

/**
 * CMS Styles
 */

/**
 * Include Compass framework
 */
@import "compass";

/*
 * Sprite maps & Icons
 */
@import "compass/utilities/sprites/base";
@import "blog-icon/*.png";

.gridfield-icon {
	@include all-blog-icon-sprites;
}

#FeaturedImage .middleColumn {
	clear: none;
	float: left;
}

.blog-admin-sidebar {
	width: 280px;
	border-right: none;
	border-left: 1px solid #C0C0C2;
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 100%;

	.cms-panel-toggle a {
		text-align: left;
	}

	~ .blog-admin-outer {
		width: 100%;
		padding-right: 280px;
		position: absolute;
		height: 100%;
		overflow-y: hidden;
		overflow-x: hidden;
		box-sizing: border-box;

		> .ss-tabset {
			position: relative;
			overflow: auto;
			height: 100%;
			width: 100%;

			#Title {
				label {
					float: none;
				}
				.middleColumn, input {
					width: 100%;
					max-width:100%;
					margin-left: 0;
				}
			}
		}
	}

	.cms-content-view {
		> .field {
			+ .field {
				margin-top: 10px;
			}

			&.urlsegment {
				.preview {
					padding-top: 0;
					line-height: 25px;
				}

				.edit {
					float: right;
				}
			}

			&.datetime {
				> .middleColumn {
					> .date {
						width: 60%;
					}

					> .time {
						width: 36%;
						float:right;
					}

					.middleColumn, input {
						width: 100%;
					}
				}
			}
		}
	}

	&.collapsed {
		~ .blog-admin-outer {
			padding-right: 41px;
		}
	}

	&.cms-content-tools {
		.cms-panel-content {
			width: auto;
		}
	}
}

.toggle-description {
	text-indent: -1000000px;
	display: inline-block;
	background: url("../images/information.png") no-repeat center center;
	width: 20px;
	height: 20px;
	margin-left: 4px;
}

.middleColumn.toggle-description-correct-middle {
	margin-left: 0;
	float: left;
	width: 416px;
}

label.right.toggle-description-correct-right {
	display: inline-block;
	margin-left: 0;
	clear: none;
	float: left;
}

.description.toggle-description-correct-description {
	width: 416px;
	padding: 12px 0;
}