1td.editable > .value span { 2 display: inline-block; 3 margin-right: 1.25em; 4} 5 6td.editable > .value .edit-icon { 7 display: inline; 8 float: right; 9 margin-top: 0.25em; 10 margin-left: -1em; 11 visibility: hidden; 12 cursor: pointer; 13} 14 15td.editable:hover > .value .edit-icon { 16 visibility: visible; 17} 18 19td > .value .edit-icon { 20 display: none; 21} 22 23td.editable.error { 24 font-weight: bold; 25} 26 27td.editable > form.editor { 28 display: none; 29} 30 31td.editable.loading > .value, 32td.editable.loading > form.editor, 33td.editable.editing > form.editor { 34 display: flex; 35} 36 37td.editable.loading > form.editor, 38td.editable.editing > form.editor { 39 position: absolute; 40} 41 42 43td.editable.loading > .value .edit-icon, 44td.editable.loading > .value { 45 display: none; 46} 47 48/* Let .value take up the width it uses */ 49td.editable.editing > .value .edit-icon, 50td.editable.editing > .value { 51 visibility: hidden; 52} 53 54tbody.list-item.refreshing { 55 opacity: 0.5; 56} 57 58td.editable > form.editor > .submit, 59td.editable > form.editor > .cancel { 60 margin-left: 3px; 61 font-size: 16px; 62 cursor: pointer; 63 z-index: 2; 64} 65 66tr.oddline td.editable > form.editor > .submit, 67tr.oddline td.editable > form.editor > .cancel { 68 background-color: rgb(242,242,242); /* nearly equivalent to rgba(0,0,0,0.05) but no transparency */ 69} 70 71tr.evenline td.editable > form.editor > .submit, 72tr.evenline td.editable > form.editor > .cancel { 73 background-color: white; 74} 75 76td.editable.loading > form.editor > .submit, 77td.editable.loading > form.editor > .cancel { 78 display: none; 79} 80 81td.editable.loading > form.editor > .loading { 82 display: flex; 83 margin-top: 3px; 84 margin-left: 3px; 85} 86 87td.editable > form.editor > .loading { 88 display: none; 89} 90 91td.editable > form.editor .form-row { 92 margin-top: 0; 93} 94 95.titlebox form.inline-edit, 96.titlebox.editing .inline-edit-display { 97 display: none; 98} 99 100.titlebox.editing form.inline-edit, 101.titlebox .inline-edit-display { 102 display: block; 103} 104