Sitepoint demo app for learning to use Sinatra
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.

58 lines
953 B

  1. h1.logo{
  2. font-family: helvetica,arial,sans-serif;
  3. font-size: 24px;
  4. color: black;
  5. padding: 64px 0 0;
  6. margin: 0 auto;
  7. text-transform: uppercase;
  8. text-align: center;
  9. font-weight: normal;
  10. letter-spacing: 0.3em;
  11. background: transparent url(/logo.png) 50% 0 no-repeat;
  12. }
  13. .completed{
  14. text-decoration: line-through;
  15. }
  16. .tasks{
  17. padding:0;
  18. list-style:none;
  19. }
  20. .task{
  21. position:relative;
  22. padding:2px 0 2px 28px;
  23. border-bottom: dotted 1px #ccc;
  24. }
  25. form.update{
  26. position:absolute;
  27. bottom:2px;
  28. left:0;
  29. }
  30. form.update input{
  31. background:white;
  32. color:gray;
  33. padding:0 2px;
  34. border:none;
  35. cursor:pointer;
  36. }
  37. .tasks li.completed form.update input{
  38. color:#47FD6B;
  39. }
  40. form.delete{
  41. display:inline;
  42. }
  43. form.delete input{
  44. background:none;
  45. cursor:pointer;
  46. border:none;
  47. }
  48. .lists{
  49. padding:0;
  50. list-style:none;
  51. overflow:hidden;
  52. }
  53. .list{
  54. float: left;
  55. width:23%;
  56. margin:0 1%;
  57. border-top:solid 5px #ccc;
  58. }