287 lines
6.5 KiB
CSS
287 lines
6.5 KiB
CSS
.egr {
|
|
margin-left: -1.5em;
|
|
margin-bottom: -1.5em; }
|
|
|
|
.egr-row {
|
|
margin-left: 1.5em;
|
|
width: calc(100% - 1.5em);
|
|
padding-bottom: 1.5em; }
|
|
|
|
.egr-fieldsets {
|
|
position: relative; }
|
|
|
|
.egr-fieldset {
|
|
padding-top: 1.5em;
|
|
padding-right: 1.5em;
|
|
border: 2px solid #ddd;
|
|
background: #fff;
|
|
position: relative; }
|
|
|
|
.egr-even > .egr-fieldsets > .egr-fieldset {
|
|
background: #eee; }
|
|
|
|
.egr-outline {
|
|
display: none; }
|
|
|
|
.egr-fields {
|
|
flex: 1; }
|
|
|
|
.egr-actions {
|
|
width: calc(100% + 1.5em);
|
|
display: none;
|
|
justify-content: center;
|
|
border-top: 1px solid #ddd; }
|
|
.egr-actions > * {
|
|
height: 2.5em;
|
|
line-height: 2.5em;
|
|
cursor: pointer;
|
|
padding-right: 1.5em;
|
|
padding-left: 1.5em;
|
|
user-select: none;
|
|
border-right: 1px solid #ddd; }
|
|
.egr-actions > *:last-child {
|
|
border-right: none; }
|
|
|
|
.egr-even .egr-actions {
|
|
border-top: 1px solid #ccc; }
|
|
.egr-even .egr-actions > * {
|
|
border-right: 1px solid #ccc; }
|
|
.egr-even .egr-actions > *:last-child {
|
|
border-right: none; }
|
|
|
|
.egr-row[data-count="0"] > .egr-empty {
|
|
display: block; }
|
|
|
|
.egr-row[data-count="0"] > .egr-row-actions {
|
|
display: none; }
|
|
|
|
.egr-dropdown-active .egr-add-button:before {
|
|
display: block; }
|
|
|
|
.egr-dropdown {
|
|
position: absolute;
|
|
background: #000;
|
|
border-radius: 4px;
|
|
right: 0;
|
|
z-index: 10000;
|
|
display: none;
|
|
margin-top: .4em; }
|
|
.egr-dropdown:before {
|
|
content: '';
|
|
border-left: .4em solid transparent;
|
|
border-right: .4em solid transparent;
|
|
border-bottom: .4em solid #000;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 0;
|
|
margin-top: -.3em; }
|
|
|
|
.egr-empty .egr-dropdown:before {
|
|
left: 2em; }
|
|
|
|
.egr-row-actions .egr-dropdown:before {
|
|
left: calc(100% - 2.4em); }
|
|
|
|
.egr-dropdown-active .egr-dropdown {
|
|
display: block; }
|
|
|
|
.egr-dropdown-active .egr-add-button .icon {
|
|
transform: rotateX(180deg); }
|
|
|
|
.egr-empty {
|
|
padding: 1.5em;
|
|
background: #ddd;
|
|
display: none; }
|
|
.egr-empty .egr-add-button {
|
|
border-bottom: 2px solid #aaa;
|
|
cursor: pointer;
|
|
position: relative;
|
|
display: inline-block; }
|
|
.egr-empty .egr-add-button .egr-dropdown {
|
|
right: auto;
|
|
margin-top: .7em; }
|
|
|
|
.egr-output {
|
|
margin-left: 1.5em;
|
|
width: calc(100% - 1.5em);
|
|
padding-bottom: 1.5em;
|
|
display: none; }
|
|
.egr-output textarea {
|
|
width: 100%;
|
|
height: 300px;
|
|
border: 2px solid #ddd;
|
|
padding: .5em;
|
|
font-size: .9em;
|
|
outline: none; }
|
|
|
|
.egr-outline {
|
|
opacity: .5; }
|
|
|
|
.egr .ui-sortable-helper {
|
|
border-bottom: 2px solid #ddd; }
|
|
|
|
.egr-presentation .egr-fieldset:first-child > .egr-actions > .egr-sort-up {
|
|
display: none; }
|
|
|
|
.egr-presentation .egr-fieldset:last-child > .egr-actions > .egr-sort-down {
|
|
display: none; }
|
|
|
|
.egr-presentation .egr-fieldset:only-child > .egr-actions > .egr-sort-up,
|
|
.egr-presentation .egr-fieldset:only-child > .egr-actions > .egr-sort-down,
|
|
.egr-presentation .egr-fieldset:only-child > .egr-actions > .egr-sorting {
|
|
display: none; }
|
|
|
|
.egr-row-actions {
|
|
margin-top: .5em; }
|
|
.egr-row-actions:after {
|
|
clear: both;
|
|
content: '';
|
|
display: table; }
|
|
|
|
.egr-add-button {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
position: relative;
|
|
user-select: none; }
|
|
.egr-add-button span {
|
|
color: #777; }
|
|
.egr-add-button:hover span {
|
|
color: #000; }
|
|
|
|
.egr-add {
|
|
float: right; }
|
|
|
|
.egr-add-select {
|
|
padding: .75em 1.5em .75em 1.5em;
|
|
color: #fff;
|
|
border-bottom: 1px solid #222;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
user-select: none; }
|
|
.egr-add-select:hover {
|
|
color: #999; }
|
|
.egr-add-select:last-child {
|
|
border-bottom: 0; }
|
|
|
|
.egr-dropdown-active .egr-add-button:before {
|
|
display: block; }
|
|
|
|
.egr-grid-item {
|
|
display: flex;
|
|
flex-wrap: wrap; }
|
|
|
|
.egr-fieldset {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between; }
|
|
|
|
@media screen and (min-width: 60em) {
|
|
.egr-grid-item {
|
|
width: calc(100% + 1.5em); }
|
|
.egr-fieldset {
|
|
margin-right: 1.5em;
|
|
margin-bottom: 1.5em; }
|
|
.egr-grid-item-1-2 > .egr-fieldset {
|
|
width: calc(100% / 2 - 1.5em); }
|
|
.egr-grid-item-1-3 > .egr-fieldset {
|
|
width: calc(100% / 3 - 1.5em); }
|
|
.egr-grid-item-1-4 > .egr-fieldset {
|
|
width: calc(100% / 4 - 1.5em); }
|
|
.egr-grid-item-1-5 > .egr-fieldset {
|
|
width: calc(100% / 5 - 1.5em); } }
|
|
|
|
.egr-element-delete {
|
|
width: calc(100% + 1.5em);
|
|
z-index: 100;
|
|
background: #fff;
|
|
display: flex; }
|
|
.egr-element-delete .egr-delete-message {
|
|
padding: 1.5em;
|
|
position: relative;
|
|
background: #fff;
|
|
margin: 0 auto; }
|
|
|
|
.egr-delete-buttons {
|
|
max-width: 20em;
|
|
justify-content: space-between;
|
|
display: flex;
|
|
margin-top: .5em; }
|
|
.egr-delete-buttons > * {
|
|
cursor: pointer;
|
|
line-height: 2em; }
|
|
|
|
.egr-delete-cancel {
|
|
padding: 0 .5em;
|
|
color: #777;
|
|
border: 2px solid transparent; }
|
|
.egr-delete-cancel span {
|
|
border-bottom: 2px solid #eee; }
|
|
.egr-delete-cancel:hover {
|
|
color: #000; }
|
|
.egr-delete-cancel:hover span {
|
|
border-bottom: 2px solid #ccc; }
|
|
|
|
.egr-delete-apply {
|
|
border-radius: .3em;
|
|
padding: 0 1em;
|
|
color: #b3000a;
|
|
border: 2px solid #b3000a;
|
|
font-weight: bold; }
|
|
.egr-delete-apply:hover {
|
|
color: #fff;
|
|
background: #b3000a; }
|
|
|
|
.egr-delete-active {
|
|
position: relative; }
|
|
|
|
.egr-delete-active .egr-fields:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: #b3000a;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
opacity: .2; }
|
|
|
|
.egr-style-table > .egr-fieldsets {
|
|
border: 2px solid #ddd; }
|
|
.egr-style-table > .egr-fieldsets > .egr-fieldset {
|
|
border: none;
|
|
margin-bottom: 0;
|
|
padding-top: .5em;
|
|
padding-right: .5em; }
|
|
.egr-style-table > .egr-fieldsets > .egr-fieldset:last-child {
|
|
border-bottom: 0; }
|
|
.egr-style-table > .egr-fieldsets > .egr-fieldset:last-child > .egr-actions {
|
|
border-bottom: 0; }
|
|
.egr-style-table > .egr-fieldsets > .egr-fieldset > .egr-fields > .field {
|
|
padding-left: .5em;
|
|
margin-bottom: .5em; }
|
|
.egr-style-table > .egr-fieldsets > .egr-fieldset > .egr-actions {
|
|
width: calc(100% + .5em); }
|
|
|
|
.egr-style-table.egr-odd > .egr-fieldsets > .egr-labels {
|
|
background: #fff; }
|
|
|
|
.egr-style-table.egr-odd > .egr-fieldsets > .egr-fieldset > .egr-actions {
|
|
border-bottom: 1px solid #ddd; }
|
|
|
|
.egr-style-table.egr-even > .egr-fieldsets > .egr-labels {
|
|
background: #eee; }
|
|
|
|
.egr-style-table.egr-even > .egr-fieldsets > .egr-fieldset > .egr-actions {
|
|
border-bottom: 1px solid #ccc; }
|
|
|
|
.egr-labels {
|
|
padding-top: 1em;
|
|
padding-right: 1em;
|
|
border-bottom: 1px solid #ddd; }
|
|
.egr-labels > .field {
|
|
margin-bottom: 0.5em;
|
|
padding-left: 1em !important; }
|
|
|
|
/*# sourceMappingURL=style.css.map */
|