silverstripe-blog/scss/cms.scss

167 lines
2.5 KiB
SCSS
Raw Normal View History

/**
* CMS Styles
2015-04-09 03:03:16 +02:00
*/
/**
2015-04-09 03:03:16 +02:00
* Include Compass framework
*/
@import "compass";
/*
2015-04-09 03:03:16 +02:00
* 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 {
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
.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%;
2015-04-21 06:47:46 +02:00
max-width: 100%;
2015-02-02 11:32:40 +01:00
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%;
2015-04-21 06:47:46 +02:00
float: right;
2015-02-02 11:32:40 +01:00
}
.middleColumn, input {
width: 100%;
}
}
}
}
}
&.collapsed {
~ .blog-admin-outer {
padding-right: 41px;
}
}
&.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-21 03:11:52 +02:00
}
.custom-summary {
.ui-accordion-content .field {
margin: 0;
}
.ui-accordion-content,
.ui-accordion-content .field {
padding: 0;
}
.ui-icon-triangle-1-e {
background-position: -16px -128px;
}
2015-04-21 06:47:46 +02:00
}
2015-04-21 03:11:52 +02:00
2015-04-21 06:47:46 +02:00
.cms table.ss-gridfield-table tr td.MergeAction {
width: 150px;
}
.cms table.ss-gridfield-table tr td.MergeAction select {
width: 75px;
}
.cms-content-actions,
.cms-preview-controls {
z-index: 999;
}