silverstripe-userforms/scss/UserForm_cms.scss

115 lines
1.7 KiB
SCSS
Raw Normal View History

2015-08-12 02:50:14 +02:00
/**
* Styles for cms
*/
.cms {
2015-08-14 04:51:42 +02:00
.uf-field-editor {
2015-08-19 04:40:40 +02:00
padding-bottom: 0;
2015-08-14 04:51:42 +02:00
// Row styles
table.ss-gridfield-table {
// Standard rows
.ss-gridfield-item {
&, &:hover {
background: white;
}
td {
border-right-width: 0;
2015-08-17 01:06:56 +02:00
border-top: 1px solid #EEE;
2015-08-14 04:51:42 +02:00
&:last-child {
border-right-width: 1px;
}
}
2015-08-12 02:50:14 +02:00
}
2015-08-14 04:51:42 +02:00
.ss-gridfield-item.inFieldGroup {
&, &:hover {
background: #f2f9fd;
}
td {
2015-08-17 01:06:56 +02:00
border-bottom: 0;
border-top: 1px solid #eee;
2015-08-14 04:51:42 +02:00
}
.col-reorder, .handle {
background: #BEE0F8;
2015-08-17 01:06:56 +02:00
border-top: 0;
2015-08-14 04:51:42 +02:00
}
&.inFieldGroup-level-2 {
.col-reorder, .handle {
background: #99CEF4;
2015-08-17 01:06:56 +02:00
border-top: 0;
2015-08-14 04:51:42 +02:00
}
}
&.inFieldGroup-level-3 {
.col-reorder, .handle {
background: #89BEF4;
2015-08-17 01:06:56 +02:00
border-top: 0;
2015-08-14 04:51:42 +02:00
}
}
2015-08-12 02:50:14 +02:00
}
2015-08-14 04:51:42 +02:00
.ss-gridfield-item[data-class='EditableFormStep'] {
&, &:hover {
background: #dae2e7;
}
label {
font-weight: bold;
color: black;
font-size: 1.1em;
}
2015-08-12 02:50:14 +02:00
2015-08-14 04:51:42 +02:00
td {
2015-08-17 01:06:56 +02:00
border-top: 1px solid #a6b6c1;
2015-08-14 04:51:42 +02:00
}
2015-08-17 01:06:56 +02:00
+ .ss-gridfield-item td {
border-top: 1px solid #dae2e7;
2015-08-14 04:51:42 +02:00
}
2015-08-17 01:06:56 +02:00
+ .ss-gridfield-item[data-class='EditableFieldGroup'] td {
border-top: 1px solid #a8d7f5;
}
}
.ss-gridfield-item[data-class='EditableFieldGroup'] {
td {
border-top: 1px solid #a8d7f5;
2015-08-14 04:51:42 +02:00
}
label {
font-weight: bold;
color: #444;
}
2015-08-12 02:50:14 +02:00
}
2015-08-14 04:51:42 +02:00
.ss-gridfield-item[data-class='EditableFieldGroupEnd'] {
td {
2015-08-17 01:06:56 +02:00
border-bottom: 1px solid #a8d7f5;
2015-08-14 04:51:42 +02:00
}
2015-08-17 01:06:56 +02:00
+ .ss-gridfield-item[data-class='EditableFieldGroupEnd'] {
border-top: 0;
2015-08-14 04:51:42 +02:00
}
2015-08-17 01:06:56 +02:00
.col-buttons .action{
display: none;
2015-08-14 04:51:42 +02:00
}
label {
color: #777;
}
2015-08-12 02:50:14 +02:00
}
}
}
}