@-webkit-keyframes infinite-spinning { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes infinite-spinning { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @keyframes infinite-spinning { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes pulse { from { background: #fffdc3; } to { background: #fff; } } @-moz-keyframes pulse { from { background: #fffdc3; } to { background: #fff; } } @keyframes pulse { from { background: #fffdc3; } to { background: #fff; } } .ci-repeating-fields { a { outline:0; } .loading { position:relative; &:after { font-family: dashicons; font-size:20px; content: "\f463"; position:absolute; bottom:15px; left:15px; color: #232323; -webkit-animation: infinite-spinning 0.5s infinite; -moz-animation: infinite-spinning 0.5s infinite; animation: infinite-spinning 0.5s infinite; } } .ci-repeating-add-field { margin-bottom:15px; } .ci-repeating-remove-action { position:relative; text-align: right; z-index:100; } .dashicons { font-size:16px; position:relative; top:5px; left:-4px; } .dashicons-dismiss { color:red; } .post-field { background: #fff; padding: 15px; margin-bottom:15px; border:solid 1px #ddd; border-radius: 2px; cursor:move; -webkit-animation: pulse 1.5s; -moz-animation: pulse 1.5s; animation: pulse 1.5s; &:hover { border-color:#ccc; box-shadow: 0 0 3px rgba(0,0,0,0.1)} &.loading { background: #fffdc3; } } label { display:block; } .post-field-item { margin-top:10px; } .post-field select { margin-top:5px; } .ui-sortable-helper{ box-shadow: 0 0 5px rgba(0,0,0,0.2) !important; } .ui-state-highlight { background: #f1f1f1; height:173px; border:dotted 2px #ccc; border-radius: 2px; margin-bottom:15px; } .inner { input, textarea { display:block; margin:5px 0 10px 0; } textarea { width:100%; height:150px; } .ui-state-highlight { height:111px; } .wp-picker-input-wrap { input { margin: 0; display: none; } } .wp-picker-open + .wp-picker-input-wrap { input { display: inline-block !important; margin-left: 4px; } } } }