Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- padding: 5px;
- }
- input {
- width: 200px;
- }
- #todo-list {
- margin-top: 10px;
- }
- #todo-list li {
- padding: 12px 25px 11px 0;
- position: relative;
- line-height: 1.1em;
- border-bottom: 1px solid #cccccc;
- }
- #todo-list .check {
- position: relative;
- top: 2px;
- margin-right: 1em;
- float: left;
- width: 1em;
- }
- #todo-list .todo-text {
- margin-left: 2em;
- }
- #todo-list .done .todo-text {
- text-decoration: line-through;
- color: #777777;
- }
- #todo-list .todo-destroy {
- position: absolute;
- right: 5px;
- top: 14px;
- display: none;
- cursor: pointer;
- width: 20px;
- height: 20px;
- }
- #todo-list li:hover .todo-destroy {
- display: block;
- }
- #todo-list .todo-destroy:hover {
- background-position: 0 -20px;
- }
- #todo-list li.editing {
- padding-left: 0;
- padding-right: 0;
- }
- #todo-list .editing input,
- #todo-list .editing .todo-destroy {
- display: none !important;
- }
- #todo-list .editing .todo-text {
- width: 100%;
- margin: 0;
- }
Add Comment
Please, Sign In to add comment