silverstripe-userforms/css/UserForm_cms.css

113 lines
4.2 KiB
CSS
Raw Normal View History

2015-08-20 02:37:00 +02:00
/**
* Animations
*/
@keyframes flashBackground {
0% {
background-color: white;
}
10% {
background-color: #dcfedd;
}
70% {
background-color: #dcfedd;
}
}
/**
2015-08-12 02:50:14 +02:00
* Styles for cms
*/
2015-08-19 04:40:40 +02:00
.cms .uf-field-editor {
padding-bottom: 0;
}
2015-08-19 04:12:23 +02:00
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item {
height: 46px;
}
2015-08-14 04:51:42 +02:00
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item, .cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item:hover {
background: white;
}
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item 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
}
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item td:last-child {
border-right-width: 1px;
}
2015-08-20 00:54:36 +02:00
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item .handle {
min-height: 46px;
}
2015-08-20 02:37:00 +02:00
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item.flashBackground {
animation: flashBackground 2s linear;
}
2015-08-19 04:12:23 +02:00
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item.ui-sortable-placeholder {
height: 50px;
}
2015-08-14 04:51:42 +02:00
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item.inFieldGroup, .cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item.inFieldGroup:hover {
background: #f2f9fd;
}
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item.inFieldGroup 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
}
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item.inFieldGroup .col-reorder, .cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item.inFieldGroup .handle {
background: #BEE0F8;
2015-08-17 01:06:56 +02:00
border-top: 0;
2015-08-14 04:51:42 +02:00
}
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item.inFieldGroup.inFieldGroup-level-2 .col-reorder, .cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item.inFieldGroup.inFieldGroup-level-2 .handle {
background: #99CEF4;
2015-08-17 01:06:56 +02:00
border-top: 0;
2015-08-14 04:51:42 +02:00
}
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item.inFieldGroup.inFieldGroup-level-3 .col-reorder, .cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item.inFieldGroup.inFieldGroup-level-3 .handle {
background: #89BEF4;
2015-08-17 01:06:56 +02:00
border-top: 0;
2015-08-14 04:51:42 +02:00
}
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item[data-class='EditableFormStep'], .cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item[data-class='EditableFormStep']:hover {
2015-08-12 02:50:14 +02:00
background: #dae2e7;
}
2015-08-14 04:51:42 +02:00
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item[data-class='EditableFormStep'] label {
2015-08-12 02:50:14 +02:00
font-weight: bold;
2015-08-14 04:51:42 +02:00
color: black;
2015-08-12 02:50:14 +02:00
font-size: 1.1em;
}
2015-08-17 01:06:56 +02:00
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item[data-class='EditableFormStep'] td {
border-top: 1px solid #a6b6c1;
}
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item[data-class='EditableFormStep'] + .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
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item[data-class='EditableFormStep'] + .ss-gridfield-item[data-class='EditableFieldGroup'] td {
border-top: 1px solid #a8d7f5;
2015-08-14 04:51:42 +02:00
}
2015-08-17 01:06:56 +02:00
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item[data-class='EditableFieldGroup'] td {
border-top: 1px solid #a8d7f5;
2015-08-12 02:50:14 +02:00
}
2015-08-14 04:51:42 +02:00
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item[data-class='EditableFieldGroup'] label {
2015-08-12 02:50:14 +02:00
font-weight: bold;
2015-08-14 04:51:42 +02:00
color: #444;
}
.cms .uf-field-editor table.ss-gridfield-table .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
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item[data-class='EditableFieldGroupEnd'] + .ss-gridfield-item[data-class='EditableFieldGroupEnd'] {
border-top: 0;
2015-08-12 02:50:14 +02:00
}
2015-08-17 01:06:56 +02:00
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item[data-class='EditableFieldGroupEnd'] .col-buttons .action {
display: none;
2015-08-12 02:50:14 +02:00
}
2015-08-14 04:51:42 +02:00
.cms .uf-field-editor table.ss-gridfield-table .ss-gridfield-item[data-class='EditableFieldGroupEnd'] label {
color: #777;
}
2015-08-20 02:37:00 +02:00
.cms .uf-field-editor .stickyButtons {
position: fixed;
top: 40px;
z-index: 2;
background: #E6EAED;
box-shadow: 0 12px 4px -8px #999;
padding: 12px;
margin-left: -12px;
}
.cms .uf-field-editor .stickyButtons button.action {
margin-bottom: 0;
}
.cms .uf-field-editor .stickyButtons ~ .ss-gridfield-table {
margin-top: 40px;
}