silverstripe-blog/scss/cms.scss

140 lines
2.1 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%;
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;
}
}
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;
}