mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
117 lines
2.3 KiB
CSS
117 lines
2.3 KiB
CSS
/* Generated by less 2.2.0 */
|
|
.drag-image {
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: -1;
|
|
}
|
|
.drop-zone {
|
|
border-radius: 4px;
|
|
visibility: visible;
|
|
}
|
|
.drop-zone.over {
|
|
outline: 1px dashed #ddd;
|
|
}
|
|
.widget-button {
|
|
cursor: default;
|
|
}
|
|
.widget-button[contenteditable="true"] {
|
|
cursor: text;
|
|
}
|
|
.widget-input:read-only {
|
|
background-color: #ffffff;
|
|
cursor: default;
|
|
}
|
|
.widget-row {
|
|
background-color: #F5F5F5;
|
|
border: 1px solid #dddddd;
|
|
border-radius: 4px;
|
|
margin: 5px 0;
|
|
padding: 25px 14px 0;
|
|
position: relative;
|
|
}
|
|
.widget-row:before {
|
|
background-color: #F5F5F5;
|
|
border: 1px solid #dddddd;
|
|
border-radius: 4px 0 4px 0;
|
|
color: #9DA0A4;
|
|
content: "Row";
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
left: -1px;
|
|
padding: 3px 7px;
|
|
position: absolute;
|
|
top: -1px;
|
|
}
|
|
.widget-row.selected {
|
|
border-color: green;
|
|
transition: border-color 0.5s;
|
|
}
|
|
.widget-row.selected:before {
|
|
background-color: green;
|
|
border-color: green;
|
|
color: white;
|
|
}
|
|
.widget-col {
|
|
background-color: #ffffff;
|
|
border: 1px solid #dddddd;
|
|
border-radius: 4px;
|
|
margin: 15px 0;
|
|
padding: 39px 19px 24px;
|
|
position: relative;
|
|
}
|
|
.widget-col:before {
|
|
background-color: #F5F5F5;
|
|
border: 1px solid #dddddd;
|
|
border-radius: 4px 0 4px 0;
|
|
color: #9DA0A4;
|
|
content: "Column";
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
left: -1px;
|
|
padding: 3px 7px;
|
|
position: absolute;
|
|
top: -1px;
|
|
}
|
|
.widget-col.selected {
|
|
border-color: green;
|
|
transition: border-color 0.5s;
|
|
}
|
|
.widget-col.selected:before {
|
|
background-color: green;
|
|
border-color: green;
|
|
color: white;
|
|
}
|
|
.widget-container {
|
|
border: 1px solid #dddddd;
|
|
border-radius: 4px;
|
|
margin-left: 0;
|
|
margin-top: 10px;
|
|
padding: 30px 15px 15px;
|
|
position: relative;
|
|
width: 100%;
|
|
word-wrap: break-word;
|
|
}
|
|
.widget-container:before {
|
|
background-color: #F5F5F5;
|
|
border: 1px solid #dddddd;
|
|
border-radius: 4px 0 4px 0;
|
|
color: #9DA0A4;
|
|
content: "Container";
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
left: -1px;
|
|
padding: 3px 7px;
|
|
position: absolute;
|
|
top: -1px;
|
|
}
|
|
.widget-container.selected {
|
|
border-color: green;
|
|
transition: border-color 0.5s;
|
|
}
|
|
.widget-container.selected:before {
|
|
background-color: green;
|
|
border-color: green;
|
|
color: white;
|
|
}
|