.field-repeater { padding-top: 5px; } .field-repeater ul.field-repeater-items, .field-repeater li.field-repeater-item { padding: 0; margin: 0; list-style: none; } .field-repeater ul.field-repeater-items > li.dragged { opacity: .7; position: absolute; padding-top: 15px; padding-right: 15px; z-index: 2000; background-color: #f9f9f9; border: 1px dashed #dbdee0; } .field-repeater ul.field-repeater-items > li.dragged .repeater-item-remove { opacity: 0; } .field-repeater ul.field-repeater-items > li.dragged .repeater-item-collapsed-title { top: 5px; } .field-repeater ul.field-repeater-items > li.placeholder { display: block; position: relative; height: 25px; margin-bottom: 5px; } .field-repeater ul.field-repeater-items > li.placeholder:before { display: block; position: absolute; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; content: "\f054"; color: #d35714; left: -10px; top: 8px; z-index: 2000; } .field-repeater li.field-repeater-item { position: relative; margin-left: 5px; padding-left: 15px; border-left: 1px solid #dbdee0; min-height: 30px; } .field-repeater li.field-repeater-item:before { color: #bdc3c7; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; content: "\f111"; font-size: 8px; position: absolute; left: -4px; top: -2px; } .field-repeater li.field-repeater-item.collapsed .field-repeater-form { display: none; } .field-repeater li.field-repeater-item.collapsed .repeater-item-collapse .repeater-item-collapse-one { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .field-repeater li.field-repeater-item.collapsed .repeater-item-collapsed-title { display: block; } .field-repeater li.field-repeater-item .repeater-item-collapsed-title { display: none; top: -5px; position: absolute; font-size: 13px; } .field-repeater li.field-repeater-item .field-repeater-form { position: relative; top: -7px; } .field-repeater li.field-repeater-item .field-repeater-form:before, .field-repeater li.field-repeater-item .field-repeater-form:after { content: " "; display: table; } .field-repeater li.field-repeater-item .field-repeater-form:after { clear: both; } .field-repeater li.field-repeater-item .repeater-item-handle { position: absolute; top: -6px; left: -10px; color: #bdc3c7; background: #f9f9f9; cursor: move; opacity: 0; border-radius: 999px; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .field-repeater li.field-repeater-item .repeater-item-handle:hover { color: #999; } .field-repeater li.field-repeater-item .repeater-item-collapse { position: absolute; top: -9px; right: 22px; z-index: 90; } .field-repeater li.field-repeater-item .repeater-item-collapse a, .field-repeater li.field-repeater-item .repeater-item-collapse button { -webkit-transition: transform 0.3s; transition: transform 0.3s; color: #bdc3c7; line-height: 20px; display: block; font-size: 12px; } .field-repeater li.field-repeater-item .repeater-item-collapse a:hover, .field-repeater li.field-repeater-item .repeater-item-collapse button:hover, .field-repeater li.field-repeater-item .repeater-item-collapse a:focus, .field-repeater li.field-repeater-item .repeater-item-collapse button:focus { color: #999; text-decoration: none; } .field-repeater li.field-repeater-item .repeater-item-remove { position: absolute; top: -10px; right: 0; z-index: 90; } .field-repeater li.field-repeater-item .repeater-item-collapse, .field-repeater li.field-repeater-item .repeater-item-handle, .field-repeater li.field-repeater-item .repeater-item-remove { width: 20px; height: 20px; text-align: center; } .field-repeater li.field-repeater-item:hover .repeater-item-collapse, .field-repeater li.field-repeater-item:active .repeater-item-collapse, .field-repeater li.field-repeater-item:hover .repeater-item-handle, .field-repeater li.field-repeater-item:active .repeater-item-handle, .field-repeater li.field-repeater-item:hover .repeater-item-remove, .field-repeater li.field-repeater-item:active .repeater-item-remove { opacity: 1; } .field-repeater .field-repeater-add-item { position: relative; margin-top: 10px; margin-left: 20px; border: 2px dotted #e0e0e0; border-radius: 5px; } .field-repeater .field-repeater-add-item:before { color: #bdc3c7; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; content: "\f067"; font-size: 16px; position: absolute; left: -23px; top: -11px; } .field-repeater .field-repeater-add-item > a { color: #bdc3c7; text-align: center; display: block; text-decoration: none; padding: 13px 15px; text-transform: uppercase; font-weight: 600; font-size: 12px; } .field-repeater .field-repeater-add-item:hover, .field-repeater .field-repeater-add-item:focus { background-color: #4ea5e0; border-color: transparent; } .field-repeater .field-repeater-add-item:hover:before, .field-repeater .field-repeater-add-item:focus:before { color: #999; } .field-repeater .field-repeater-add-item:hover > a, .field-repeater .field-repeater-add-item:focus > a { color: #ffffff; } .field-repeater .field-repeater-add-item:active { background: #3498db; border-color: transparent; } .field-repeater .field-repeater-add-item:active > a { color: #ffffff; } .field-repeater .field-repeater-add-item.in-progress { border-color: #e0e0e0 !important; background: transparent !important; }