silverstripe-blog/css/cms.css

152 lines
3.3 KiB
CSS
Raw Permalink Normal View History

/**
* CMS Styles
2015-04-09 03:03:16 +02:00
*/
/**
2015-04-09 03:03:16 +02:00
* Include Compass framework
*/
/*
2015-04-09 03:03:16 +02:00
* Sprite maps & Icons
*/
.blog-icon-sprite, .gridfield-icon .blog-icon-timer {
background-image: url('../images/blog-icon-s0a5ab5f851.png');
background-repeat: no-repeat;
}
.gridfield-icon .blog-icon-timer {
background-position: 0 0;
}
#FeaturedImage .middleColumn {
clear: none;
float: left;
}
.blog-admin-sidebar {
2015-02-02 11:32:40 +01:00
width: 280px;
border-right: none;
border-left: 1px solid #C0C0C2;
2015-02-02 11:32:40 +01:00
position: absolute;
right: 0px;
bottom: 0px;
height: 100%;
}
2015-02-02 11:32:40 +01:00
.blog-admin-sidebar .cms-panel-toggle a {
text-align: left;
}
.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;
}
.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset {
position: relative;
overflow: auto;
height: 100%;
width: 100%;
}
.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title label {
float: none;
}
.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title .middleColumn, .blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title input {
width: 100%;
max-width: 100%;
margin-left: 0;
}
.blog-admin-sidebar .cms-content-view > .field + .field {
margin-top: 10px;
}
.blog-admin-sidebar .cms-content-view > .field.urlsegment .preview {
padding-top: 0;
line-height: 25px;
}
.blog-admin-sidebar .cms-content-view > .field.urlsegment .edit {
float: right;
}
.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .date {
width: 60%;
}
.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .time {
width: 36%;
float: right;
}
.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn .middleColumn, .blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn input {
width: 100%;
}
.blog-admin-sidebar.collapsed ~ .blog-admin-outer {
padding-right: 41px;
}
.blog-admin-sidebar.cms-content-tools .cms-panel-content {
width: auto;
}
2015-04-09 03:03:16 +02:00
.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;
2015-04-09 03:03:16 +02:00
}
label.right.toggle-description-correct-right {
display: inline-block;
margin-left: 0;
clear: none;
float: left;
2015-04-09 03:03:16 +02:00
}
.description.toggle-description-correct-description {
width: 416px;
padding: 12px 0;
2015-04-09 03:03:16 +02:00
}
2015-04-21 03:11:52 +02:00
.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;
}
2015-04-21 06:47:46 +02:00
.cms table.ss-gridfield-table tr td.MergeAction {
2015-04-28 00:40:15 +02:00
width: 225px;
}
.cms table.ss-gridfield-table tr td.MergeAction a {
display: block;
height: 100%;
width: 100%;
2015-04-21 06:47:46 +02:00
}
.cms table.ss-gridfield-table tr td.MergeAction select {
2015-04-28 00:40:15 +02:00
width: 150px;
2015-04-21 06:47:46 +02:00
}
.cms-content-actions,
.cms-preview-controls {
z-index: 999;
}
2015-04-28 04:23:22 +02:00
.blog-cms-categorisation .MergeActionReveal {
2015-04-24 00:27:09 +02:00
margin-left: 10px;
}
2015-04-28 04:23:22 +02:00
.blog-cms-categorisation .MergeActionReveal:after {
content: '';
background: url("../images/move-icon.png");
2015-04-24 00:27:09 +02:00
display: inline-block;
height: 16px;
width: 16px;
2015-04-24 00:27:09 +02:00
margin-left: 4px;
}