Skip to content

Instantly share code, notes, and snippets.

@Colt
Created October 8, 2013 23:40
Show Gist options
  • Select an option

  • Save Colt/6893726 to your computer and use it in GitHub Desktop.

Select an option

Save Colt/6893726 to your computer and use it in GitHub Desktop.
CSS for ToDo List
body {
width: 750px;
font-family: "Helvetica Neue" Helvetica, sans-serif;
margin: 50px auto;
}
.red {
color: red;
text-decoration: line-through;
}
#toDo {
width: 390px;
float: left;
max-width: 250px;
min-height: 500px;
margin: 10px auto;
padding: 5px 40px;
background: #fff;
border: 5px dotted #ccc;
font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
}
#done {
width: 390px;
float: right;
max-width: 250px;
min-height: 500px;
margin: 10px auto;
padding: 5px 40px;
background: #fff;
border: 5px dotted #ccc;
font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
}
input[type="text"] {
text-align: center;
font-family: "Helvetica Neue," "Helvetica", sans-serif;
font-size: 35px;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
width:150px;
padding: 5px;
/*display:block;*/
margin-right:10px;
}
button{
display: inline-block;
margin: 0;
padding: 2px 4px;
border: 1px solid transparent;
border-radius: 2px;
color: #ffffff;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
font-family: "Helvetica Neue", "Lucida Grande", sans-serif;
line-height: 1.5384615384615385;
cursor: pointer;
outline: none;
background-color: #434a54;
border-color: #434a54;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#bigButton {
font-size: 25px;
padding: 7px 14px;
}
button:hover,
button:focus {
background-color: #5a6370;
border-color: #5a6370;
}
button.is-active,
button:active {
background-color: #2c3138;
border-color: #2c3138;
}
h1 {
font-size: 48px;
margin: 0px;
}
/*form {
float: right;
width: 390px;
}*/
header {
text-align: center;
padding-bottom: 15px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment