div#checklist ul { list-style: none; padding-left: 0px; margin-bottom: 0px; } div#checklist li { padding-bottom: 10px; margin-left: 10px; } #checklist li:hover a.delete {opacity: 1;} #checklist a.delete {opacity: 0.4;} span.checklist-item { display: block; margin-bottom: 5px; } span.checklist-subject.is-done-checklist-item, span.checklist-item.is-done-checklist-item, #checklist_items li.is-done-checklist-item { text-decoration: line-through; color: #999; } span.checklist-remove { margin-left: 2px; opacity: 0.4;} span.checklist-remove:hover {opacity: 1;} span.checklist-edit-box input { margin-right: 6px; width: 40%; -moz-transition: top 0.2s; -o-transition: top 0.2s; -webkit-transition: top 0.2s; transition: top 0.2s; } .invalid span.checklist-edit-box input { border-color: #b94a48; color: #b94a48; } .invalid span.checklist-edit-box input:focus { border-color: #953b39; color: #b94a48; } .invalid .checklist-edit-save-button { display: none; } span.checklist-edit-reset-button { cursor: pointer; color: #2996CC; } span.checklist-subject {cursor: pointer;} span.checklist-item.show .checklist-edit, span.checklist-item.show .checklist-edit-only, span.checklist-item.show .checklist-new, span.checklist-item.show .checklist-new-only, span.checklist-item.edit .checklist-show, span.checklist-item.edit .checklist-new-only, span.checklist-item.new .checklist-edit-only, span.checklist-item.new .checklist-show-or-edit, span.checklist-item.new .checklist-show-only, span.checklist-item.edit .checklist-show-only { display: none; } div#checklist ol { display: inline-block; padding-left: 0; }