silverstripe-blog/css/cms.css

133 lines
4.2 KiB
CSS
Executable File

/**
* CMS Styles
*/
/**
* Include Compass framework
*/
/*
* Sprite maps & Icons
*/
.gridfield-icon.blog-icon-timer {
background: url("../images/blog-icon/timer.png") center no-repeat; }
#FeaturedImage .middleColumn {
clear: none;
float: left; }
.has-panel .cms-content-tools.blog-admin-sidebar {
width: 280px;
border-right: none;
border-left: 1px solid #C0C0C2;
position: absolute !important;
/* overrides cms !imporant style */
right: 0px;
top: 0;
height: 100%; }
.has-panel .cms-content-tools.blog-admin-sidebar .cms-panel-toggle a {
text-align: left;
margin: 0; }
.has-panel .cms-content-tools.blog-admin-sidebar .cms-panel-toggle.south {
border-top: 1px solid #aaaaaa; }
.has-panel .cms-content-tools.blog-admin-sidebar ~ .blog-admin-outer {
width: 100%;
padding-right: 280px;
position: absolute;
height: 100%;
overflow-y: hidden;
overflow-x: hidden;
box-sizing: border-box; }
.has-panel .cms-content-tools.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset {
position: relative;
overflow: auto;
height: 100%;
width: 100%; }
.has-panel .cms-content-tools.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title label {
float: none; }
.has-panel .cms-content-tools.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title .middleColumn, .has-panel .cms-content-tools.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title input {
width: 100%;
max-width: 100%;
margin-left: 0; }
.has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field + .field {
margin-top: 10px; }
.has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field.urlsegment .preview {
padding-top: 0;
line-height: 25px; }
.has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field.urlsegment .edit {
float: right; }
.has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .date {
width: 60%; }
.has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .time {
width: 36%;
float: right; }
.has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn .middleColumn, .has-panel .cms-content-tools.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn input {
width: 100%; }
.has-panel .cms-content-tools.blog-admin-sidebar.collapsed ~ .blog-admin-outer {
padding-right: 41px; }
.has-panel .cms-content-tools.blog-admin-sidebar.collapsed ~ .blog-admin-outer #Root_Main {
margin-right: 15px; }
.has-panel .cms-content-tools.blog-admin-sidebar.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; }
.custom-summary .ui-accordion-content .field {
margin: 0; }
.custom-summary .ui-accordion-content,
.custom-summary .ui-accordion-content .field {
padding: 0; }
.custom-summary .ui-icon-triangle-1-e {
background-position: -16px -128px; }
.cms table.ss-gridfield-table tr td.MergeAction {
width: 225px; }
.cms table.ss-gridfield-table tr td.MergeAction a {
display: block;
height: 100%;
width: 100%; }
.cms table.ss-gridfield-table tr td.MergeAction select {
width: 150px; }
.cms-content-actions,
.cms-preview-controls {
z-index: 999; }
.blog-cms-categorisation .MergeActionReveal {
margin-left: 10px; }
.blog-cms-categorisation .toolbar--content {
margin-top: 0; }
.blog-cms-categorisation .MergeActionReveal:after {
content: '';
background: url("../images/move-icon.png");
display: inline-block;
height: 16px;
width: 16px;
margin-left: 4px; }
.blog-cms-categorisation button.action {
margin-left: 5px; }